/* main ss for cheviotsurveys.co.uk site, started Nov/Dec 08

other files required (and called earlier): /blueprint/condensed.css

CW :: 0903, still alpha, version 0.3

set for page width of 950px

chevsurv01.css

*/
	body {
	  margin: 0;
	  padding: 0;
	  text-align: center;

	  background: #6b8a5d; /* same green as cheviotsurvey pdf*/
	  color: #545b59; /*was:  */
	}
	
	#wrapper {
	height: 100%;
  	margin:auto;
  	margin-top:2em;
  	text-align: left;
	background: #fff;
  	width: 950px;
	}
	
	.container {
	  	height: 100%;
	  	margin: 0 auto;
	  	text-align: left;
	}

	#content { 
		clear:both;
	  	float: left;
	  	width: 800px;
	  	height: 100%;
	  	min-height: 100%; 
	}
	
	/******
	DEFAULTS
	********/
	h1,h2 {color:#006e4a;margin:2.2em 0 0.5em 1em;}
	h1 {font-weight:bold;font-size:1em;}
		a {color:#008ac3;}
	h2 {font-weight:normal;font-size:1em;margin:1.6em 0 0.5em 1em;}	
	sup {font-size:0.75em;}
		
	/************
	   HEADER
	 ************/

/* Forces hasLayout for IE and so makes header the height of its contents \*/
	* html #header {
	  height: 1%;
	}
	/* End hide from IE-mac */
	
	#header {border-bottom:12px solid #ab8e2b;padding-top:2em;}/* brown bar */
	#navbar {background:#56783a; /* green bar */
		border-bottom:15px solid #67aace;/* blue bar */
		}
	#breadcrumbsbar {
		border-top:14px solid #fff;/* white bar */
		background:#006e4a;
		color:#fff;}
	#breadcrumbsbar p {font-size: 0.8em;line-height: 0.5em;margin-top:0.4em;margin-bottom:0.4em;margin-left:4.5em;}	
	a {text-decoration: none;}
	a:hover {text-decoration: underline;}
	
		/**************
		   TOP NAVBAR
		 **************/

		ul#menu {
		  width: 900px;/*was:1100*/
		  margin: 0 auto; 
		  margin-left:1.5em; /* goes together with width */
		  padding: 0 !important;
		  padding: 0 0 0 10px; 
		line-height:0.8em; 
		}

		ul#menu li {
		  display: inline;
		  list-style: none;
		  margin-right: 15px;
		  padding: 0;
		}

		ul#menu li a {
		  float: left;  
		  padding: 0 0 0 0;
			width: 9.2%; /* goes together with margin-left (above) */
		  font: 0.9em "lucida-sans",helvetica,verdana,sans-serif;
		  text-align: center;
		  text-decoration: none;
		  color: #fff;
		  /*border-bottom: 1px solid #D3F1B6;*/
		}

	/*	ul#menu li a:visited {
		  background-color: #FFF;
		}*/

		ul#menu li a:hover {
		  color: #000;/*was: 082966*/
		  background: url(/img/bg/menu.gif) repeat-x bottom left;
		}

	p.strap {margin-left:3.5em;}

	p {margin:1em;}	

		/* this bit of magic styles the onstate of individual pages by reading which page we are on from the 
	body's id attribute - body_welc, etc. - and combining that with the nav list's li id attribute - nav_welc, etc. 
	Could have used php, but this seems neater and faster, also works for multiple pages within a section, 
	which is better than methods that need filenames to be specified and checked for using if else clauses*/
	#body_home #nav_home a, 
	#body_services #nav_services a,
	#body_fees #nav_fees a, 
	#body_info #nav_info a {/*font-weight:bold;*/text-decoration:none;color:#000;} /* was: 1e417c */   /*the lack of a comma after the last a is very important!! */
	#menu a:hover {text-decoration:none; color:#000; /*padding-bottom:2px; border-bottom: 2px solid black;*/}

	#body_privacy a#nav_privacy,
	#body_terms a#nav_terms,
	#body_legal a#nav_legal {font-weight:bold;text-decoration:none;}

	.headcontactinfo a {text-decoration:none;color: #1e417c;}
	
	/* GREEN FOOTER BAR*/
	#gfooter {background:#006e4a;}
	#gfooter {
		border-top:14px solid #fff;/* white bar */
		background:#006e4a;
		color:#fff;}
	#gfooter a:link {color:#fff;}	
	#gfooter a:visited {color:#000;}
	#gfooter p {font-size: 0.8em;line-height: 0.5em;margin-top:0.6em;margin-bottom:0.6em;margin-left:4.5em;}	
	#gfooter_left p {margin-left:4.5em;}	
	#gfooter_right p {margin-left:2.5em;}
	/* #gfooter a {text-decoration: none;}
	#gfooter a:hover {text-decoration: underline;}*/
	
	/***  TWEAKS  ***/
	/* Centre Column's navigation - for subsection pages */
	ul#centrenav {list-style:none;margin:2.4em 0 0 1em;}
	#centrenav a {color:#0084bb; /*was: color: #545b59;*/}
	ul#centrenav li.active a {font-weight:bold;color:#006e4a;}
	/* Centre Column's copy - for subsection pages */
	.centrecolcopy{/*color:#0084bb;*/margin-right:6em;}
	h2.centrecolcopy{font-weight:bold;margin-left:1em;}
	
	
	#maincopy {font-size:1.2em;}
	img.cslogo {margin-left:3em;margin-bottom:-0.5em;}
	p.strap, p.headcontactinfo {letter-spacing:2px;}
	p.headcontactinfo a {color:#008ac3;}
	p.nher {padding-left:15px;}
	p.sava {padding-left:17px;}

	p.centrecontact {margin-top:2.5em;}
	p.centrecontact a {color:#545b59;}
	h2.headingstrap {margin-top:0.2em;}
	
	p.backtotoplink {margin-left:4em;}