/*-------------------------------------------------------------
Jim Mansfield.biz Style Sheet 

Version: 1.1
Original Author: P Neal
email: webmaster@alternetsolutions.co.uk
website: http://www.alternetsolutions.co.uk/

-------------------------------------------------------------*/

/***********************BODY*************************/

/*With the exception of the background it is not recommended to adjust the code in this section*/

body {
	margin: 0;
	padding: 0;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small; /*for compliant browsers*/
	text-align: center;
	background: #77727A; /*Was #fee8e7*/
	}
html>body { /* be nice to Opera */
	font-size: small;
	}

/***********************WRAPPER SECTION***********************/	

/*With the exception of the background it is not recommended to adjust the code in this section*/
	
#wrapper {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	background: #CCCC99;
  }
  
/***********************HEADER SECTION************************/

#header {
	float: left;
	width: 750px;
	margin: 0;
	padding: 0;
	}
	
.tagLine {
	position: relative;
	top: 0;
	left: 0;
	padding: 10px;
	width: 377px;
	background: #705B7A;
	color: #fff;
	z-index: 2; /*Creates the overlap of blue and orange in the header - index 2 lays on top of index 1*/
	}

#header h1 { /*Styles and positions the Header Title, "SAP ratings and assessments"*/
	margin: 0;
	padding: 50px 0 10px 20px;
	position: relative;
	top: -40px;
	left: 10px;
	width: 550px;
	background: #FFCC00;
	z-index: 1; /*Creates the overlap of blue and orange in the header - index 1 lays below index 2*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 180%;
	border-bottom: 1px solid #fff;
	}
	
.sapLogo { /*Positions the blue logo on the right of the header*/
	float: right;
	margin: -120px 40px 0 0;
	}
	
/********************Content Areas***************************/


/*Main Content*/

#maincontent { /*States the size and position of the main content area*/
	float: right;
	width: 520px;
	padding-left: 5px;
	}

h2 { /*Styles the green top header of the content pages*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #008000;
	}
	
h3 { /*styles the next level header also in green in the main content section*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #008000;
	}

.offer { /*Styles the "Also on Offer" text in the home page*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #008000;
	}
	
p.italic { /*Adjusts the "by chartered building services engineer" text*/
	margin: -15px 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	}

.contentPara { /*adjusts styles of paragraphs*/
	margin: 10px 0 0 0;
	padding: 0 25px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	}
	
.red { /*Styles the red text in sapinfo page*/
	color: #FF0000;
	font-weight: bold;
	}

/*Home Page List*/

ul {
	padding-left: 10px;
	list-style-type: square;
	}
	
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	}
	
/*Checklist Page List*/

.check { /*styles the li elements in the checklist.html list*/
	padding: 0 5px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: italic;
	line-height: 1.5em;
	}
	
.under { /*creates the underline for the word "fixed" in the checklist.html page*/
	text-decoration: underline;
	}
	
/*Fees Table styling*/

table {
	border-collapse: collapse;
	width: 25em;
	border: 1px solid #666;
	}

caption {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	text-decoration: underline;
	}
	
th, td {
	padding: 0.1em 1em;
	}
	
thead {
	background: #878771;
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
	}
	
th {
	font-weight: normal;
	text-align: left;
	}
	
tr {
	line-height: 1.5em;
	}
	
tr:hover {
	background-color: #878771;
	}

/*Specific Styles for Design Page*/

.desLogo-1 { /*positions the "CIBSE" logo in the design page*/
	margin: 0;
	padding: 0;
	position: relative;
	top: -180px;
	left: 0px;
	}
	
.desLogo-2 { /*positions the small image in the design page*/
	margin: 0;
	padding: 0;
	position: relative;
	left: -100px;
	}
	
.desLogo-3 { /*positions the larger image in the design page*/
	margin: 0;
	padding-top: 20px;
	position: relative;
	}
	
.navPara { /*Styles the paragraph below the navigation in the design page*/
	margin: 0;
	padding: 0 0 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: italic;
	line-height: 1.5em;
	}
	
/*left Content*/

#leftcontent { /*States the size and position of the left content area*/
	margin: 0;
	padding: 0;
	width: 220px;
	float: left;
	}

#nav {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#nav li {
	margin: 10px 0 0 0;
	padding: 0;
	display: block;
	width: 220px;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	background: url(images/nav.gif) repeat-y top left;
	}	
	
#nav a {
	padding-left: 10px;
	color: #000;
	display: block;
	line-height: 40px;
	text-decoration: none;
	}
	
#nav a:hover {
	text-decoration: underline;
	}

.navLogo {
	margin: 10px 0 0 50px;
	}


	
/***********************FOOTER*************************************/

#footer {
	margin: 20px 0 0 0;
	width: 100%;
	clear: both;
	background: #434338;
	}
	
.footPara {
	margin: 5px 0 0 0;
	padding: 5px 0 5px 0;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #B1B1A6;
	}
	
.footPara a {
	color: #B1B1A6;
	}
	
.footPara a:hover {
	color: #ffffff;
	}
	
/* Hide from IE/Mac \*/
#footer { height: 1%; }
/* End hide from IE/Mac */

/* Hide from IE/Mac \*/
* html #footer { height: 1%; }
/* End hide from IE/Mac */