/* TOC
---------------------------------------
	
	1 - Global Reset
	2 - HTML / Body
	3 - Typography & Headings
	4 - Layout Elements
	5 - Navigation
	6 - Accessibility Features
	7 - General Styles
	8 - Index Page
	
------------------------------------------*/

/* 1 - Global Reset
---------------------------------------------------------------------------------------------------------------*/
	
	* {margin:0; padding:0;} 
	img {border:0;}
	
/* 2 - HTML / Body
---------------------------------------------------------------------------------------------------------------*/

	body{text-align:center; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; color:#000; background-color:#A4C3BB; min-width:760px} /** 62.5% defaults all text size to 10px, min width for NS6 Bug **/

/* 3 - Typography & Headings
---------------------------------------------------------------------------------------------------------------*/
	
	/** PARAGRAPHS **/
		p {font-size:1.4em; line-height:1.4; color:#000; margin-bottom:1.5em;}
		
	/** HEADINGS **/
		h1 {font-size:1.5em; color:#fff; margin-bottom:0.5em}
		h2 {font-size:1.5em; color:#fff; margin-bottom:0.5em}
				
/* 4 - Layout Elements
---------------------------------------------------------------------------------------------------------------*/
	
	
	/*** MAIN STRUCTURE ***/
		#cunning {width:77em; max-width:100%; font-size:1.0em; margin:0 auto; text-align:left}

		#wrapper {width:77em; max-width:100%; font-size:1.0em; margin:0 auto; text-align:left}

		/* ---------- Main Columns & Content areas ---------*/
		
		/* Main content and branding */
			#branding {width:77em; max-width:100%; text-align:center; margin:0 auto; position:relative; z-index:1; padding-top:0.5em}		
			#branding img {margin-left:10em}
			#primary-content {z-index:0; width:60em;  max-width:80%; float:right; border:solid 1px #fff; position:relative; 
			z-index:0; left:-3em; min-height:45em; margin-top:-5.5em;}
			* html #primary-content {height:45em}
			


			.smallbg {background:url(../../img/bg-small2.jpg) #A4C3BB bottom right no-repeat; }
			.largebg {background:url(../img/bg-large2.jpg) #A4C3BB bottom left no-repeat; }
			.reports {background:url(../../img/bg-reports.gif) #A4C3BB bottom left no-repeat;}
			.contact {background:url(../img/bg-about.gif) #A4C3BB bottom left no-repeat;}
			.about {background:url(../img/bg-about2.jpg) #A4C3BB bottom left no-repeat;}

			#nav-primary {width:15em; max-width:17%; float:left; position:relative; z-index:3; margin-top:-3.5em;}


			/* IE Mac Hack */
	/*\*//*/
				#primary-content  {border:solid 1px red; width:61em;}
				#nav-primary {width: width:15.5em;}

	/**/
			
/* 5 - Navigation & Links
---------------------------------------------------------------------------------------------------------------*/

	/*** Primary Nav ***/	
		#nav-primary ul {list-style-type:none}
		#nav-primary li {background:url(../img/top-link.gif) transparent top right no-repeat; margin-bottom:1.5em; position:relative; width:15em; background-color:#75a498; border-left:solid 2px #fff}
		#nav-primary a {background:url(../img/bot-link.gif) transparent bottom right no-repeat; position:relative; width:15em; display:block; line-height:3em}				
		#nav-primary li.current {background-color:#A4C3BB}
		#nav-primary li.current a {color:#fff}
		#nav-primary a:hover {text-decoration:none}
		#nav-primary li a span {font-size:1.4em; position:relative; left:2.5em }	
		#nav-primary li.current span {background:url(../img/bot-link.gif) transparent bottom right no-repeat; position:relative; width:15em; display:block}
		#nav-primary li.current span span {font-size:1.4em; position:relative; left:2.5em;  background:none; width:auto; display:inline; line-height:normal; color:#fff; font-weight:bold; line-height:2.2em}
		#nav-primary img {margin-top:3.6em}	
	/*** LINKS ***/
		a {text-decoration:none; font-weight:bold; color:#006451}
		a:hover {text-decoration:underline; color:#fff}
		
/* 5 - Individual Pages
---------------------------------------------------------------------------------------------------------------*/
	
	/** General **/
		#content {margin:7em 3em 0 20em}
		#content strong {color:#fff}
		#content a:hover {color:#006451}

	/*** Phone Number ***/	
		#phone {clear:both}
		#phone p {color:#fff; float:right; /*text-align:center;*/ font-weight:bold;padding:0.5em 1em; border:solid 1px #fff; background-color:#75a498; margin-bottom:2em; position:relative; right:2.1em; font-size:1.4em}
	
	/** Map **/
		#map {text-align:center}	
	
	/** Reports **/
		#content ul {list-style-type:none; margin-bottom:2em;}
		#content li {font-size:1.4em;}
		#content li a img {margin-left:0.2em;}		
		
	/** Corners **/
		.tl {position:absolute; top:-1px; left:-1px}
		.tr {position:absolute; top:-1px; right:-1px}
		.bl {position:absolute; bottom:-1px; left:-1px}
		.br {position:absolute; bottom:-2px; right:-2px}
		* html .bl {bottom:-2px}
		* html .br {bottom:-2px}

			
/* 6 - Accessibility Features
---------------------------------------------------------------------------------------------------------------*/
	
	#skip-link {position:absolute; top:-9000px; left: -9000px; border:solid 1px red}
			
/* 7 - General Styles
---------------------------------------------------------------------------------------------------------------*/

	/*** CLEARING  ***/
		.clearing:after {content: "."; display:block; height: 0; clear: both; visibility: hidden}
		.clearing {display: inline-table}
		/* Hides from IE-mac \*/
		* html .clearing {height: 1%}
		.clearing {display: block}
		/* End hide from IE-mac */
	
	/*** HIDE ***/
		.hide {display:none}