﻿* { 
	margin: 0; 
	padding: 0; 
}

body {
	background:#ddd8b2;
	/*background: #392d27 url(Images/suns-bg.jpg) repeat-x left top;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

div#container{ /* wraps all */
    width: 785px;
	margin:0px auto;
	margin-left:-392px;
	/*background: #fff;*/
	position:absolute;
	left:50%;
	top:100px;
	z-index:1;
	font-size: 12px;
	line-height:15px;
}

div#rightcolumn {
	/* holds middleton map etc */
	width:265px; 
	position:absolute; 
	top:610px; 
	left:477px;
}


/* =nav
--------------------------------------------------*/

div#nav{
	margin-top:35px;
	background:url(Images/nav-bg.jpg) repeat-x;
	width:100%;
}

div#nav a{
	height:45px;
	display:block;
	float:left;
}

div#nav #neighborhood-btn{
	background-image:url(Images/nav_neighborhood_btn.jpg);
	width:129px;
}

div#nav #neighborhood-btn:hover{
	background-image:url(Images/nav_neighborhood_btn.jpg);
	background-position:0 -45px;
}

div#nav #comminfo-btn{
	background-image:url(Images/nav_comminfo_btn.jpg);
	width:94px;
}

div#nav #comminfo-btn:hover{
	background-image:url(Images/nav_comminfo_btn.jpg);
	background-position: 0 -45px;
}

div#nav #builders-btn{
	background-image:url(Images/nav_builders_btn.jpg);
	width:84px;
}

div#nav #builders-btn:hover{
	background-image:url(Images/nav_builders_btn.jpg);
	background-position:0 -45px;
}

div#nav #schools-btn{
	background-image:url(Images/nav_schools_btn.jpg);
	width:84px;
}

div#nav #schools-btn:hover{
	background-image:url(Images/nav_schools_btn.jpg);
	background-position:0 -45px;
}

div#nav #news-btn{
	background-image:url(Images/nav_news_btn.jpg);
	width:72px;
}

div#nav #news-btn:hover{
	background-image:url(Images/nav_news_btn.jpg);
	background-position:0 -45px;
}

div#nav #contact-btn{
	background-image:url(Images/nav_contact_btn.jpg);
	width:98px;
}

div#nav #contact-btn:hover{
	background-image:url(Images/nav_contact_btn.jpg);
	background-position: 0 -45px;
}



div#header-photo{ 
    height: 127px;
	background:white;
	margin:0;
	padding:0;
	clear:left;
}

div#header-slideshow{
	height:276px;
	background:#9a8d01 url(Images/slideshow-bg.jpg) no-repeat right;
	/*background: url(Images/header-base-bg.jpg) 0px 275px repeat-x;*/
	clear:left;
}

div#maincol{ /* holds the content div */
	background:#fff url(Images/content_top-green.jpg) repeat-x;
	
}

div#content{
	min-height: 530px; /* updated for short builders page */
	width:457px;
	padding-left:10px;
	clear:both;
}




/* =homepage
--------------------------------------------*/

div#indexcontent{


}

div#indexcontent ul li{
	margin-right:15px;
	margin-left:35px;
	padding-top:5px;
	padding-bottom:5px;
	color:#4d3f37;
	background:url(Images/darkSquareBullet.gif) no-repeat left;
	/*list-style-position:outside;
	list-style-image:url(Images/darkSquareBullet.gif);*/
}

div#content h1{
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	padding-top:1px;
	padding-left:35px;
    height: 70px;
	line-height:66px;
	letter-spacing:1px;
	color:#4d3f37;
}

div#content h1 img{
 margin-right:10px;
 float:left;
}

div#content h2{
	/*background: url(Images/h2-icon.gif) left no-repeat; */
    font-family:"Times New Roman", Times, serif;
	font-size:17px;
	margin: 2em 0 .25em 0;
 	letter-spacing:1.25px;
	color:#B4A155;
	padding-left:35px;
}

div#content h2 span{
	/*background: url(Images/h2-icon.gif) left no-repeat; */
	border-right: 1px dotted #4D3F37;
	padding-right:5px;
	color:#4D3F37;
}



div#content ul{
	padding:0;
	margin-left:35px;
	list-style:none;
	
	/*list-style-image:url(Images/darkSquareBullet.gif);*/
}


div#content ul li{
	margin:0;
	padding:5px 5px 5px 15px;
	background:url(Images/darkSquareBullet.gif) no-repeat left;
}


/* =overlay bar
--------------------------------------------------------*/


div#overlaybar{ /* bar on the right side of the pages */
	background: #fff url(Images/logo-column-bg.jpg) no-repeat;
	width: 273px;
	height:577px;
	/*min-height: 260px;*/
	padding-top:0;
	position: absolute;
	z-index: 10;
	left: 477px;
	top: 15px;	
	margin-top:0px;
}

#communityhotspot{ /* area on bottom of overlay bar - community update */
	position:absolute;
	left:0;
	bottom:0;
	width:275px;
	height:140px;

}


a#communitybtn{
	width:275px;
	height:140px;
	display:block;
	border:none;

}


#logo{
	Width:260px;
	height:70px;
	position:relative;
	top:22px;
	left:7px;
	border:none;
}

#logo a,#logo a:visited {
    border:none;
	text-decoration:none;
}

#logo img{
	border:0;
}


/*  =subnav id

-----------------------------------------------------*/

#content #subnav{
	color: #333;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; /* for ie */
	margin-top:40px;
	z-index:50;
	
 }

 

#content #subnav ul {
	list-style: none;
	width:200px;
	margin:0;
	padding:0;
 }

#content #subnav li {
	position: relative;
	width: 200px;
	/*border-bottom: 1px dotted #BCB99C;*/	
	padding:0;
	margin-bottom:10px;
	background:none;
 }


#content #subnav li a {
	display: block;
	padding: 5px 0px 5px 0px;
	color: #85751e;
	text-decoration: none;
	border:none;
	width: 200px;
	width: 100%;
 }
 
#content #subnav li img{
  padding-top:5px;
  margin-right:8px;
}

 html>body #content #subnav li a { /* ie can't process this */
 width: auto; 
}

#content #subnav li a:hover {
	color: #BCB99C;	  
 }


#content #subnav li a.current {
	/* set current link style different for current page */
	/*display: block;*/
	padding: 5px 0px 5px 0px;
	color: #85751e;
	text-decoration: none;
	width: 100%;
	font-weight:bold;
 }

  html>body #content #subnav li a.current { /* ie can't process this */
 width: auto; 

}


div#quickfacts p {
	padding: 27px 20px 0 20px;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 16px;	
	color: white;
}

div#quickfacts ul li{
	margin-left:45px;
	margin-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	list-style-image: url(Images/squareBullet.gif);
	list-style-position:outside;
	color:white;
}


div#footer{
	clear: both;
	color:#ffffff;
	background-color:#85751E;
	padding:5px;
	font-size:9px;
}



div#content p {
	margin-bottom:7px;
	padding: 3px 35px 3px 35px; 
	line-height:1.5em;
}

div#content a, div#content a:visited {
	color:#85751e;
	text-decoration:none;
	border-bottom:1px dotted #85751e;
}
	

div#content a:active, div#content a:hover {
	color:#85751e;
	text-decoration:none;
	border-bottom:1px solid #85751e;
}

div#content .contentImage {
	background-color:#edeadb;
	padding: 7px;
	margin:0px 8px 8px 8px;
	border: #999 thin solid;
}

div#content .footerImage{
	border:none;
}

div#content .googlemap {
	background-color:#edeadb;
	padding: 7px;
	margin:8px;
	border: #999 thin solid;
}

div#underbox{
    float: right;
	width: 275px;
	color: #333;
}

div#underbox p {
	font-weight:bold;
	margin-right:0px;
	padding-right:0px;
	text-align:right;
	color:#999;
}

div#underbox a {
	font-weight:bold;
	margin-right:0px;
	padding-right:0px;
	text-align:right;
	color:#658c0e;
	text-decoration:none;
}

div#underbox a:hover {
	font-weight:bold;
	margin-right:0px;
	padding-right:0px;
	text-align:right;
	color:#658c0e;
	text-decoration:none;
	/*border-bottom:#658c0e thin dotted;*/
}

/* = faq styles
-------------------------------------------*/

dl{
margin-left:35px;
}

dt {
	font: 16px/1.6em Georgia, "Times New Roman", Times, serif;
	color: #4D3F37;
}

dd {
	line-height: 1.5em;
	margin-bottom: 10px;
}


.faqquestions{
	width:95%;
	margin: 20px auto 5px;
}

 .faqquestions a,  .faqquestions a:visited {

	text-decoration:none;
	line-height:1.5em;
	border:0;
	margin:10px 0;
	height:1.5em;
	vertical-align:center;
	
}
	

 .faqquestions a:active,  .faqquestions a:hover {
	color:#658c0e;
	text-decoration:none;
	
}





/* images
-------------------------------------------------*/


a img{
	border:none;
	display:block; /* need this for firefox */
}





/* =generics
--------------------------------------------------------*/
.hide{
	display:none;
}
	

/*******************************************************
						search
*******************************************************/

#searchBoxContainer {
	margin: 10px 0px 15px 35px;
}

#searchBoxContainer ul  {
	height: 25px;
}
#searchBoxContainer li {
	float: left;
	background-color: rgb(115, 102, 96);
	font: bold 12px Verdana, Arial, sans-serif;
	list-style-type: none;
	height: 15px;
	padding: 5px 25px;
	margin-right: 5px;
	text-align: center;
}

#searchBoxContainer li a {
	text-decoration: none;
	color: white;
}

#quickSearchDiv, #byBuilderDiv {
	background-color: rgb(53, 36, 28);
	width: 362px;
	height: 150px;
	color: White;
	font: bold 12px Verdana, Arial, sans-serif;
	padding: 5px;
}

#quickSearchDiv table {
	margin-left: 50px;
}

#quickSearchDiv th {
	text-align: right;
}

#quickSearchDiv td {
	padding-left: 5px;
}

#quickSearchDiv select {
	width: 125px;
}

#byBuilderDiv table {
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
#byBuilderDiv select {
	width: 150px;
}


#searchResults {
	margin:30px;
}

#searchResults th {
	padding: 5px;
	background:#554842;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#searchResults td {
	padding: 5px;
	background:#E6E5D6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10.5px;
	text-align:center;
}

#searchResults img {
	height: 75px;
	width: 75px;
	background:#658c0e;
}


#homeDetails {
	width:680px;
	margin: 20px;
	padding: 10px;
}

#homeDetails table{
	float:left;
	margin:20px 0 20px 0;
}

#homeDetailsMenuCol1 {
	padding-bottom:10px;
	float:left;
}

#homeDetailsMenuCol2 {
	padding-bottom:10px;
	float:left;
	margin-left:20px;
}

#homeDetailsMenu li {
	list-style-type:none;
	padding-left:-15px;
}

#homeDetails th, #homeDetails td {
	clear:right;
	padding: 8px;
}

#homeDetails th {
	text-align: right;
	background:#554842;
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#homeDetails td {
	background:#E6E5D6;
}


#homeDetails img {
	padding: 8px;
	margin:20px 0 20px 0;
	background:#E6E5D6;
	width:225px;
	height:225px;
	float:right;
	border:1px solid #9E908B;
}

#advancedSearchContent {
	margin:30px;
	width:660px;
}

#advancedSearch table {
	float:left;
}

#advancedSearch th, #advancedSearch td {
	padding: 8px;
}

#advancedSearch th {
	text-align: right;
	background:#554842;
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#advancedSearch td {
	text-align: left;
	padding-left: 5px;
	background:#E6E5D6;
}

#advancedSearch select, #advancedSearch input {
	width: 125px;
	border:1px solid #554842;
	padding:2px;
	background:#fff;
}

#advancedSearch-copy {
	width:400px;
	float:right;
}

#mapIcon{
	position:absolute; 
	left: -20px; 
	top:230px;
	width:175px;
	height:175px;

}





/* unused items

*/

/*


div#sliver{
    background:red;
    float: right;
	width: 35px;
	color: #333;
}



div#sliver-inner{
	background: #fff url(Images/sliver-bg.jpg) repeat-x;
	width: 100%;
	height: 277px;
	
	
}


div#right{
    float: right;
	width: 273px;
	color: #333;
	
	
}



div#left{   
	width: 477px;
	background:green;
	
}

div#indexleft {
	width:210px;
}



div#sliverIndex-inner{
	background: #fff url(Images/sliverIndex-bg.jpg) no-repeat;
	width: 100%;
	height:418px;
	margin-top: 37px;
}


*/

.edit-highlight{
	background-color:#FFFF00;
	/*display:none;*/
}

.edit-addlink{
	background-color:#66FF00;
	/*display:none*/
}

.edit-addedtext{
	background-color:#00FFFF;
}

#askcolemanbtn{
	margin-left:3px;
	
}
#home-btn{
	width: 785px;
	margin:0px auto;
	margin-left:-392px;
	/*background: #fff;*/
	position:absolute;
	left:50%;
	top:115px;
	z-index:10;
}
