* {
margin:0;
padding:0;
}

html {height:100%;}

body {
margin:0;
padding:0;
height:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
background:url(../images/mainbg.jpg) repeat;
background-color:#ffffff;
font-size: 100%;
}

#wrap {
background:url(../images/menubg.jpg) bottom left repeat-y;

min-height:100%;
width:100%;
margin:auto;
}

* html #wrap {height:100%}

#header {
background:url(../images/slice.jpg) repeat-x;
height:130px;
text-align:center;
}

.headertxt {
font-size:0.8em;
font-weight:bold;
}

h2, h3 {
color:#4b6398;
padding: 10px 20px 5px 24px;
background-color: inherit;
}

h1 {
color:#4b6398;
font-size: 1.2em;
text-align:center;
padding: 20px 20px 20px 20px;
background-color: inherit;
}

h2 {
font-size: 1em;
}

h3 {
font-size: 0.8em;
}

p {
padding: 5px 24px 10px 24px;
font-size:0.8em;
text-align:justify;
line-height: 135%;
}

dt, dd {
font-size:0.8em;
padding: 5px 30px 10px 24px;
}

.centerp {
text-align:center;
padding: 10px 0 15px 0;
}

.centerm {
text-align:center;
font-size: .7em;
margin-bottom: 1em;
padding: 20px 0 15px 0;
}

.rightpara {
text-align:right;
}

.paraindent
{
margin-left: 30px;
}

img {
border:0;
}

form {
padding: 0 20px 0 20px;
}

.imgleft {
float:left;
padding:5px 15px 5px 0;
}

.imgright {
float:right;
padding:5px 0px 5px 15px;
}

.imgcent {
text-align:center;
}

#menu {
float:left;
width:150px;
margin:70px 0 0 0;
padding:0;
text-align: left;
}

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

#menu ul li {
display: block;
font-size:0.9em;
}

#menu a {
display:block;
text-decoration:none;
font-weight:bold;
width: 110px;
padding:3px 20px;
color:#000;
}

#menu a:hover {
color:#f00;
background-color: inherit;
}

#menu p {
text-align:left;
font-size:0.7em;
}

.navblue {
color: #3d568d;
font-weight: bold;
background-color: inherit;
}


.redbold {
color: #f00;
font-weight: bold;
background-color: inherit;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; }
* html #menu ul li a { height: 1%; }
/* End */

#topbar {
height:60px;
width:100%;
background:url(../greyback.gif);
margin:0;
}

#main {
margin-left:150px;
}

#maincontent {
margin-right:150px;
height:100%;
}

.maincontentlist li {
font-size:0.8em;
text-align:justify;
margin-left:70px;
padding-right:30px;
line-height: 180%;
}

.residentialcallout {
width:200px;
text-align:center;
float:left;
}

.accesscallout {
height:100%;
min-height:160px;
}

#rightcol {
width:150px;
float:right;
}

* html #main, * html #maincontent {
height:1px;
}

.calloutbox {
border:1px solid #000;
background-color:#e9ebff;
width:110px;
padding:5px;
margin:10px 0 10px 0;
text-align:center;
margin:auto;
font-size:0.7em;
line-height:1.5em;
}

#clearfooter {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px;
}

#footer {
height:50px;
background-image:url(../images/footbg.jpg);
border-top: 2px solid #000;
padding-top:5px;
}

#footer p {
margin:0 30%;
font-size:0.6em;
text-align:center;
}

#footer img {
float:left;
padding:5px 2px 5px 2px;
}

#footer .credit {
margin:0;
font-size: .6em;
float:right;
}

.opener {
font-size: 0.8em;
color : #f00;
text-align: center;
font-weight: bold;
background-color: inherit;
}

.bold {
font-weight: bold;
}

hr {
border: 0;
color: #000000;
background-color: #000000;
height: 1px;
width: 100%;
}