/* CSS Document */


body {
	margin: 0 0 20px 0; padding: 0;
	background: #444 url(gfx/bg.jpg) repeat-x;
	text-align: left;
    /*font-size: 100%;*/
	font-family:Arial, Verdana, sans;
	color: #444;
}



/* Header Elements */	

div#header {
	width: 749px;
	height: 120px;
	background-color:#fff;
	padding: 10px; margin: 0 auto;
	border-top: 10px solid #444;
	border-left: 10px solid #444;
	border-right: 10px solid #444;
}

#header .logo {	padding-top: 40px; float: left; }
	
div#searcharea {
	float: right;
	text-align: right;
	width: 250px;
	padding-top: 45px;
}	
	
#searcharea ul { font-size: 11px; color: #444; margin: 0; padding: 0; }
#searcharea li { display:inline; padding: 0 0 0 3px; margin: 0; }
#searcharea li a { color: #444; text-decoration: none; padding-right: 3px; }
#searcharea li a:hover { text-decoration: underline; }

#searcharea .li-right a { padding-right: 0px; }


.searchholder { float: right; width:200px; padding: 5px 0 0 0; }
.formsearch { border: 1px solid #ccc; padding: 4px; margin: 0; width: 134px; font: normal 11px Arial, Helvetica, sans; color: #888;  }
.gobutton { width: 18px; height: 18px; margin: 0 0 0 0; border: 0; }


/* NavBar Elements */

div#navbar {
	width: 749px;
	margin: 0 auto;
	background: #fff;
	padding: 0 10px 0 10px;
	border-left: 10px solid #444;	
	border-right: 10px solid #444;	
}

#navbar ul { list-style: none; font-size: 0.7em; color: #444; background-color: #444; margin: 0; padding: 8px 0 8px 0; }
#navbar li { display: inline; text-transform: uppercase; padding: 0 10px 0 10px; color: #ddd; font-weight: bold; font-family: Tahoma, arial, sans; }
#navbar li a { color: #fff; text-decoration: none; }
#navbar li a:hover { color: #fff; text-decoration: underline; }


#wrapper {
	width: 749px;
	margin: 0 auto;
	background: #fff;
	padding: 0 10px 10px 10px;
	border-left: 10px solid #444;
	border-right: 10px solid #444;
}



/* Box Elements */

.boxlife, .boxlife2 {
	width: 749px;
	margin: 0 auto;
	margin-bottom: 0;
	background: #fff;
	padding: 10px 0 0 0;
}

.boxlife2 { border-bottom: 1px solid #ccc; padding-bottom: 10px; }

.box { border: 0; float: left; margin-right: 10px; }
.boxright { height: 200px; border: 0; float: left; margin-right: 0; }

.boxtop { width: 228px; padding: 6px 5px 6px 10px; background: #444; color: #fff; font: bold 0.7em Tahoma, Arial, Verdana, sans; }
.boxtop a { color: #fff; text-decoration: none; }
.boxtop a:hover { text-decoration: underline; }

.boxinner { width: 225px; height: 200px; background: #f8f8f8; padding: 8px; color: #999; font: normal 11px Arial, Verdana, sans; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.boxinner1 { width: 225px; background: #f8f8f8; padding: 8px; color: #999; font: normal 11px Arial, Verdana, sans; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.boxinner2 { width: 225px; background: #f8f8f8; padding: 8px; color: #999; font: normal 11px Arial, Verdana, sans; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px; }


.boxinner p { margin: 0 0 10px 0; color: #444; font-size: 11px; }
.boxinner1 p { margin: 0 0 10px 0; color: #444; font-size: 11px; }
.boxinner2 p { margin: 0 0 0 0; color: #444; font-size: 11px; }

.boxinner p a, .boxinner1 p a { text-decoration: none; color: #CE0011;  font-weight: bold; }
.boxinner p a:hover, .boxinner1 p a:hover { text-decoration: underline; }

.boxinner ul, .boxinner1 ul {  width: 100%; margin: 5px 0 0 0; padding: 0; font: normal 11px Tahoma, Arial, Verdana, sans; list-style: none; }
.boxinner li, .boxinner1 li {  margin: 0 0 5px 0; padding-left: 15px; color: #444; background: transparent url(gfx/li-arrows.gif) no-repeat top left; }
.boxinner li a, .boxinner1 li a { text-decoration: none; color: #444; }
.boxinner li a:hover, .boxinner1 li a:hover { text-decoration: underline; color: #444; }

.formdrop { float:right; border: 1px solid #ccc; padding: 0px; width: 130px; font: normal 1.1em Arial, Helvetica, sans; color: #888;  }

.searchleft {
	float: left;
	width: 70px;
	padding: 5px 0 5px 0;
	margin-bottom: 5px;
	clear: both;
	font: bold 1.1em Arial, Helvetica, sans; 
	color: #444;
}


.searchright {
	float: right;
	width: 150px;
	padding: 2px 0 2px 0;
	margin-bottom: 5px;
}



/* Main Area */


#main {
	width: 749px;
	margin: 0 auto;
	background: #fff;
	padding: 10px 0 0 0;
}



/* Left Column */

#leftcol { width: 496px; float: left; margin: 0; }

#frontcol { width: 729px; margin: 0 0 0 10px; line-height: 21px; }


/* Right Column */

#rightcol { width: 243px; float: right; margin: 0; padding: 0; }

div#landlist { display:none; }


/*
.coltop { width: 228px; padding: 6px 5px 6px 10px; margin: 0; background: #444; color: #fff; font: bold 0.7em Tahoma, Arial, Verdana, sans; }
.colinner { width: 225px; padding: 9px 8px 8px 8px; margin-bottom: 10px; background: #f5f5f5; color: #999; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
*/


#rightcol ul {  width: 100%; margin: 5px 0 0 0; padding: 0; font-size: 11px; list-style: none; }
#rightcol li {  margin: 0 0 5px 0; padding-left: 15px; color: #444; background: transparent url(gfx/li-arrows.gif) no-repeat top left; }
#rightcol li a { text-decoration: none; color: #444; }
#rightcol li a:hover { text-decoration: underline; color: #444; }

#rightcol p { font-size: 11px; }

#rightcol .minus { background: transparent url(gfx/li-minus.gif) no-repeat top left; }

.coltop a { color: #fff; text-decoration: none; }
.coltop a:hover { text-decoration: underline; }

/* this is to add a margin spacing on the right column boxes only, so it doens't affect the front page versions */
#rightcol .boxinner { margin-bottom: 10px; }



/* Footer Styles */

#footer {
	width: 749px;
	margin: 0 auto;
	background: #fff;
	padding: 0 10px 10px 10px;
	border-left: 10px solid #444;
	border-right: 10px solid #444;
	border-bottom: 10px solid #444;
}

#footinner {
	background-color: #fff; margin: 0; padding: 16px 0 50px 0; border-top: 1px solid #ccc;
}

#footer ul { list-style: none; font-size: 0.7em; margin: 0; padding: 0; }
#footer li { display: inline; padding: 0 0 0 3px; color: #888; }
#footer li a { color: #888; padding-right: 3px; text-decoration: none; }
#footer li a:hover { color: #888; text-decoration: underline; }

#footer .li-left { display: inline; padding: 0 0 0 0; color: #888; }


/* Font Styles */

h1 { margin: 5px 0 10px 0; padding: 0; font: normal 1.65em "Tahoma", Arial, Helvetica, sans; color: #444; }
h2 { margin: 0 0 10px 0; padding: 0; font: normal 1.3em "Tahoma", Arial, Helvetica, sans; color: #999; }
h3 { margin: 0 0 20px 0; padding: 0; font: normal 1.3em "Tahoma", Arial, Helvetica, sans; color: #999; }
h4 { margin: 0 0 0 0; padding: 0; font: normal 2em "Tahoma", Arial, Helvetica, sans; color: #444; }
h5 { margin: 0 0 10px 0; padding: 0; font: normal 1.5em "Tahoma", Arial, Helvetica, sans; color: #666; }
h6 { margin: 20px 0 10px 0; padding: 0; font: normal 1.2em "Tahoma", Arial, Helvetica, sans; color: #999; }


#leftcol p { margin: 0 0 10px 0; padding: 0; font-size: 0.75em; color: #666; }
#leftcol p a { text-decoration: none; color: #CE0011; }
#leftcol p a:hover { text-decoration: underline; color: #CE0011; }

#frontcol p  { margin: 0 0 10px 0; padding: 0; font-size: 1em; color: #777; }
#frontcol p a { text-decoration: none; color: #CE0011; }
#frontcol p a:hover { text-decoration: underline; color: #CE0011; }


.datestamp { color: #ccc; margin-top: 1.5em; }

#leftcol ul { width: 100%; margin: 0 0 10px 0; padding: 10px 0 0 0; font-size: 0.7em; list-style: none; }
#leftcol li { margin: 0 0 5px 0; padding-left: 15px; color: #444; background: transparent url(gfx/li-arrows.gif) no-repeat top left; }
#leftcol li a { text-decoration: none; color: #CE0011; }
#leftcol li a:hover { text-decoration: underline; color: #CE0011; }

#leftcol .li-header { margin: 0 0 5px 0; padding-left: 0px; color: #999; font: normal 1.65em "Tahoma", Arial, Helvetica, sans; background: none; }


#rightcol p { font-size: 11px; margin: 0 0 10px 0; color: #444; }
#rightcol p a { text-decoration: none; font-weight: bold; color: #CE0011; }
#rightcol p a:hover { text-decoration: underline; }

#footer p { font-size: 0.7em; margin: 0 0 5px 0; color: #888; }
#footer p a { text-decoration: none; font-weight: normal; color: #888; }
#footer p a:hover { text-decoration: underline; }





/* Land Container */

.land_top {	padding: 6px 5px 6px 10px; margin: 0; background: #eee url(gfx/land-for-sale-bg-grey.jpg) repeat-x; color: #666; font: bold 0.7em Tahoma, Arial, Verdana, sans; 
border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; border-left: 1px solid #ccc; 

}
 
.land_top_left { float: left; }
.land_top_left a { color: #666; text-decoration: none; }
.land_top_left a:hover { color: #666; text-decoration: underline; }
.land_top_right { color: #666; float: right; }

.land_container, .land_container_big {
	background: #fff url(gfx/gfx-land-for-sale-main-bg.gif) repeat-x bottom;
	border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;
	padding: 8px;
	margin-bottom: 20px;
	width: 478px;
	font-size: 0.9em;
} .land_container_big { border-top: 1px solid #ccc; }

.land_thumb {
	width: 150px; 
	float: left;
	margin: 0 10px 0 0;
}
.land_thumb_image { border: 0; }

.land_image {
	width: 478px; 
	margin: 0 0 10px 0;
	background: #fff;
	padding:0; border:0;
}

.land_description {	float: right; }

.flashmaplarge { border: 1px solid #ccc; padding: 8px; }

.thingy { padding-top: 20px; padding-bottom: 10px; }


/* News Items */

.news_box { border: 1px solid #ccc;	width: 494px; margin-bottom: 20px; }

.news_image { padding: 0; border: 0; width: 100px; height: 100px; float: left; }

.news_text { float: right; width: 376px; padding: 8px 8px 0 0; font-size: 0.9em; }


/* 2 Col Articles */

.articleleft { width: 241px; background-color: #444; border: 1px solid #444; float: left; }

.articleright { width: 241px; background-color: #444; border: 1px solid #444; float: right; }

.articleleft h2, .articleright h2 { margin: 0 0 9px 0; padding: 5px 0 0 10px; font: normal 1.3em "Tahoma", Arial, Helvetica, sans; color: #fff; text-decoration: none; }

.articleleft a { text-decoration: none; color: #fff; }
.articleright a { text-decoration: none; color: #fff; }

.articleleft a:hover { text-decoration: underline; color: #fff; }
.articleright a:hover { text-decoration: underline; color: #fff; }

.article_image { width: 200px; background: #f5f5f5; border: 1px solid #ccc; padding: 8px; float: right; margin-left: 8px; margin-bottom: 8px; font-size: 0.9em; }


/* Insite Callout */

.insite_callout { border: 1px solid #ccc; padding: 15px; line-height: 21px; }



/* Form Container */

.form_container {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 15px;
}

.form_fill { border: 1px solid #ccc; padding: 4px; margin: 0; width: 250px; font: normal 1em Arial, Helvetica, sans; color: #888; }

.red { color: #f00; }



/* clear float */

.clear {
	border: 0; margin: 0; padding: 0;
	clear: both;
}










