/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

#container{ position:relative;   border:#000000 0px solid;  padding:0px 0px 0px 0px; margin-top:10px; margin-left:auto; margin-right:auto; width:760px; background:#ABC957 !important;}

#header { width:100%; height:166px; margin:0px; padding:0px; border-bottom:#003366 0px solid; background:#d3d3d3;}

#header_image {width:758px; height:238px; display:block; margin:0px 0px 0px 0px; border-bottom:12px solid #ffffff; border-top:3px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }

#logo {  width:252px; height:61px; margin:0px; display:block; float:left; padding:0px; margin:30px 0px 0px 10px;}
#tagline {width:251px; float:right; display:block; margin:84px 10px 0px 0px;}

#main {  width:100%; margin:0px 0px 0px 0px; background:#ABC957 !important; }

#sidebar { width:234px;  height:100%; float:right;  margin:0px 14px 0px 0px; padding:0px;  padding:0px 0px 20px 0px; }
*html #sidebar {margin:0px 7px 0px 0px;}


#content {width:464px; float:left; margin:0px 0px 0px 10px;  padding:0px 0px 20px 0px;}
*html #content {margin:0px 0px 0px 5px; } 

#downloads {margin:10px 0px 10px 0px;}
#downloads p {margin:2px 0px 0px 0px;}
.img_sidebar {width:74px; height:74px; display:block; float:left; margin:0px 0px 0px 0px;}
#enviroquip {margin:10px 0px 0px 0px; padding:10px 0px 0px 0px;}
#enviroquip p {margin:2px 0px 0px 0px;}
.text_area {width:150px; display:block; float:right;}


#sidebar_right { width:266px;  height:100%; float:right;  margin:0px 10px 0px 10px; padding:0px;}

#footer { width:100%; background:#555555; height:42px; margin:0px 0px 0px 0px; padding:0px; }
#footer p { font-size:0.7em; color:#FFFFFF; }

#footer_details {color:#D3D3D3; font-size:1.1em; width:256px; display:block; float:left; margin:15px 0px 0px 11px;}
*html #footer_details {margin:15px 0px 0px 6px;}
#footer_menu {color:#D3D3D3; display:block; font-size:1.2em; float:right; margin:15px 11px 0px 0px;}

#footer_menu a {color:#D3D3D3; }
#footer_menu a:hover {color:#C7E17D; text-decoration:none;}
#footer_menu a.active {color:#C7E17D; text-decoration:none;}

.clear { clear:both; }

/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:760px;  margin:30px 0px 0px 0px; padding:4px 0px 0px 0px; background:#9d9d9d; height:42px; }
#nav a { margin:0px 0px 0px 0px; width:100px;  color:#ffffff; display:block; float:left; padding:6px 3px 2px 3px;  line-height:14px; min-height:30px; height:auto !important; height:30px; text-align:center; font-weight:normal; font-size:1.1em; border-right: 1px solid #404040;}
*+html #nav a { margin:0px 0px 0px 0px; width:100px;  color:#ffffff; display:block; float:left; padding:3px 3px 0px 3px; min-height:29px; height:auto !important; height:30px; text-align:center; font-weight:normal; font-size:1.1em; border-right: 1px solid #404040;}

#nav a:hover { text-decoration:none;  color:#C7E17D; } 
#nav a.active { text-decoration:none;  color:#C7E17D; } 

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:#555555; font-family: Arial, Helvetica, sans-serif, Verdana; font-size:0.6em;}

body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { color:#000000; font-size:1.8em; font-weight:bold; margin:10px 0px 15px 0px; padding:0px 0px 0px 0px; }
h2 { color:#000000; font-size:1.7em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#000000; font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#000000; font-size:1.5em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#000000; font-size:1.4em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#000000; font-size:1.3em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }


ul {  }
ul li { font-size:1.2em; color:#000000; list-style:disc;}
ol {}
ol li { font-size:1.2em; color:#000000; list-style:decimal;}


address { font-size:1.2em; color:#000000; margin:5px; font-style:italic;}

a { color:#333399; text-decoration:none; }
a:hover { color:#333399; text-decoration:underline; }

p { font-size:1.2em; margin:10px 0px 11px 0px; padding:0px 0px 0px 0px; color:#000000}

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/
