/* test layout box model when needed */
div { border: 0px solid red; } 


/* Main */
body {
   	background: 	#fff url(art/back.jpg) repeat-x top;	
	font: 		0.9em verdana;
	color: 		#808080; 
	text-align: 	center;
	margin: 	45px 0 30px 0;
	}

/* Main container */
#container { 
	background: 	url(art/back.png) repeat-y center top;
	margin: 	0 auto;
	text-align: 	left;
	width: 		750px;
	position: 	relative;
	}		

/* Top focus */
#banner {
	background: transparent url(art/banner.png) no-repeat top left;
	width: 750px;
	height: 376px;
	font:  12px/1.7em verdana; 
	color: #ffffff;
	}

#menu 	{ 
	width: 750px;
	margin: 0 0 0 380px;
	padding: 130px 0 0 0;
	}

blockquote 
	{width:450px;margin-left:10px;padding:5px 0 0 0; }
blockquote p
	 {padding:10px;margin:0; background: #ffc url(art/quoteback.png) no-repeat;}


#sidebar { width: 210px; float: right; }

#box1 	{ 
	background: url(art/title1.jpg) no-repeat top;
	width: 190px; 
 
	font:  	11px  verdana;
	color: 	#363734; 
	border: 1px solid #ccc; 
	margin: 40px 40px 0 0;
	}

#box2 	{
	background: url(art/title2.jpg) no-repeat top; 
	width: 190px; 
	height: 195px; 
	font:  	11px  verdana;
	color: 	#363734; 
	border: 1px solid #ccc; 
	margin: 25px 40px 0 0;
	}

#box3 	{
	background: url(art/title3.jpg) no-repeat top; 
	width: 190px; 
	height: 200px; 
	font:  	11px  verdana;
	color: 	#363734; 
	border: 1px solid #ccc; 
	margin: 25px 40px 0 0;
	}

#box4 	{
	background: url() no-repeat top; 
	width: 190px; 
	height: 255px; 
	font:  	11px  verdana;
	color: 	#363734; 
	border: 1px solid #ccc; 
	margin: 25px 40px 0 0;
	}

#text { margin: 30px 6px 7px 6px; }
#text2 { margin: 6px 6px 7px 6px; }  

/* Text attributes */

#maintext {
	position:	relative;
	width: 		480px;
	margin:  	0px 0 30px 20px;
	font:  		12px  verdana;
	color: 		#363734; 
	text-indent: 	0px;
	text-align: 	justify;
	}

#opentext {
	position:	relative;
	width: 		480px;
	margin:  	40px 0 30px 20px;
	font:  		12px  verdana;
	color: 		#363734; 
	text-indent: 	0px;
	text-align: 	justify;
	}		

/* Heading styles */	
h1 { font: 1.7em verdana; color: #457835; } 
h2 { font: 1.4em verdana; color: #cc0000; text-decoration: underline; }
h3 { font: 1.5em verdana; color: #457835; }
h4 { font: 1em verdana; color: #808080; }
h5 { font: 1em verdana; color: #808080; }


/* Image float system useing class within 'img' tag */
img.floatLeft { 
       float: 		left; 
       margin: 		0 20px 0 0; 
       padding:		0 0 5px 0;
       }

img.floatRight { 
       float: 		right; 
       margin: 		10px 0 12px 0; 
       padding:		0 0 5px 15px;
       }

img { border: 0; }

/* Link behaviours */
a.link:link 	{color: #fff; font-family:verdana; text-decoration: none;}
a.link:active 	{color: #fff; font-family:verdana; text-decoration: none;}
a.link:visited 	{color: #fff; font-family:verdana; text-decoration: none;}
a.link:hover 	{color: #00bfff; font-family:verdana; text-decoration: none;}

a.built:link 	{color: #000080; font-family:verdana; text-decoration: none;}
a.built:active 	{color: #000080; font-family:verdana; text-decoration: none;}
a.built:visited {color: #000080; font-family:verdana; text-decoration: none;}
a.built:hover 	{color: #00bfff; font-family:verdana; text-decoration: none;}


a.smart:link 	{color: #cc0000; font-family:verdana; text-decoration: none;}
a.smart:active 	{color: #cc0000; font-family:verdana; text-decoration: none;}
a.smart:visited {color: #cc0000; font-family:verdana; text-decoration: none;}
a.smart:hover 	{color: #cc0000; font-family:verdana; text-decoration: underline;}	

/* li configuration image bullet points uses class within 'ul' tag */
#navlist{
 	margin-left: 	0;
	padding-left: 	0;
	list-style: 	none;
	}

#navlist li {
 	padding-left: 	25px;
	background-image: url(art/arrow_right.png);
	background-repeat: no-repeat;
	background-position: 0 .1em;
	margin: 17px 0 0 0;
	font:  		17px  verdana;
	color: 		#000080; 
	}

#list{
 	margin-left: 	0;
	padding-left: 	0;
	list-style: 	none;
	}

#list li {
 	padding-left: 	25px;
	background-image: url(art/arrow_right.png);
	background-repeat: no-repeat;
	background-position: 0 .1em;
	margin: 8px 0 0 0;
	font:  		12px  verdana;
	color: 		#000080; 
	}


#footer {
	background: transparent url(art/footer.png) no-repeat bottom left; 
	position:relative;
	width:750px;
	height: 40px;
}

/* Copyright information & additional */
#designed {
	position: absolute;
	padding: 14px 0 0 13px;
	font:  11px  verdana;
	color:#fff;
	text-align: left; 
 	}

#built
	{
	font:  11px  verdana;
	margin: 7px 0 0 0;
	}