/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	text-align: center;
	font-size: 11px;
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	color: #444;
	background: url(../images/bg.jpg) top left repeat-x #DEDACF; }


	/*** FONT STYLES ***/	
	h1 {
		text-align: left;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		line-height: 27px;
		margin: 0 0 0 10px; }
	
	a:link, a:visited { color: #00305E; }
	a img { border: none; }
	
	p { margin-bottom: 16px; }


/************* STRUCTURE STYLES ***/
#wrapper {
	margin: 10px auto 0 auto;
	width: 765px;
	background: #ebe8df; }
	
	/*** TOP BAR ***/
	#topBar {
		width: 765px;
		height: 20px;
		background-color: #174076;
		margin: 0 auto;}
		
		#topBar p {
			text-align: right;
			line-height: 20px;
			color: #fff;
			margin: 0 20px 0 0; }
			
		#topBar a {
			color: #fff;
			text-decoration: none; }
	
	
	/*** HEADER ***/		
	a#header {
		display: block;
		width: 765px;
		height: 110px;
		background-image: url(../images/header.jpg); }


	/*** NAVIGATION ***/
	#nav {
		width: 765px;
		height: 23px;
		background-color: #174076;
		margin: 0 auto;
		font-size:9px;}
		
		#nav p {
			text-align: center;
			line-height: 23px;
			color: #fff; }
		
		#nav a {
			color: #fff;
			text-decoration: none; }
	
	
	/*** SUB HEADER ***/
	#subHeader {
		width: 765px;
		height: 156px;
		background: #174076; }
			
		#subHeader #map {
			float: left;
			width: 215px;
			height: 156px; }
		
		#subHeader #banner {
			float: left;
			width: 550px;
			height: 127px; }
			
		#subHeader #title {
			background: #174076;
			height: 156px; }
		
			
	
	/*** CONTENT WRAPPER ***/
	#contentWrapper {
		float: left;
		width: 765px;
		background: #ebe8df; }
		
	#sidebar {
		margin: 10px 0 0 0;
		float: left;
		width: 215px;}
	
		ul#sidebar { 
			width: 215px;
			margin: 0 auto;
			list-style: none; }
			
			ul#sidebar li { 
				float: left;
				list-style: none; }
				
	#content {
		margin: 10px 0 0 10px;
		float: left;
		width: 540px;
		text-align: left; }
	
	
	/*** FOOTER STYLES ***/
	#footer {
		width: 765px;
		text-align: left;
		float: left;
		margin: 5px 0 0 0;
		padding: 0 0 8px 0;
		height: 40px;
		background: #174076; }
		
			#footer a:link,
			#footer a:visited { 
				text-decoration: none; 
				color: #fff; }

			#footer p { 
				font-size: 10px;
				color: #fff;
				margin: 5px 0 0 30px; }

			#footer p.poweredby { 
				float: right;
				margin: 13px 30px 0 0;
				text-align: right; }
		
			#footer p.poweredby a { margin: 0 0 0 20px; }
	
			


/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */