/*Standard links */
img {border-style: none;}
p {font-size: 12px; font-weight: normal; text-decoration: none; line-height: 17px; color:#333; padding: 0 0 0 0; margin: 0 0 6px 0;}
h1 {font-size: 33px; margin: 0; color: #336699; padding: 2px 0 1px 0; font-weight: normal; font-family: trebuchet ms, arial rounded mt bold, arial;}
h2 {font-size: 16px; margin: 0; color: #ff9933; padding: 2px 3px 4px 0; font-family: trebuchet ms, arial rounded mt bold, arial;}
h3 {font-size: 14px; margin: 0; color: #336699; padding: 0 6px 5px 3px; font-weight: normal; font-family: tretrebuchet ms, buchet ms, arial rounded mt bold, arial; background-image: url(../images/tp_rght_bar.gif); background-position: top left; background-repeat: no-repeat;}
h4 {font-size: 20px; margin: 0; color: #fff; padding: 13px 10px 15px 25px; font-weight: normal; font-family: trebuchet ms, arial rounded mt bold, arial; background-image: url(../images/tp_left_bar.gif); background-position: top right; background-repeat: no-repeat;}
h5 {font-size: 12px; margin: 0; color: #fff; padding: 55px 10px 20px 25px; font-weight: normal; font-family: trebuchet ms, arial rounded mt bold, Arial, Helvetica, sans-serif;}
h6 {font-size: 18px; margin: 0; color: #8DBBE1; padding: 0 0 2px 10px; font-weight: normal; font-family: trebuchet ms, arial rounded mt bold, arial, Helvetica, sans-serif;}

body {background: url(../images/green_fade.jpg); margin: 0px; padding: 0px; font: 12px trebuchet ms, arial, verdana, helvetica; color: #333; background-repeat: repeat;}
.clear {clear: both;}
.divider {background: url(../images/divider.gif) no-repeat bottom left; height: 33px; margin: 0 0 0 0;}
.divider2 {background: url../images/divider2.gif) no-repeat bottom left; height: 14px; margin: 0 0 6px 0;}
ul { font-size: 11px; margin: 5px 0 15px 20px; padding: 0; font-family: trebuchet ms, arial, verdana, sans-serif;  line-height: 18px;}
li {font-size: 11px; font-family: trebuchet ms, arial, verdana, sans-serif;}
.italic {font-style: italic;}

.important {font-size:14px; color: #ff0000; font-weight: bold;}

/* Link Colours */
a {color: #336699; text-decoration: underline;}
a:hover {color: #334499; text-decoration: underline;}
a:visited {color: #A3703F; text-decoration: underline;}
a:visited:hover {color: #97A33F; text-decoration: underline;}

/* Containers */
#wrapper {margin: 6px auto; width: 850px;}
#container {width: 850px; background-color: #fff; border: #F7F7F7 2px solid; position: relative; margin: 0px auto 0px auto; padding: 5px; float: left;}

.border {border: #7F9DB9 1px solid; padding: 2px;}
input, select {font-size: 10px; margin: 0 0 0 0; vertical-align: text-top; border: 0;}
input:focus, select:focus, textarea:focus {background-color: #fff;}

/* Content */
.content {float:left; position: relative; width: 700px; margin: 10px 5px 20px 10px;}
.content p {font-size: 12px; padding: 0 0 10px 0; color: #666; line-height: 16px;}

/* Header Images */
#imghome, #imgabout, #imgconsult, #imgservices, #imggreen, #imgweb, #imgcontact  {position: relative; height: 189px; width: 850px; margin: 0px; padding: 0px; background-color: #fff; background: url(../images/homeheader.jpg); background-position: top left; background-repeat: no-repeat;} 
#imghome {background: url(../images/homeheader.jpg);} 
#imgabout {background: url(../images/aboutheader.jpg);} 
#imgconsult {background: url(../images/consultheader.jpg);} 
#imgservices {background: url(../images/servicesheader.jpg);} 
#imggreen {background: url(../images/greenheader.jpg);}
#imgweb {background: url(../images/webheader.jpg);} 
#imgcontact {background: url(../images/contactheader.jpg);} 


/* Other containers */
#container_main {position: relative; width: 850px; background-color: #fff; float: left;}
#container_content {float: left; position: relative; width: 850px; padding: 0 0 0 0; margin: 0px;}




/* Navigation */
#menu {
font-family: Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 2px 0;
padding: 0 0 0 10px;
list-style-type: none;
font-size: 13px;
background: #eee;
height: 40px;
border-top: 2px solid #eee;
border-left: 2px solid #eee;
border-bottom: 2px solid #ccc;
border-right: 2px solid #ccc;
}
#menu li {
float: left;
margin: 0;
				
}
#menu li a {
text-decoration: none;
display: block;
padding: 0 20px;
line-height: 40px;
color: #666;
}
#menu li a:hover, #menu li.active a {
background-color: #336699;
border-bottom: 2px solid #DDD;
color: #999;
}

/* Blue Menu */
#menu.blue {
border-top: 2px solid #356AA0;
border-left: 2px solid #356AA0;
border-bottom: 2px solid #204061;
border-right: 2px solid #204061;
background: #356AA0;}
#menu.blue a {color: #fff;}
#menu.blue li a:hover, #menu.blue li.active a {color: #90CDFF; background: #3D7BBB; border-bottom: 2px solid #356AA0;
}


/* Right menu */
#rightMenu {position:relative; float: left; width: 230px; background: url(../images/bg_cnt.jpg); background-repeat: no-repeat;}
#list {position: relative; float: left; width: 220x; margin: 10px 5px 0 20px; }
#list h1 {font-size: 22px; text-align: left; font-weight: bold; font-family: trebuchet ms, arial, verdana, helvetica; color: #336699; padding: 10px 20px 4px 10px; }

#list ul {font-size: 12px; margin: 0 0 10px 0; padding: 0; list-style-type: none; line-height: 15px;}
#list li {margin: 0 0 .2em 0; }
#list a {display: block; color: #7F9DB9; background-color: #fff; width: 170px; padding: .2em .8em; text-decoration: none; border-style: double; border-color: #E5E5E5; border-width: 0 0 1px 0;}
#list a:hover {background-color: #E2EEF8; color: #336699; border-style: solid; border-color: #7F9DB9; border-width: 0 0 1px 0; } 
#active a {display: block; background-color: #f7943d; color: #336699; border-style: solid; border-color: #E5E5E5; border-width: 0 0 1px 0; }

/* Forms */
form {padding:3px 3px 3px 20px; margin:0}
.form_line {clear: both; padding:3px 0 3px 0}
.form_input {float: left; width:130px; text-align: left; color: #4C4D4E;  padding:3px 0 3px 0}
label {font-size:12px}
.search {padding: 0px 0 5px 0; margin:0}
input, textarea {font-size:12px; border:#666 1px solid;}
input.submit {border:0;}
fieldset {border:#EFEFEF 2px solid; padding: 3px 0 10px 6px; margin:0 0 0 0 }
legend {font-size: 12px; color: 666; padding: 0 0 0 0; font-weight:bold; margin:0 0 10px 0 ; }
textarea {font-size: 12px ; width:200px; height:50px; font-size:12px ; font-family: arial, verdana, sans-serif; }
input.title {width:200px}
select {font-size:12px}

input.tel {width:128px}
input.ext {width:40px}


/* images */
.image_left {float: left; margin: 4px 12px 4px 0;}
.image_right {float: right; margin: 10px;}

/* Footer */
#footer 
{
width: 850px; 
height: 30px; 
background-color: #336699; 
margin: 4px 0 0 0; float: right; 
background: url(../images/bg_nav.gif); 
background-position: top center; 
background-repeat: repeat;
}

#footer p {font-size: 10px; color: #ffffff; text-align: left; padding: 6px 10px 0 10px;}

#footer a:link {text-decoration: none; color: #fff; font-size: 10px;}
#footer a:visited {text-decoration: none; color: #fff; font-size: 10px;}
#footer a:active {text-decoration: none; color: #fff; font-size: 10px;}
#footer a:visited:hover {text-decoration: underline; color: #fff; font-size: 10px;}
#footer a:hover {text-decoration: underline; color: #fff; font-size: 10px;}

/* Document list */
/****************************/
.document {}
.document ul {margin: 0 0 0 10px; padding: 0; list-style-position: inside; list-style-type: none;  list-style-image: url(../images/arr4.gif);}
.document li, .document_word li {padding: 0; margin: 4px 0 0 0; font-size: 11px; font-weight: normal; text-align: left; font-family: trebuchet ms, arial, verdana, sans-serif; color: #4C4D4E; line-height: 18px;}
.document a, .document_word a {margin: 0; color: #4C4D4E; background-color: #D5E3F1;  padding: 0 0 4px 0; text-decoration: none; border-style: dotted; border-color: #E5E5E5; border-width: 0 0 1px 0;}
.document a:hover, .document_word a:hover {color: #999; border-style: solid; border-color: #E5E5E5; border-width: 0 0 1px 0; } 

/* Rounded corners */
/*******************************/
.roundcor {width: 480px; background-color: #D5E3F1; color: #ffffff; float: left; margin: 10px 0 0 0;}

.roundcor li {color:#666}
.roundcor p, .roundcor h2, .roundcor h3 {margin: 0 10px 0 10px;}
.roundcor ul, .roundcor ol {padding: 0 0 0 20px;}
.roundcor h2 {font-size: 12px; text-decoration: underline; color: #70725E; padding: 5px 0 5px 10px; margin:0;}
.roundtop {background: url(../images/tr.gif) no-repeat top right; }
.roundbottom {background: url(../images/br.gif) no-repeat top right; }
img.corner {width: 15px; height: 15px; border: none; display: block !important;}

.search_des p {font-size: 12px; color: #000; padding: 0; margin: 3px 0 0 0;}
.search_match p {font-size: 11px; padding: 0; margin: 0; color: #666;}


/* Front features and sidebar */

p.intro {
	font: 14px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	padding: 0 25px 15px 0;
	line-height: 18px;
}
.quarter {
	float: left;
	width: 210px;
	padding: 0 15px 15px 0;
	position: relative;
}
.quarterx {
	float: left;
	width: 169px;
	padding: 0 0 15px 0;
	position: relative;
}
.quarter h2, .quarterx h3 {
	color: #CCC;
	margin: 12px 0 5px 0;
	font-size: 12px;
	padding: 0;
}
.quarter p, .quarterx p {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#sidebar {
	width: 500px;
	float: left;
	position: relative;
}
#sidebar p {
	color: #666;
	font-size: 12px;
}
#sidebar h2, #secondarynavs h3 {
	font-family: arial rounded mt bold, verdana, arial, helvetica, sans-serif;
	border-top: 0px;
	border-bottom: 1px solid #acdbe7;
	padding: 3px 0;
	margin: 5px 0 10px 0;
}