html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{color: #981793;}
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px; padding-right: 15px;background: url(images/roofline.png) no-repeat #EEE;color: #FFF; text-align: right;}
div#container{text-align:left; background: #036; border-right: 4px solid #999;border-bottom: 4px solid #999;}
div#content p{line-height:1.4; }
div#navigation{border-top: 1px solid #ccc; border-left: #036 solid 1px; border-right: #036 solid 1px; margin: 0px;}
div#extra{background:#FFF;border-right: 1px solid #036;}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a {margin: 0;}
div#content a {color: #036;}
div#content a:visited {color: #36f;}
div#container{width:700px;margin:0 auto; }
div#content{float:right;width:494px; padding-bottom: 20px;padding-right: 5px;background:  #fff;border-right: 1px solid #036;}
div#navigation{float:left;width:198px; padding-top: 0px;}
div#extra{float:right;width:499px}
div#footer{clear:both;width:100%}
ul {list-style: none; margin: 0; padding: 0;}
#navigation li a {height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none;}	
#navigation li a:link, #navigation li a:visited {color: #000; display: block; background: url(images/menu3.gif); padding: 8px 0 0 30px;}
#navigation li a:hover, #navigation li a:active {color: #283A50; background: url(images/menu3.gif) 0 -32px; padding: 8px 0 0 30px;}
h2, h3 {color:#036;border-bottom: 1px solid #0066CC; text-align:left;padding-left: 10px;}
.frimg {border: solid 1px #036; margin-left: 5px; padding: 5px; background-color:#036; color:#FFF;	width:auto;	float:right; font-size:x-small; text-align:center;}
.listing {width: 245px; text-align: center; height: 210px; float:left;}
.slisting {width: 200px; text-align: center; color: #fff; height: 160px; padding-top: 10px;}
#pscroller1 {height: 145px;	padding-top: 10px; padding-left: 10px;	color: #FFF; background: #036; text-align: left; font-weight: bold; width: 188px; font-size: 14px;}
#pscroller1 a {text-decoration: none;color: #39f;}
form {margin: 15px;}
label {font-weight: bold;padding-top: 20px;}
.button {background:url(images/button.png) repeat-x; color: #fff; font-weight: bold;}
a img {border: 0; display: normal;}
.town {margin: 10px;}
.town h4 {background: #036; color: #fff; padding: 3px;}
.thumb {float: left; margin: 5px;}
#lightbox{position: absolute;	top: 40px; left: 0; width: 100%;	z-index: 100;text-align: center;	line-height: 0;	}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;	}
#imageContainer{	padding: 10px;	}
#loading{position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;	}
#hoverNav{	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;	height: 100%;	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	}
#imageData{	padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute; top: 0; left: 0; z-index: 90;width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix { display: inline-block;width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}	
#links {margin: 20px;text-align:center;}
#links a {text-decoration:none;  display:block; width: 180px; float: left; margin: 10px;}