body {
margin: 0;
padding: 0;
color: #333;
background: #fff;
font: 0.8em Verdana, Tahoma,Arial, sans-serif;
text-align: center;
}

img {
border: 0;
margin: 0;
vertical-align: top;
}

br.clear {
clear: both;
font-size: 1px;
margin: 0;
padding: 0;
line-height: 1px;
}

div#mainContainer {
width: 770px;
height: auto;
margin: 0 auto;
text-align: left;
}

/* This applies to index page only */

div#logo {
width: 770px;
height: 71px;
margin: 10px 0 0 0;
}

div#topImage {
position: relative;
width: 770px;
height: 295px;
margin: 0;
}

div#quickLinks {
position: absolute;
top: -6px;
left: 542px;
width: 212px;
height: 119px;
}

div#indexNav {
width: 695px;
height: 25px;
background: #136837;
margin: 0 0 20px 0;
padding: 0 0 0 75px;
}

div#indexNav img {
margin: 0 20px 0 0;
}

h1#welcome {
height: 19px;
margin: 0 0 5px 75px!important;
margin: 0 0 -10px 75px;
padding: 0;
}

p.introText {
margin: 0 75px 5px 75px;
}

/* Index page style defintions end here */

/*Content page style definitions */

div#logoSub {
width: 770px;
height: 62px;
margin: 10px 0 0 0;
}

div#topImageSub {
width: 770px;
height: 128px;
margin: 0;
}

div#indexNavSub {
width: 585px;
height: 25px;
background: #136837;
margin: 0 0 1px 0;
padding: 0 0 0 185px;
}

div#indexNavSub img {
margin: 0 20px 0 0;
}

div#subNav {
width: 599px;
height: 25px;
float: left;
display: inline;
margin: 0 0 0 -14px;
padding: 0;
background: #999966;
}

div#subNav a {
color: #fff;
text-decoration: none;
margin: 0 10px 0 15px;
line-height: 170%;
}

div#leftMenu {
width: 170px;
height: auto;
float: left;
display: inline;
margin: 0 15px 0 0;
}

div#main {
width: 435px;
height: auto;
float: left;
display: inline;
margin: 0 15px 0 0;
}

div#main p {
margin: 8px 0;
font-size: 0.95em;
}

.clear {
clear: both;
}

div#main p a.more {
color: #136837;
}

h1.sub {
height: 19px;
margin: 0 0 5px 0!important;
margin: 0 0 -20px 0;
padding: 10px 0 0 0;
}

h2.sub {
font-size: 0.9em;
color: #136837;
margin: 9px 0 3px 0;
clear: both;
}

.highlighted {
color: #136837;
font-weight: bold;
}

img.serviceImg {
float: left; 
margin: 8px 5px 3px 0;
}

div#rightPanel {
width: 135px;
height: auto;
float: left;
display: inline;
}

div#rightPanel img.orgLogo {
margin: 20px 22px;
}

div#rightPanel img#coreAeration {
margin: 55px 0;
}

ul#serviceArea {
margin: 0;
padding: 0;
list-style: none;
}

ul#serviceArea li {
margin: 1px 0;
padding: 0 0 0 5px;
height: 23px;
background: url(img/green_bg.gif) no-repeat;
color: #fff;
font-size: 0.85em;
line-height: 185%;
}

ul#serviceArea li.county {
margin: 1px 0;
padding: 0 0 0 5px;
height: 23px;
background: url(img/tan_bg.gif) no-repeat;
color: #fff;
font-size: 0.85em;
line-height: 185%;
}

ul.servicesList {
margin: 7px 0;
padding: 0;
list-style: none;
}

ul.servicesList li {
margin: 3px 5px;
padding: 0;
}

form#contactForm {
margin: 10px 0;
padding: 5px;
background: #D3E3DA;
border: 1px solid #136837;
}

form#contactForm label {
display: block;
font-weight: bold;
color: #136837;
margin: 5px 0;
vertical-align: top;
}

form#contactForm input#name, form#contactForm input#email {
width: 179px;
height: 14px;
}
form#contactForm textarea, form#pagerForm textarea {
margin: 0 0 0 87px;
vertical-align: top;
}

form#pagerForm {
margin: 10px 0;
padding: 5px;
background: #D3E3DA;
border: 1px solid #136837;
}

form#pagerForm label {
display: block;
font-weight: bold;
color: #136837;
margin: 5px 0;
}

form#pagerForm input#namePager {
width: 179px;
height: 14px;
}

form#pagerForm div#teletouchLink a {
color: #136837;
float: right;
font-size: 0.85em;
margin: 0 3px 0 0;
}

div.buttons {
margin: 0 0 0 87px;
}

div#footer {
width: 770px;
height: 30px;
clear: both;
margin: 10px 0 0 0;
padding: 5px 0 0 0;
border-top: 1px solid #136837;
color: #669966;
line-height: 150%;
font-size: 0.85em;
}

div#footer a {
color: #669966;
text-decoration: none;
}