/* READ: "Designing with Web Standards" by Jeffrey Zeldman (New Riders, 2003). */

/* 1.  BODY */
body  {
	color: #fff;
	background: #006;
	margin: 0;
	padding: 0; 
	}
	
/* 2.  GLOBAL STYLES */
h1, h2, h3, h4, h5, h6, a, p, ul {
	font-family: verdana, arial, sans-serif;
	}

html p	{
	color: #fff;
	font-size: 90%;
	text-align: left;
	line-height: 1.25;
	}
	
/* 3.  ANCHOR PSEUDO-CLASSES (LVHA) */
a:link {
	text-decoration : underline; 
	color: #B9DD1B; 
	background: transparent; 
	}

a:visited {
	text-decoration : underline; 
	color: #66ccff;
	background: transparent; 
	}

a:hover {
	text-decoration : underline; 
	color: #FF6600;
	background: transparent; 
	}

a:active {
	text-decoration : underline; 
	}
	
/* SKELETAL STYLES */
#container-container {width:100%; position:relative; vertical-align:top;}
#container {
 	width: 774px; 
	padding: 0;
 	background-color: #2368B8; /*#2368B8*/
	position:relative;
 	}
	
#title {
	position: absolute;
	top: 96px;
	left: 0px;
	width: 774px;
	height: 38px;
	display: inline;
	}
	
#nav {
	position: absolute;
	top: 134px;
	left: 150px;
	width: 624px;
	display: inline;
	}
	
#subnav {
	position: absolute;
	top: 134px;
 	left: 0;
	width: 150px;
	padding: 0;
	}
	
#subnav img {
	display: block;
	}
	
#subtitle {
	position: absolute;
	top: 186px;
	left: 150px;
	width: 68px;
	padding: 0;
	}

#content {
	 margin-top: 60px;
	 margin-left: 218px;
	 padding: 15px;
	 }
 
#footer {
 	clear: both;
	background-color: #006;
 	}
	
/* 3a.  HOMEPAGE SKELETON */

#upper {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 774px;
	padding: 0;
	}
	
#navleft {
	position: absolute;
	left: 0px;
	top: 153px;
	padding: 0;
	}
	
#navhome {
	position: absolute;
	left: 47px;
	top: 153px;
	width: 257px;
	padding: 0;
	}

#navhome img, #subnavhome img {
	display: block;
	}
	
#midsection {
	position: absolute;
	left: 304px;
	top: 153px;
	width: 470px; 
	padding: 0;
	}
	
#lowerleft {
	position: absolute;
	left: 0px;
	top: 299px;
	width: 304px; 
	padding: 0;
	}
	
#subnavhome {
	position: absolute;
	left: 304px;
	top: 299px;
	width: 154px;
	padding: 0;
	}
	
#lowerright {
	position: absolute;
	left: 477px;
	top: 299px;
	width: 297px; 
	padding: 0;
	}
	
#sponsor {
	position: absolute;
	left: 304px;
	top: 447px;
	width: 316px; 
	padding: 0;
	}
	
#footerhome {
	position: absolute;
	left: 0px;
	top: 493px;
	width: 774px; 
	padding: 0;
	}

	
/* 4.  IMAGE STYLES */

a img {border: 0;}
	
.imageleft {float: left; padding: 15px;}
.imageright {float: right; padding: 15px;}

.imageleft h5, .imageright h5 {font-size: 90%; font-weight: bold; margin: 5px 0;}
.imageleft h6, .imageright h6 {font-size: 85%; font-weight: normal; font-style: italic; margin: 0;}

/* 5.  TEXT STYLES */
#content h4 {
	margin: 40px 0 0; 0;
	}

.videoleft {
	display: block;
	float: left;
	width: 200px; 
	padding: 7px;
	border: 1px solid #ffffff;
	margin: 5px 5px 5px 0px;
	}

.videoright {
	display: block;
	float: right;
	width: 200px; 
	padding: 7px;
	border: 1px solid #ffffff;
	margin: 5px 5px 5px 0px;
	}

.videotext {font-size: 70%; font-weight: normal; margin: 0;}


#mid{




}