body{background:#999 url(../images/bg.gif);font-family:"Trebuchet MS", sans-serif;font-size:small;margin:0;padding:0;}
.hidden{display:none;}
a img{border: none;}
table{border-collapse: collapse;}

#wrap{width:780px;border:5px solid #fff;background: #fff;overflow:hidden;margin:0 auto;padding:0 0 80px;}
#head{height:250px;background:url(../images/headers/header1.jpg) no-repeat;margin:0;padding:0;}
#headhome{height:333px; width: 774px; overflow: hidden; background:url(../images/headhome.jpg) no-repeat;margin:0;padding:0;}
#logo{width:780px;height:150px;background: transparent url(../images/logo.png) no-repeat;margin:0;padding:0; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ }
#logo a{width:100%;height:100%;display:block;}
#content{float:left;clear:both;width:100%;margin:5px 0;}
#side{width:180px;float:left;padding:10px;}
#body{width:540px;float:right;padding:10px 10px 10px 0; position:relative; overflow: hidden;}
#text{}
#foot{width:780px;text-align:center;color:#fff;font-size:12px;margin:0 auto;padding:3px;}
#footnav{list-style: none;}
#footnav li{display: inline; padding: 3px;}
#foot a, #foot a:visited{color:#000}
#sidenav{list-style:none;border:1px solid #ccc;-moz-border-radius:5px;border-radius:5px;width:175px;margin:0 0 30px;padding:0;}
#sidenav li{height:30px;border-bottom:1px solid #ccc;}
#sidenav li:last-child{border:none;}
.blue{color:#90b9c6 !important;}
#sidenav a{font-size:17px;color:#666;font-family:Arial, Helvetica, sans-serif;font-weight:bolder;text-decoration:none;display:block;height:30px;line-height:30px;padding:0 4px;}
#sidenav a:hover,a.blue:hover{background:#eee;color:#333 !important;}

#menu{width:560px;position: absolute; z-index:2;margin:0 0 20px;}
.menu{width:164px;float: left;margin:0;padding:94px 0 0;}
.menu h3{text-transform:uppercase;color:#fff;margin:0 5px 5px;}
.menu ul{list-style:none;background:#ccc;-moz-border-radius:5px;border-radius:5px;height:175px;margin:0;padding:0;}
.menu ul li{font-size:11px; margin: 0; padding: 0; height: 18px; }
.menu ul a{color:#000;font-family:Arial, Helvetica, sans-serif;font-weight:bolder;text-decoration:none;display:block;height: 14px;padding:2px 4px;}
.menu ul li a:hover{background:#fff !important;color:#333 !important;}
#visitors{background:#999 url(../images/bfly.jpg) no-repeat top;border:7px solid #999;}
#visitors ul{background:#ccc;}
#residents{background:#999 url(../images/walkers.jpg) no-repeat top;border:7px solid #999;}
#resdents ul{background:#ccc;}
#business{background:#999 url(../images/sunset.jpg) no-repeat top;border:7px solid #999;}
#business ul{background:#ccc;}
h1{margin-top: 160px; background: url(../images/h1.gif) no-repeat bottom left; width: 470px; padding: 10px 0 0 110px;text-align: left; height: 66px; font-size: 24px; line-height: 76px; font-family: Arial, Helvetica, sans-serif;}



h2{margin-top: 1.5em;}

#notice{border: 1px solid #999; margin-bottom: 30px; padding: 70px 3px 3px; background: #eee url(../images/notice.gif) no-repeat top; width: 169px; font-size: smaller;}
#notice h2{margin: 0 0 5px; text-align: center; color: #999;}
#notice h3{margin: 0;}
#notice p{margin: 0 0 5px;}

div.festivals {background:url(../images/headers/header3.jpg) no-repeat !important ;}
div.links {background:url(../images/headers/header2.jpg) no-repeat !important ;}
div.archive {background:url(../images/headers/header4.jpg) no-repeat !important ;}
div.gallery {background:url(../images/headers/header5.jpg) no-repeat !important ;}
div.about {background:url(../images/headers/header6.jpg) no-repeat !important ;}
div.attractions {background:url(../images/headers/header7.jpg) no-repeat !important ;}
div.townmap {background:url(../images/headers/header8.jpg) no-repeat !important ;}
div.regionmap {background:url(../images/headers/header9.jpg) no-repeat !important ;}
div.activities {background:url(../images/headers/header10.jpg) no-repeat !important ;}
div.residenttax {background:url(../images/headers/header11.jpg) no-repeat !important ;}
div.regulations {background:url(../images/headers/header12.jpg) no-repeat !important ;}
div.towninfo {background:url(../images/headers/header13.jpg) no-repeat !important ;}
div.permits {background:url(../images/headers/header14.jpg) no-repeat !important ;}
div.staff {background:url(../images/headers/header15.jpg) no-repeat !important ;}
div.council {background:url(../images/headers/header16.jpg) no-repeat !important ;}
div.mayor {background:url(../images/headers/header17.jpg) no-repeat !important ;}
div.emergency {background:url(../images/headers/header18.jpg) no-repeat !important ;}
div.businesstax {background:url(../images/headers/header19.jpg) no-repeat !important ;}
div.incentives {background:url(../images/headers/header20.jpg) no-repeat !important ;}
div.businesspark {background:url(../images/headers/header21.jpg) no-repeat !important ;}
div.directory {background:url(../images/headers/header22.jpg) no-repeat !important ;}
div.contact {background:url(../images/headers/header23.jpg) no-repeat !important ;}
div.guestbook{background:url(../images/headers/header23.jpg) no-repeat !important ;}
div.recreation {background:url(../images/headers/header12.jpg) no-repeat !important ;}

p.quote{ font-family: Arial, Helvetica, sans-serif;	font-style: italic;	font-size: large;	margin: 35px 0 0px;}
p.attr{	text-align: right;	margin-top: 5px;	padding-right: 20px;	color: #999;}

#body table{border: none; width: 100%;}

a.thumb{display: block; float: left; width: 75px; height: 75px; padding: 10px;}
a.thumb:hover{background: #eee;}
.photoset p{clear: both; padding-left: 10px;  font-size: smaller;}