/* HTML element CSS */
body {margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;  width:780px; height:100%;}
body {height:100%; line-height:1.2em;}
body,p,b,table,tr,td,span,div,input,textarea,select,a {font-family: verdana, arial, helvetica; font-size:11px; line-height:1.3em;}
body,p,b,table,tr,td,span,h1,h2,h3,i {color:black; }
form,input {margin:0px; padding:0px;}
h1 {font-size: 15px; font-weight:bold;padding-top:0px; padding-bottom:0px; margin-top:15px;margin-bottom:3px;}
h3 {font-size: 11px; padding-top:0px; padding-bottom:0px; margin-top:0px;margin-bottom:1px;}
p { padding-top:0px; padding-bottom:0px; margin-top:0px;margin-bottom:8px;}
select {vertical-align:middle;font-size:10px; height:20px; line-height:20px; min-width:50px;} 
table td, table th{vertical-align:top; text-align:left;}
a,img,div{border:0px; margin:0px; padding:0px;}
a {font-weight:normal; color:Black;}
a:hover {text-decoration:none;}
ol ,ul{ margin-top:7px; margin-bottom:3px;}
ul {list-style-type:disc;}
li {padding-bottom:5px;}
h1,h2,h3 {color:Red;}

div {border: solid 0px green;}
h1.h1Top { margin-top:0px;}
#MasterDiv { width:100%; height:100%; border: solid 0px red;}
div.Services {background: url(pictures/bg_services.png); background-repeat:no-repeat; background-position:top left;}
div.Enviro {background: url(pictures/bg_enviro.png); background-repeat:no-repeat; background-position:top left;}
div.AboutUs{background: url(pictures/bg_aboutus.png); background-repeat:no-repeat; background-position:top left;}
div.ContactUs {background: url(pictures/bg_contactus.png); background-repeat:no-repeat; background-position:top left;}

/* Page Heading CSS */     
div.ImageBarHeading {width:100%; height:95px; border:solid red 0px; padding-top:80px;}
div.ImageBarHeading img { float:right; margin-right:45px;}
div.PageContentBox {width:700px; height:100%; margin-bottom:20px; margin-right:60px; border: solid blue 0px; }

/* Top Nav Bar Menu CSS */
div.NavBar {width:100%; height:13px; margin-top:20px;}
div.NavLinks { float:right;  width:100%; height:100%; text-align:right;}
div.NavLinks a, .NavLinks a:active, .NavLinks a:link, .NavLinks a:visited {font-size:11px; color:black; text-decoration:underline;}
div.NavLinks a:hover {color:red; text-decoration:underline;}  
div.NavLinks a {margin-left:6px;}    

/* Page Content CSS */           
div.PageText {padding-left:75px; height:100%; min-height:300px; padding-top:15px;padding-bottom:20px; padding-top:60px; }
div.PageTextLower {width:480px;}
div.PageText h3 {margin-top:15px;}

/* Page Content Circle CSS */           
div.CircleMaskDiv {float:left; margin-top:3px; width:100%;}
div.CircleMaskDiv div { float:left; clear:left; width:100px; height:1.3em;}
#CirMask1{ width:200px;}
#CirMask2{ width:203px;}
#CirMask3{ width:205px;}
#CirMask4{ width:205px;}
#CirMask5{ width:202px;}
#CirMask6{ width:198px;}
#CirMask7{ width:193px;}
#CirMask8{ width:185px;}
#CirMask9{ width:181px;}
#CirMask10{ width:169px;}
#CirMask11{ width:150px;}
#CirMask12{ width:130px;}
 
/* Page/Specific CSS Header Image, Colours, Rollovers, etc */
.News .ImageBarHeading {background: url(pics/headingbanners/news.png); background-repeat:no-repeat; background-position:top left;}
.News .lnkNavNews img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;-khtml-opacity: 1.0;}
.News .PageContentBox {background-color:#ebf2f7;}
.News div.PageText a, .News b, .News h1, .News h2, .News h3, .News table th {color:#005e96;}
.News div.PageText{background: url(pics/pageBgIcons/news.gif); background-repeat:no-repeat; background-position:820px 20px;}
.News div.PageTextLeft {border-right:1px solid #005e96;}

/* Contact Page CSS */
div#ContactPageText { width:300px; height:100px; margin-left:210px;}
div#ContactPageText p {margin-top:3px;}
div.ContactUs p {margin-top:3px; margin-bottom:0px;}
/* Footer CSS */
div.Footer {width:100%; margin-left:auto; margin-right:auto; padding-bottom:20px; margin-top:20px; text-align:center; 
       color:gray; font-size:9px;}    

/* General CSS Classes */
div.ClearFloat { clear:both; }/* Clears floated elements to resume flow */
.ErrorText {font-size:12px; color:red; font-weight:bold;margin-bottom:1em;}
.RedText {color:red; font-weight:bold;}
.BigLinks {font-size:11px; color:Red; font-weight:bold; line-height:150%;}
.BackLinkDiv { width:100%; height:20px;  text-align:right;}