* { margin: 0; padding: 0 }

body { font-family: Arial, Helvetica, sans-serif }

#wrapper { width: 760px; margin: 5px auto }

#header { position: relative; height: 25px }
	#topleft { position: absolute; left: 10px}
		#topleft ul { list-style: none }
		#topleft ul li { display: inline}
			#topleft li ul { display: none }
		#topleft ul li a { display: block; padding: 3px 5px; margin-right: 5px; float: left; font-size: .8em; color: #999; text-decoration: none; text-transform: uppercase; font-weight: bold }
		#topleft ul li a.on { color: #666 }
	#topright { position: absolute; right: 10px; bottom: 5px }
		#topright a { font-size: .8em; color: #999; text-decoration: none; text-transform: uppercase; font-weight: bold }
	
#banner { clear: both; background: url(images/banner.jpg) no-repeat; height: 760px; height: 219px }
	#banner h1 { display: none }
	
#contentleft, #contentright { float: left; overflow: hidden; padding: 15px }
	#contentleft { width: 160px }
		h3.subnavtitle { font-size: .8em; color: #666; background: #d8e2e8; border-bottom: 4px solid #95b5c7; padding: 5px 8px; text-transform: uppercase }
		#contentleft ul { padding: 5px 10px 5px 20px }
		#contentleft ul li { list-style-image: url(images/blue_bullet.gif);  }
		#contentleft ul li a { font-size: .7em; color: #666; text-decoration: none }
			#contentleft ul li a.on { font-weight: bold }
	#contentright { width: 540px; font-size: .8em; color: #666; line-height: 1.6em }
		#contentright h2 { color: #698fa5; font-size: 1.8em; text-transform: uppercase; margin: 5px 0 10px 0 }
		#contentright p { margin-bottom: 10px }
		#contentright ul { margin: 5px 10px }
			#contentright ul li { margin-left: 10px }
		 
		
#footer { border-top: 1px solid #d8e2e8; padding: 10px; font-size: .7em; color: #999}

.clear { clear: both; line-height: 0; height: 0; font-size: 0 }