html,body {
background-color: #CCFFCC;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
height: 100%;
}

#wrapper {
position: relative;
height: 100%;
width: 842px;
margin: 0 auto;
text-align: left;
}

#headertop {
position: absolute;
top: 0px;
background-image: url('../images/headertop.jpg');
background-repeat: none;
height: 166px;
width: 842px; }

#headerbottom {
position: absolute;
top: 186px;
background-image: url('../images/headerbottom.jpg');
background-repeat: none;
height: 23px;
width: 842px; }

#pagebg {
position: absolute;
top: 209px;
background-image: url('../images/pagebg.jpg');
background-repeat: repeat-y;
height: auto;
width: 842px; }

#footer {
background-image: url('../images/footer.jpg');
background-repeat: none;
height: 198px;
width: 842px;
clear: both; }

#footercontent {
position: relative;
list-style: none;
padding: 0px;
margin: 0px;
top: 147px;
left: 160px;
font-family: Arial, sans-serif;
font-size: x-small;
font-style: normal;
line-height: 14pt;
font-weight: normal;
font-variant: normal;
color: #000000;
letter-spacing: 0.10pt; }

#footersitemap {
border-right: #000000 1px solid;
padding-right: 15px;
float: left;
display: inline; }

#footercopyright {
border-right: #000000 1px solid;
padding-left: 15px;
padding-right: 15px;
float: left;
display: inline; }

#footerwebmaster {
border-right: #000000 1px solid;
padding-left: 15px;
padding-right: 15px;
float: left;
display: inline; }

#footerbuiltby {
padding-left: 15px;
float: left;
display: inline; }

#contentleft {
width: 375px;
height: auto;
margin-top: 25px;
margin-left: 60px;
float: left; }

#contentright {
width: 310px;
height: auto;
margin-top: 25px;
margin-left: 30px;
float: left;
text-align: center; }

#feedbackcontent {
width: 725px;
height: auto;
margin-top: 25px;
margin-left: 60px;
float: left; }

#servicesmenu {
position: absolute;
left: 478px;
top: 177px;
z-index: 1;
font-family: Arial, sans-serif;
font-size: small;
font-style: normal;
line-height: 14pt;
font-weight: normal;
font-variant: normal;
color: #000000;
letter-spacing: 0.10pt;
background-color: #66CC66;
padding: 7px; }




/*fonts*/

h1 {
font-family: Arial, sans-serif;
font-size: medium;
font-style: normal;
line-height: 14pt;
font-weight: bold;
font-variant: normal;
color: #000000;
letter-spacing: 0.10pt;
}

h2 {
font-family: Arial, sans-serif;
font-size: small;
font-style: normal;
line-height: 14pt;
font-weight: bold;
font-variant: normal;
color: #000000;
letter-spacing: 0.10pt;
}

.bodytxt {
font-family: Arial, sans-serif;
font-size: small;
font-style: normal;
line-height: 14pt;
font-weight: normal;
font-variant: normal;
color: #000000;
letter-spacing: 0.10pt;
}

.bodytxtsmall {
font-family: Arial, sans-serif;
font-size: x-small;
font-style: normal;
line-height: 14pt;
font-weight: normal;
font-variant: normal;
color: #000000;
letter-spacing: 0.10pt;
}

.errortext {
font-family: Arial, sans-serif;
font-size: small;
font-style: normal;
line-height: 11pt;
font-weight: bold;
font-variant: normal;
color: red;
letter-spacing: 0.10pt;
}

a.black:link {color: #000000;}
a.black:visited {color: #000000;}
a.black:hover {color: #000000;}

a.blacknouline:link {color: #000000; text-decoration: none;}
a.blacknouline:visited {color: #000000; text-decoration: none;}
a.blacknouline:hover {color: #000000; text-decoration: none;}




/* navbar layout */

#navcontainer {
position: absolute;
top: 166px; }

#nav {
margin: 0;
padding: 0; }

#nav li {
list-style: none;
height: 20px;
float: left;
position: relative; }

#nav li a {
height: 20px;
text-indent: -9000px;
display: block; }


li#left {
background-image: url('../images/left.jpg');
height: 20px;
width: 313px; }

li#about {
background-image: url('../images/about.jpg');
height: 20px;
width: 71px; }

li#who {
background-image: url('../images/who.jpg');
height: 20px;
width: 94px; }

li#services {
background-image: url('../images/services.jpg');
height: 20px;
width: 96px; }

li#feedback {
background-image: url('../images/feedback.jpg');
height: 20px;
width: 76px; }

li#contact {
background-image: url('../images/contact.jpg');
height: 20px;
width: 87px; }

li#links {
background-image: url('../images/links.jpg');
height: 20px;
width: 50px; }

li#right {
background-image: url('../images/right.jpg');
height: 20px;
width: 55px; }

li#about:hover, li#who:hover, li#services:hover, li#feedback:hover, li#contact:hover, li#links:hover { background-position: 0 -20px; }