* { margin: 0; padding: 0; }
a img { border: 0; }
body { background: #686868 url(../images/bg.gif) repeat-x top left; font-family: Verdana, Helvetica, arial, "sans serif";  }
h1 { font-family: Verdana bold; font-size: 16px; margin-bottom: 0.85em; }
h2 { font-family: Verdana bold; font-size: 16px; margin-bottom: 1em; }
h3 { font-family: Verdana bold; font-size: 14px; margin-bottom: 1em; }
p { line-height: 1.5em; margin-bottom: 1em; }
.left { float: left; }
.right { float: right; }


#container { width: 800px; text-align: left; margin: 30px auto; }

#header { width: 861px; height: 101px; background: #686868 url(../images/header-bg.gif); }
#header img { margin: 11px 38px 0 0; }
#main-img { width: 813px; height: 289px; }
#content { width: 861px; background: transparent url(../images/main-bg.gif) repeat-y 1px 0; padding-top: 10px; padding-left: 25px; }

#nav { float: left; }
#nav ul li { list-style-type: none; height: 34px; width: 160px; display: inline; font-family: Verdana bold; font-size: 12px; }
#nav ul li a { height: 34px; line-height: 34px; width: 160px; float: left; text-align: center; color: #FFF; background: transparent url(../images/nav-button.gif) no-repeat 0 0; text-decoration: none;}
#nav ul li a:hover, #nav ul li a:active { width: 160px; background-position: 0 -34px; }
#nav ul li#home a { width: 166px; background: transparent url(../images/nav-button-home.gif) no-repeat 0 0; }
#nav ul li#home a:hover, #nav ul li#home a:active { width: 166px; background-position: 0 -34px; }
#nav ul li#contact a { width: 166px; background: transparent url(../images/nav-button-contact.gif) no-repeat 0 0; }
#nav ul li#contact a:hover, #nav ul li#contact a:active { width: 166px; background-position: 0 -34px; }

#side-nav {width: 200px; float: left; margin: 20px 0 5px 0; line-height: 1em; margin-bottom: 2em; }
#side-nav ul li {list-style-type: none; font-size: 11px; }
#side-nav ul li a { color: #000; text-decoration: none; }
#side-nav ul li a:hover { text-decoration: underline; }

#address-dets {width: 200px; float: left; margin: 5px 0 0 0; line-height: 1.7em; margin-bottom: 1em; font-size: 11px; }
#address-dets span { display: block; }
#address-dets a { text-decoration: none; color: #000; }
#address-dets a:hover { text-decoration: underline; color: #000; }
form div { float: left; margin-bottom: 1em; width: 460px; }
form div label { float: left; padding: 3px; text-align: right; width: 90px; }
input, textarea  { float: right; padding: 3px; width: 350px; }
div.buttons input { width: 120px; }

#content-inner { width: 580px; margin: 20px 0 5px 10px; font-family: Verdana; font-size: 11px; }
#content-inner ul li { margin-left: 30px; }
#content-inner ol li { margin-left: 30px; list-style-type: lower-roman; }
.contractimage { float: right; padding: 10px 0 0 10px;  }
.renewable-image { float: right; padding: 10px 0 0 10px; }
.membership { padding-top: 5px; padding-bottom: 5px; }
.portfolio td {padding: 0 10px 10px 10px; }


#footer { width: 861px; height: 61px; padding-top: 45px; float: left; background: transparent url(../images/footer-bg.gif) no-repeat top left; }
#footer ul { margin-left: 100px; }
#footer ul li { list-style-type: none; height: 34px; width: 160px; display: inline; font-family: Verdana; font-size: 11px; color: #FFF; }