body { margin: 20px; padding: 0; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11pt; background: #EEEEEE; overflow-y:scroll; }
a img,:link img,:visited img { border: none; }
.right{ float:right; }
.left{ float:left; }

#container { margin-left: auto; margin-right: auto; width: 800px; border: #C8C8C8 1px solid; background:#FFFFFF }

#header { height:146px; }
#header h2, #header h1, #header hr { display:none; }

#logo { float:right; padding:15px 7px 0 8px; }



/****   NAVIGATION ****/
.nav{ margin: 0 0 0 4px; padding:0 0 40px 0; list-style:none; overflow:hidden; }

.navItem { float:left; height:136px; margin-right:4px; background:#FFFFFF; color:#777777; }
.navItem a{ float:left; text-decoration:none; text-transform:uppercase;  color:#777777; font-size:9pt; float:left; padding:97px 6px 0px 6px; height:39px; voice-family: "\"}\""; voice-family:inherit; height:39px; }
html>body .navItem a { height:39px; }

.subnav{ display:none; padding:0px; list-style:none; position:absolute; top:160px; margin:0px;  width:96px; padding:0px; overflow:hidden}
.subnavItem{ height:16px;  margin: 0px 0px 2px 0px; padding:0px; border-right: 0px; overflow:hidden;}
.subnavItemend{ height:16px; margin: 0px 0px 2px 0px; padding:0px; border-right: 0px; overflow:hidden;}
.subnavItem a, .subnavItemend a { float:left; text-decoration:none; text-transform:uppercase; background:#FFFFFF; color:#777777; font-size:0.8em; padding:2px 0px 0px 0px; float:left; }


#header a.greenspaceSub { padding:2px 0px 0px 4px; width:100px; color:#FFFFFF; background:#33CC00; }
#header a.greenspaceSub:hover { color:#FFFFFF; }
#header a.greenspaceSubEnd { padding:2px 0px 0px 4px; width:100px; color:#FFFFFF; background:#33CC00;}
#header a.greenspaceSubEnd:hover { color:#FFFFFF; }

#header a.clientTestimonialsSub { padding:2px 0px 0px 4px; width:62px; color:#FFFFFF; background:#5278AF; }
#header a.clientTestimonialsSub:hover { color:#FFFFFF; }
#header a.clientTestimonialsSubEnd { padding:2px 0px 0px 4px; width:62px; color:#FFFFFF; background:#5278AF;}
#header a.clientTestimonialsSubEnd:hover { color:#FFFFFF; }

#frontImage{ margin: 0px 0px 10px 0px; }

#clientLogin{ float:left; width:200px; height:280px; }
#clientLogin img.logo{ margin:15px 0px 0px 17px; }

#content { float:right; width:600px; margin:15px 0px 20px 0px; color:#777777; }
#content h1{ font-size:16pt; font-weight:normal; margin:0px 0px 15px 0px; padding:0px; }
#content h2, #content hr  { display:none; }
#content p, #content ol{ margin: 0px 20px 10px 0px; font-size:10pt; line-height:11pt; }
#content p.second{ font-size:9pt; line-height:10pt; }
#content p.nob{ margin-bottom:1px; }
#content h3{ margin: 0px 20px 2px 0px; font-size:11pt; line-height:12pt; font-weight:bold; }
#content p.small{ font-size:8pt; line-height:8pt; }
#content li{ padding-top:3px; }
#content ul{  font-size:9pt; padding:0px 10px 0px 30px; }
#content ol{  font-size:9pt; padding:0px 10px 0px 30px;  width:230px; }
#content a{ text-decoration:none;  }
#content a:hover{ text-decoration:underline;  }

.homeMenu{ width:54px; }
.greenspaceMenu{ width:84px; }
.managementSystemsMenu{ width:100px; }
.carbonManagerMenu{ width:74px; }
.legalregisterMenu{ width:74px; }
.aspectregisterMenu{ width:74px; }
.serviceLevelsMenu{ width:64px; }
.aboutUsMenu{ width:64px; }
.clientTestimonialsMenu{ width:54px; }
.contactUsMenu{ width:84px; }
.error404Menu{ width:94px; }

.home{ color:#00285D; }
.greenspace{ color:#33CC00; }
.managementSystems{ color:#879C9D; }
.legalregister{ color:#33CC00; }
.aspectregister{ color:#00285D; }
.serviceLevels{ color:#D06516; }
.aboutUs{ color:#33CCCC; }
.clientTestimonials{ color:#5278AF; }
.contactUs{ color:#94929C; }
.error404{ color:#00285D; }
.carbonManager{ color:#777777; }

h1.home{ color:#00285D; }
h1.greenspace{ color:#33CC00; }
h1.managementSystems{ color:#879C9D; }
h1.legalregister{ color:#33CC00; }
h1.aspectregister{ color:#00285D; }
h1.serviceLevels{ color:#D06516; }
h1.aboutUs{ color:#33CCCC;  }
h1.clientTestimonials{ color:#5278AF; }
h1.contactUs{ color:#94929C; }
h1.error404{ color:#00285D; }

.homealt{ color:#999999; }
.greenspacealt{ color:#999999; }
.managementSystemsalt{ color:#999999; }
.legalregisteralt{ color:#999999; }
.aspectregisteralt{ color:#999999; }
.serviceLevelsalt{ color:#999999; }
.aboutUsalt{ color:#999999; }
.clientTestimonialsalt{ color:#999999; }
.contactUsalt{ color:#94929C; }

.homealt:hover{ color:#00285D; }
.greenspaceealt:hover{ color:#33CC00; }
.managementSystemsalt:hover{ color:#879C9D; }
.legalregisteralt:hover{ color:#33CC00; }
.aspectregisteralt:hover{ color:#00285D; }
.serviceLevelsalt:hover{ color:#D06516; }
.aboutUsalt:hover{ color:#33CCCC; }
.clientTestimonialsalt:hover{ color:#5278AF; }
.contactUsalt:hover{ color:#94929C; }

.managementDiagram{ }

#footer{ clear:both; margin:2px; }
#footer h2, #footer hr  { display:none; }
#footer span{ margin: 0px 40px; }

#chalk { margin-left: auto; margin-right: auto; width: 800px; font-size:8pt; color:#BBBBBB; padding:2px 0px 0px 0px; text-align:right }
#chalk a, #chalk a:hover{ color:#BBBBBB; text-decoration:none; }
#chalk span{ margin: 0px 20px 0px 2px; }
#chalk p { text-align:center; }

#terms { margin-left: auto; margin-right: auto; width: 800px; font-size:8pt; color:#BBBBBB; padding:2px 0px 0px 0px; text-align:right }
#terms a, #terms a:hover{ color:#BBBBBB; text-decoration:none; }
#terms span{ margin: 0px 20px 0px 2px; }
#terms p { text-align:center; }


table{ margin:0 15px 15px 0; border:0; }
th{ font-size:0.8em; background:#D06516; font-weight:normal; color:#FFFFFF; padding:16px 4px 4px 4px; text-align:left; }
td{ font-size:0.8em; vertical-align:top; padding:4px 4px 10px 4px; }
td.tdalt{ background:#F0F0F0; }


#clientList ul{ list-style:none; margin:0; padding:0; }
#clientList li{ display:inline;  }
.clientItem {  width:300px; float:left; height:20px; padding: 0 10px 0 0;clear:both;}

a.environmental {font-size:7.6pt; text-decoration:none; color:#fff; padding:3px 10px 2px 10px; }

.back-home{ background:#00285D; }
.back-greenspace{ background:#33CC00; }
.back-managementSystems{ background:#879C9D; }
.back-legalregister{ background:#33CC00; }
.back-aspectregister{ background:#00285D; }
.back-serviceLevels{ background:#D06516; }
.back-aboutUs{ background:#33CCCC; }
.back-clientTestimonials{ background:#5278AF; }
.back-contactUs{ background:#94929C; }

#clientLogin form{ margin:4px 0px 4px 17px; }
#clientLogin h2{ font-size:14pt; font-weight:normal; margin:25px 0px 0px 17px; padding:0px; }
#clientLogin input{ width:130px; height:14px; border: #D7D7D7 1px solid; color:#666666; font-size:0.8em; margin-bottom:4px; }
#clientLogin input.submit{ width:49px; height:12px; }
#clientLogin label{  font-size:10pt; color:#777777 }
#loginInfo { font-size:10pt; color:#777777; }

#clientLogin form#login { border:1px solid gray; padding:6px;position:relative;}
#clientLogin div#username, div#password,div#submit {float:left;margin-right:3px;position:relative;clear:both;}
#clientLogin input#username-field, input#password-field {width:10em;}
#clientLogin label.overlabel {color:#999999;}
#clientLogin label.overlabel-apply {color:#999999;left:5px;position:absolute;top:3px;z-index:1;}

#sideBtns{ padding:10px 0px 0px 17px; clear:both;}
#sideBtns img{ margin:5px 0px 0px 0px; clear:both;}

.black-border {border:black 1px solid;}

#content div.row { width:600px; height:30px;}
#content div.tall-row { height:40px;}
#content div.textarea-row { height:125px;}

#content div.rowLabel { width:120px; padding:8px 4px 0px 0px; font-size:10pt; color:#777777; text-align:right;vertical-align:top; float:left; }
#content div.rowInput { padding:4px; font-size:10pt; color:#000000; text-align:left; float:left; width:400px;}
#content div.rowText { padding:8px 0px 0px 0px; font-size:10pt; color:#333333; text-align:left; float:left; width:400px; }

#content input.submit { border:#777777 1px solid; color:#777777; margin-top:20px; cursor:pointer; }
#content select { width:200px; border:#777777 1px solid; color:#777777; padding:2px;}
#content input.text { width:350px; border:#777777 1px solid; color:#777777; font-size:9pt; padding:2px; }
#content input.check_box {}
#content textarea { width:350px; height:250px; border:#777777 1px solid; color:#777777; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 9pt; padding:2px; }
#content textarea.site_address,#content textarea#notes  { width:350px; height:100px; border:#777777 1px solid; color:#777777; font-family: Helvetica,Arial, Verdana, sans-serif; font-size: 9pt; padding:2px; }

input.register-submit {font-size:11.5px; text-decoration:none; background: #838383; color:#fff !important; padding:3px 38px 3px 14px; text-align:left;line-height:20px; margin: 10px 40px 0 0; }
/** ERROR & STATUS BOXES **/
.status { border: #E2C822 1px solid; background:#FFF9D7; color:#222222; padding: 10px; margin: 10px 30px 30px 0px; font-size:1.1em; line-height:17px; }
.errorExplanation { border: #DD3C10 1px solid; background:#FFEBE8; color:#222222; padding: 10px; margin: 10px 30px 30px 30px; font-size:1.1em; line-height:17px; }

#navlist li{margin:0;padding:0;}

#navlist li
{
display: inline;
list-style-type: none;
padding:20px 10px 50px 10px;
}

#navcontainer
{padding:20px 10px 50px 0px;}


#content div.view-label { width:200px; padding:8px 4px 0px 0px; font-size:10pt; color:#777777; text-align:right;vertical-align:top; float:left; }
#content div.view-info { width:350px;padding:4px; font-size:10pt; color:#000000; text-align:left; float:left; padding:8px 4px 0px 0px;}