/* CSS Document */


body {background:#e9f2fa url(images/bodytopbg.gif) no-repeat top center; margin:0; padding:0; color: #4b4b4b; font: normal 12px "Lucida Grande", Helvetica, Verdana, Arial;}

/* **********************************************************  PAGE STYLES  ********************************************************** */
#page {width:740px; margin:0 auto; background:url(images/pagebg.gif) repeat-y 0 0;}

p {margin: 0 0 20px 0; line-height:18px;}

h1 {font-size: 1.85em;}

.sr {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}
#breadcrumb {padding: 0 0 1em 0;}
#breadcrumb h5 {font-size: 1em; font-weight: normal; margin:0;}

.float {float:left;}

/* **********************************************************  HEADER STYLES  ********************************************************** */
#header {width:740px; height:112px; background:url(images/headerbg.gif) no-repeat 0 0; position:relative;}
a#logo {display:block; background:url(images/logo.gif) no-repeat 0 0; width:189px; height:102px; text-indent:-9999px; position:absolute; top:10px; left:20px; overflow:hidden;}
a:hover#logo {display:block; background:url(images/logo.gif) no-repeat 0 -102px; width:189px; height:102px; text-indent:-9999px; position:absolute; top:10px; left:20px; overflow:hidden;}
#tagline {width: 526px; position: absolute; top:50px; left:209px; font-size:13px; font-weight:bold; color:#0072bc;}
#header div.contactinfo {width: 526px; position: absolute; top:72px; left:209px; color:#0072bc;}
#tagline, .phone, .email {text-align:right;}
.email {line-height: 18px;}
.phone {font-size:13px; font-weight:bold;}


/* **********************************************************  MAIN NAVIGATION BAR STYLES  ********************************************************** */
ul#mainnav {background:url(images/buttons/mainnav.gif) no-repeat 0 0; height:68px; width:740px; list-style:none; margin:0; padding:0;}
#mainnav li {display:block; height:68px; float:left;}
#mainnav li a {border:0; display:block; text-decoration:none; height:68px; text-indent:-9999px;}
#mainnav li {overflow: hidden;}
/* Set button widths */
#mainnav #home {width:81px;}
#mainnav #areainfo {width:201px;}
#mainnav #homes {width:169px;}
#mainnav #lots {width:150px;}
#mainnav #contact {width:139px;}
/* Set background image position for rollovers */
#mainnav #home a:hover {background:url(images/buttons/mainnav.gif) no-repeat 0 -68px;}
#mainnav #areainfo a:hover {background:url(images/buttons/mainnav.gif) no-repeat -81px -68px;}
#mainnav #homes a:hover {background:url(images/buttons/mainnav.gif) no-repeat -282px -68px;}
#mainnav #lots a:hover {background:url(images/buttons/mainnav.gif) no-repeat -451px -68px;}
#mainnav #contact a:hover {background:url(images/buttons/mainnav.gif) no-repeat -601px -68px;}



/* Banners */
#banner1 {width: 386px; float: left; height: 54px; padding-right: 15px; background:url(images/banners/csbcommunities.gif) no-repeat 0 0;}
ul#banners {height:62px; width:740px; list-style:none; margin:0; padding:0;}
#banners li {display:block; height:62px; float:left;}
#banners li a {border:0; display:block; text-decoration:none; height:62px; text-indent:-9999px;}
#banners li {overflow: hidden;}
/* Set button widths */
#banners #spbtn {width:98px;}
#banners #pgbtn {width:98px;}
#banners #gdbtn {width:97px;}
/* Set background image and position for buttons */
#banners #spbtn a {background:url(images/buttons/spbtn.gif) no-repeat 0 0;}
#banners #pgbtn a {background:url(images/buttons/pgbtn.gif) no-repeat 0 0;}
#banners #gdbtn a {background:url(images/buttons/gdbtn.gif) no-repeat 0 0;}
/* Set background image and position for rollovers */
#banners #spbtn a:hover {background:url(images/buttons/spbtn.gif) no-repeat 0 -62px;}
#banners #pgbtn a:hover {background:url(images/buttons/pgbtn.gif) no-repeat 0 -62px;}
#banners #gdbtn a:hover {background:url(images/buttons/gdbtn.gif) no-repeat 0 -62px;}



/* **********************************************************  CONTENT AREA STYLES  ********************************************************** */
#central {background:url(images/centraltopbg.gif) no-repeat top center; padding:12px 20px 0 20px;}

#overview, #facts, #property_search, #banners {margin-bottom: 15px;}
#overview, #banners {width:700px;}
#overview {background:url(images/po.jpg) no-repeat 0 0; height:219px;}
#facts {width:386px; height:229px; background:url(images/factshead.gif) no-repeat 0 0; float:left;}
#facts p {font-size: 12px; margin-top: 0;}
#facts h4 {margin: 4px 0 0 0; padding-bottom: 3px; font-size: 14px;}
div#property_search {
	background:url(images/searchheading.gif) no-repeat 0 0;
	float:right;
	padding-top: 45px;
	border: solid 1px #ccc;
	border-top: 0;
	width:299px;
	height:184px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:297px;
}

html>body #property_search { /* Be nice to Opera */
	width:297px;
}

.tabbody {border:solid 1px #ccc; padding:15px; background:url(images/tabs/tabtopbg.gif) no-repeat 0 0;}

#maincontent {color: #4b4b4b}
#maincontent p {line-height:1.5em;}
div#maincontent, div#sidebar {float: left;}
/* Main column */
div#maincontent {
	padding: 0 15px 0 0;
	width:431px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:416px;
}
html>body #maincontent { /* Be nice to Opera */
	width:416px;
}

div#maincontent_1col {width:auto;}

/* Sidebar column */
div#sidebar {
	width:269px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:269px;
}
html>body #sidebar { /* Be nice to Opera */
	width:269px;
}

/* Property Listings */
div#listings th {background: #999; color: white;}
div#listings tr {line-height: 18px; background: #dcdcdc;}
div#listings tr.altrow {background: #eee;}
div#listings th, div#listings td {padding: 3px 5px;}


.clear {clear:both;}
/* **********************************************************  FOOTER STYLES  ********************************************************** */
#footer {background:url(images/footerbg.gif) no-repeat 0 0; height: 70px; clear:both; text-align:center; padding: 5px 0 0 0; line-height:14px; color:#666;}
#footer hr {width:700px;}
#legalinfo {padding-top: 5px;}
#advert_vendors {background:#e9f2fa; padding:24px 24px 0 6px; margin-bottom:29px;}

#education, #taxrates {width: 135px;}
#education {float: left;}
#taxrates {float: right;}


#education img, #taxrates img {border: solid 2px #ccc;}
.boxcontent {border: solid 1px #ccc; border-top: 0;}
.boxinner {padding: 65px 40px;}