/* Nine9Design CSS Page Styles by Darren Street, Nine9 Ltd */
/* Copyright Nine9 Ltd 2006  */

/* This CSS style may be used for your own website, but please  */
/* give me a credit in the footer and link to http://www.nine9design.co.uk.  */
/* Thank you.   */

/* Version 2.0  */
/* Last Updated: 10/11/08  */
/* ------------------------------------------------------------ */

/* This rule resets a core set of elements so that they will appear
consistent across browsers. Without this rule, content styled with an h1
tag, for example, would appear in different places in Firefox and Internet
Explorer because each browser has a different top margin default value. By
resetting these values to 0, the elements will initially be rendered in an
identical fashion and their properties can be easily defined by the designer
in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}


body {
	margin: 0px;
  	background-color:#ffffff;
	color: #000000;
	font-family: Tahoma, "Trebuchet MS";
	font-style: normal;
	background-image: url(images/background.jpg);
	background-repeat:repeat-x;
	margin-bottom:-20px;
	}

#body-nav, #body-nav a {
	color:#FFFFFF;
	position:relative;
	font-size: 0.7em;
}

#body-nav-left {
	position:absolute;
	top:4px;
	left:10px
}

#body-nav-right {
	position:absolute;
	top:4px;
	left:49%;
	text-align:right;
	width:50%;
	height:50px;
}

#body-theme {
	position:absolute;
	top:-30px;
	left:760px;
	width: 140px;
	text-align: right;
}

#body-theme p{ color:#FFFFFF;}

#body-footer {
	background-image:url(Images/footer.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height: auto;
	
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	line-height :2em;
	padding-bottom:10px;
}

h1 {font-size: 1.2em;}

h2 {font-size: 0.95em;}

h3 {font-size: 0.7em;}

h4 {font-size: 0.6em;}

h5 {font-size: 0.5em;}

h6 {font-size: 1.0em;letter-spacing: 0px;line-height : 2em;}

h7 {font-size: 1.0em;letter-spacing: 0px; line-height : 1.5em; }

p, ol, ul {
	font-size:0.7em;
	line-height :2.0em;
	color: #666666;
	padding-bottom:10px;
}


#back {
	position:absolute;
	top:-36px;
	left:725px;
	width:190px;
}

#back a {color: #fff;}

#title {
	position:absolute;
	top:-40px;
	left:20px;
	width:500px;
}

#title h1 {color: #fff;}

.pad20 {padding-left: 20px;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

a:hover {text-decoration:underline;}

#wrap_outer {
	margin: 0px auto 0px auto;
	padding: 0 0px 0 0px;
	width: 900px;
	background-color:#ffffff;
}

#wrap_inner { position:relative;}


#masthead {
	height:120px;
	width: 900px;
	background-image:url(Images/header.jpg);
	background-repeat:no-repeat;
	}


.leftcol {
	float:left;
	width:380px;
	padding:20px 0 0 20px;
	}

.rightcol {
	float:right;
	width:380px;
	padding:20px 20px 0 0;	
	}
	
.clearfloat { 	
	clear: both;
	line-height: 0.0;
	font-size: 0;
 }

#gallery-old{
	width:898px;
	overflow:auto;
	height:230px;
	white-space:nowrap;
	padding-left:0px;
	padding-right:0px;
	}
img { border:0;}

.floatleft{float:left;}

.nav {margin-left:-20px;}

.ads {margin-left:36px;}

.textwrapper {
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	margin-top: 0px;
	margin-bottom: -8px;
	min-height: 430px;
	position:relative;
}	


#footer {
	text-align:left;
	font-size: 0.85em;
	background-color:#ffffff;
	padding-left: 20px;
	background-image:url(Images/footerlogo.jpg);
	background-repeat:no-repeat;
	height: 121px;
	}

#footer a, #footer p {
	color:#FFFFFF;
	text-decoration:none;
}

.townlist {	
	float:left;
	width: 199px;
	padding-left: 20px;
	}

.townlist ul{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type:none;
}

.townlist li {	
	background-image:url(Images/titles/town.png);
	background-repeat:no-repeat;
	background-position: 0 .4em;
	padding-left: 1.5em;
}

.firstletter {text-transform:capitalize}

.firstletter-lwr {text-transform:capitalize;}

.pad25 {padding: 25px 0 0 25px;}
.pad20left {padding: 0 0 0 20px;}

.col {	
	float:left;
	width: 225px;
	padding-right: 50px;
	padding-left: 25px;
	}
	
.col2 {	
	float:left;
	width: 225px;
	padding-right: 50px;
	}	
	
.col400 {	
	float:left;
	width: 550px;
		}	
		
.credit {font-size:0.7em;}	

.picleft {
	float:left;
	padding-right: 0px;
}	

.picright {
	float:right;
	padding-left: 10px;
}	

.margin-img { margin-bottom: 10px;}

.aspgrid {font-size: 0.7em;}

.floatleft{float:left;}

.radiobox {font-size:0.7em; color:#FFFFFF;}