body {
font: 78%/1.5 arial, helvetica, serif;
background: #ffffff;
color: #333333;
text-align: center;
padding: 0;
margin: 1em;
}
#container {
width: 822px;
background: #ffffff;
text-align: left;
border: 0px solid #dddddd;
margin: 0 auto;
}
#header {
width: 822px;
height: 168px;
margin-bottom: 10px;
}
#banner {
width: 415px;	
height: 158px;
background: #ffffff url(../images/heaton-banner.png)  bottom left no-repeat;
float: left;
}
#address {
height: 138px;
background: #ffffff;
color: #333333;
font-size: 1.1em;
padding-top: 20px;
text-align: right;	
float: right;
}
#address a {
color: #323232;
text-decoration: none;
}
#address a:active,
#address a:hover,
#address a:focus {
color: #323232;
text-decoration: underline;
}
p {
margin: 0.25em 1em 1em 1em;
clear: both;
}
p img {
padding: 4px;;
}
p.center {
text-align: center;
}
.highlight {
padding-top: 0px;
padding-bottom: 10px;
border-bottom: 1px solid #cccccc;
}
h1 {
font-size: 1.6em;
font-weight: normal;
color: #00f;
padding-top: 10px;
margin: 0px 0 0 10px ;
clear: both;
}
h2 {
font-size: 1.2em;
font-weight: bold;
color: #484848;
padding: 10px 0 0 10px;
margin: 0px 0 0 0;
}
h3 {
font-size: 1.3em;
font-weight: bold;
color: #00f;
padding: 0px 0 0 15px;
margin: 0px 0 0 0;
}
#navbar {
width: 822px;
height: 40px;
background: white url(../images/nav-bg.png)  top left repeat-x;
padding: 0px 0 0 0;
}
#nav, #nav ul {
width: 822px;
padding: 0;
margin: 0;
font-size: 1.1em;
font-weight: bold;
list-style: none;
z-index: 999;
}
#nav a {
display: block;
height: 34px;
padding: 6px 0 0 0;
color: #666666;
text-decoration: none;
text-align: center;
position: relative;
width: 140px;
}
#nav a:hover {
color: #222222;
}
#nav li {
height: 34px;
margin: 0 0px 0 0;
float: left;
width: 140px;
}
#nav li ul {
position: absolute;
width: 240px;
margin:  -4px 0 0 0;
background: #dddddd;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
left: -999em;
text-align: left;
}
#nav li ul li a {
width: 240px;
padding-left: 10px;
text-align: left;
}
#nav li:hover {
background: #e4e4e4 url(../images/nav-bg-hover.png)  top left repeat-x;
left: auto;
}
#nav li ul li:hover {
width: 240px;
background: #f2f2f2;
left: auto;
}
#nav ul {
left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
#content_container {
width: 822px;
}
#content {
width: 570px;
float: left;
}
#slideshow {
width: 567px;
margin: 10px 0 10px 0;
clear: both;
text-align: left;
}
#content-text {
width: 570px;
float: left;
}
#content a, #content_right a, #bottom a {
color: #00f;
text-decoration: none;
}
#content a:hover, #content_right a:hover, #bottom a:hover {
text-decoration: underline;
}
#content_right {
width: 252px;
margin: 1em 0 0 0;
float: right;
}
#bottom {
width: 822px;
height: 140px; 
border-top: 1px solid #cccccc;
background: #f4f4f4;
clear: both;
}
#b1, #b2, #b3 {
width: 274px;
height: 140px; 
float: left;
}
#footer {
width: 822px;
border: solid #00f;
border-width: 2px 0 0 0;
color: #484848;
text-align: center;
padding: 4px 0 0 0;
margin: 0em 0 0 0;
clear: both;
}
#footer a {
text-decoration: none;
text-indent: -999em;
color: #00f;
height: 100px;
}
#footer a:hover {
text-decoration: underline;
}
#footermenu {
width: 822px;
font-size: 1em;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
height: 30px;
color: #999999;
clear: both;
float: left;
}
#footermenu ul {
margin: 0;
padding: 0;
}
#footermenu li {
list-style: none;
margin: 0;
padding: 0;
display: inline;
}
#footermenu ul li a {
padding: 5px 10px 5px 10px;
margin-bottom: 0;
border: 0;
color: #00f;
text-decoration: none;
}
#footermenu ul li a:hover {
color: #00f;
text-decoration: underline;
}
#footer-icons {
padding: 2px 0 2px 0;
margin-bottom: 0;
text-align: center;
}
#fpss-container {
width:567px;
height: 240px;	
}
#fpss-slider, #slide-loading, .slide {width:565px;}
#slide-outer, #slide-outer .slide-inner {height:240px;}
#navi-outer {width:567px;}
#slide-outer .slide-inner a.fpss_img span span span {background:none;}
