/* HAIR IT IS */
/* PAGE STYLES */

* { 
	margin: 				0; 
	padding:				0; 
} 

body { 
	text-align:				center;
	background:				#000078;
	background-image: 		url(../images/layout/background.jpg);
	background-position:		top;
	background-repeat:		no-repeat;  
}

#page { 
	margin:				0 auto; 
	width:				800px; 
 	text-align:				left;
	background-image: 		url(../images/layout/content_bg.jpg);
} 

#innerbody { 
	margin-bottom:			0px;
	margin-left:			18px;
	width: 				745px;
} 

#header { 
	background-image: 		url(../images/layout/header.jpg);
	width: 				800px;
	height: 				280px; 
} 

/* NAVAGATION */

#mainnav  {
	list-style-type:			none;
	position: 				relative;
	text-align:				center;
	right: 				0px;
	font-size:				10px;
	text-transform:			uppercase;
	color: 				#ffffff;
	margin-top:				-33px;
	margin-left:			0px;
	margin-right:			0px;
	margin-bottom:			0px;
	padding-bottom:			10px;
	padding-right:			0px;
	padding-top:			5px;
}

#mainnav li  {
	display:				inline;
	padding-left:			0px;
	padding-right:			0px;
	text-transform:			uppercase;
	color:				#FFFF00;
	font-weight:			bold;
	font-size:				12px;
	font-family:			tahoma, verdana, arial, sans-serif;
	
}

#mainnav li a  {
	background-color:			inherit;
	padding-left:			5px;
	padding-right:			5px;
	color:				#00005D;
	letter-spacing:			.1em;
	text-decoration:			none;
}

#mainnav li a:hover  {
	color:				#8E0000;
	padding-bottom:			0px;
	padding-left:			5px;
	padding-right:			5px;
	padding-top:			5px;
	border-bottom:			4px solid #8E0000;
}

/* LEFT */

#left { 
	width: 				220px;
	float: 				left;
	margin-top:				12px;
	font-size: 				12px;
	font-family:			verdana, arial, tahoma, sans-serif;
}

#mlistbox { 
	margin-left:			10px;
	background-image: 		url(../images/layout/mlist.jpg);
	background-position:		center;
	background-repeat:		no-repeat;
	float: 				left;
	width: 				196px;
	height:				120px;
	position: 				relative;
	float: 				left;
}

#mlistboxtext { 
	font-size: 				9px;
	margin-top:				55px;
	color: 				#FFFFFF;
	text-align:				center;
	text-transform: 			uppercase;
}

/* RIGHT */ 

#right { 
	width: 				500px; 
	float: 				right;
	margin-top:				12px;
	background-color: 		#FFFFFF;
	border: 				2px solid #000080;
	padding:				4px;
	font: 				normal 12px Verdana, Arial, Helvetica, sans-serif;
} 

#right h1 { 
	margin-top: 			11px;
	margin-bottom: 			11px; 
 	padding-top: 			0px; 
	padding-bottom: 			10px; 
 	border-bottom: 			2px solid #00005D; 
 	font: 				normal 1.8em/18px Trebuchet MS, serif;
 	color: 				#550000;
	text-transform:			uppercase; 
	font-weight: 			bold;
} 

#right h2 { 
	margin-top: 			10px;
	margin-bottom: 			10px;
	font: 				normal 1.6em/16px Trebuchet MS, serif;
	padding-top: 			10px; 	
	border-top: 			2px solid #00005D;
	color: 				#1BAAD4;
	text-transform:			uppercase; 
	font-weight: 			bold;
} 

#right h3 { 
	margin-bottom: 			10px;
	font: 				normal 1.4em/14px Trebuchet MS, serif;
	color: 				#000080;
	text-transform:			uppercase; 
	font-weight: 			bold;
} 

#right p { 
 	padding-bottom: 			18px; 
} 

#right
A:link { 
	color: 				#057FFA; 
	text-decoration: 			underline; 
}

#right
A:visited {
	color: 				#057FFA;
	text-decoration: 			underline;
}

#right
 A:hover {
	color: 				#FF0000;
	text-decoration: 			underline;
}

#right img { 
	float: 				right; 
 	margin: 				6px 18px 0 6px; 
 	padding: 				2px; 
 	border: 				2px solid #169668; 
}

/* FOOTER */

#footer { 
	clear:				right;
	height:				35px;
	background-image: 		url(../images/layout/footer.jpg);
	background-repeat:		no-repeat; 
} 

/* BOTTOM LINK */

#bottom  {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				8pt;
	color:				#F1F1F1;
	text-align:				center;
	padding-bottom:			5px;
}

#bottom A:link  {
	color:				#99CCFF;
	text-decoration:			underline;
}

#bottom
A:visited {
	color: 				#99CCFF;
	text-decoration: 			underline;
}

#bottom
 A:hover {
	color: 				#FFFF00;
	text-decoration: 			underline;
}

.clear { 
	clear:				both; 
}