﻿/*
colors:

green: #1d7746
blue: #2f337d
blue: #2d6ccb
light blue: #e3effb
light blue2: #b6d0f2
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 0;
}

th, tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	color: #2e337d;
	text-decoration: underline;
}
a:hover 
{
	color: #2d6ccb;
	text-decoration: underline;
}
h2 { background: #b6d0f2; padding: .25em; color: #fff; font-size: 14px; }
h3 { font-size: 12px; margin: 0;  }

hr { border: 1px solid: #ccc; height: 1px; background: #ccc; }

.rotator li { border: 1px solid #000; padding: 2px; background: #fff; margin-left: 5px; }
.rotator li:first-child { margin-left: 0; }
.banner img { border: 1px solid #1f2154; }
.bg {
	background-color: #ded7c7;
	background-image:url(../images/bg2.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	margin: 40px 0;
}
iframe { margin: 0; padding: 0; }
#siteholder {
	width: 996px;
	margin: auto;
	text-align: left;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#headerholder {
position: relative;
	background-image:url(../images/fs_header2.jpg);
	background-position: 0 23px;
	background-repeat: no-repeat;
	min-height: 223px;
}
#logo { height: 175px; }
#logo span { position: absolute; top: 78px; left: 138px; color: #fff; font-size: 12px; }

#tnav {
	height: 22px;
	background: #2f337d;
	border-bottom: 1px solid #fff;
	color: #1d7746;
}
#tnav ul {
	margin: 0 20px 0 0;
	list-style: none;
	float: right;
}
#tnav ul li {
	float: left;
	line-height: 22px;
	display: inline;
	padding-left: 10px;
}
#tnav ul li img {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
}
#tnav ul li a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;

}
#tnav ul li a:hover {
	color: #1d7746;
}

/*#tnav2 {
	height:24px;
	background: #1d7746;
	border-left: 2px solid #2e337d;
	border-right: 2px solid #2e337d;
}
#tnav2 ul {
	margin: 3px;
	padding: 0px;
	list-style: none;
	float: right;
}
#tnav2 ul li {
	float: left;
	height: 18px;
	border-left: 1px solid #fff;
	padding: 0 20px;
	line-height: 18px;
	xxxdisplay: block;
}
#tnav2 ul li:first-child {
	border-left: 0;
}
#tnav2 ul li a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#tnav2 ul li a:hover, #tnav2 ul li a:active {
	color: #2e337d;
}
#tnav2 ul li span br { display: none; }

#tnav2 ul li:hover ul { display: block; background: #1d7746; position: absolute; margin: 0; overflow: hidden; padding: .25em .5em; }
#tnav2 ul li ul { display: none; }
	
	#tnav2 ul li ul li {  xxxclear: both; font-size: 12px; padding: 0; }
	#tnav2 ul li ul span {  padding: 0; background: red; }

	#tnav2 ul li ul li a { color: #fff; font-weight: normal; padding: .25em .5em; border: 0; }
	#tnav2 ul li ul li:hover a { background: #2e337d; color: #fff; display: block; }
	*/
	
#tnav2 { height: 24px; background: #1d7746; border-left: 2px solid #2e337d; border-right: 2px solid #2e337d; }

#tnav2 ul { margin: 0; list-style: none; float: right; }
#tnav2 ul li { float: left; border-left: 1px solid #fff; }
#tnav2 ul li:first-child { border: 0; }
#tnav2 ul li a { font-weight: bold; color: #fff; display: block; line-height: 18px; padding: 3px 20px; margin: 0; }
#tnav2 ul li a:link, #tnav2 ul li a:visited { text-decoration: none; }
#tnav2 ul li a:hover { color: #2f337d; }

xxx#tnav2 ul li ul span br { height: 0; line-height: 0; display: none; display: absolute; }
xxx#tnav2 ul li ul span { height: 0; line-height: 0; display: none; display: absolute; }

#tnav2 ul li:hover ul { display: block; }

	#tnav2 ul li ul { padding: 0; background: #1d7746; height: auto; xxxwidth: 100px; display: none; position: absolute; }
	#tnav2 ul li ul li { float: none; margin: 0; border: 0; }
	#tnav2 ul li ul li a { clear: left; margin: 0; border: 0; font-weight: normal;  }
	#tnav2 ul li ul li:hover {  }
	#tnav2 ul li ul li:hover a { background: #2f337d; color: #fff; }


#contentholder {
	xxxclear: both;
	border-left: 2px solid #2e337d;
	border-right: 2px solid #2e337d;
	background: url(/images/content-bg.gif) center repeat-y;
	padding: 9px;
	overflow: hidden;
	padding-top: 15px;
}
.body { border-left: 1px solid #b6d0f2; border-right: 1px solid #b6d0f2; }
.body td { font-size: 10px; padding-bottom: 15px; }
.body td b { font-size: 12px; }
.body td div { margin-top: 5px; }
.body td div img { float: left; margin: 0 5px 5px 0; }

.callout { float: left;}
.featured { background: url(../images/callout2_bottom.gif) bottom left no-repeat; height: 171px; margin-bottom: 20px; overflow: hidden; }
.featured .title { background: url(../images/callout2_top.gif); line-height: 36px; padding-left: 16px; font-weight: bold; color: #fff; margin:0; }
.rotator {
	overflow: hidden;
	background-color: #E3EFFB;
	_height: 151px;
	margin: 0; padding: 0;
}
.rotator ul {
	list-style: none;
	margin: 9px;
}
.rotator ul li { float: left; }
#lnav {
	float: left;
	width: 235px;
	margin-left: 6px;
	padding-bottom: 100px;

}
#lnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-color: #e6e1d5;
}
#lnav ul li {
	border-bottom: 1px solid #ffffff;

}
#lnav ul li a {
	display: block;
	color: #000000;
	background-image:url(../images/tn-spacer.gif);
	background-repeat: no-repeat;
	background-position: 20px 10px;
	padding-left: 32px;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
#lnav ul li a:hover {
	background-color: #f1eee7;
	color: #2e337d;

}
#lnav ul li ul {
	background-color: #f1eee7;
}
#lnav ul li ul li {
	border: none;
}
#lnav ul li ul li a {
	font-size: 11px;
	color: #2e337d;
	background-image: none;
	padding-top: 2px;
	padding-bottom: 2px;

}
#lnav ul li ul li a:hover {
	color: #000000;

}
.lnavheading {
	background-image:url(../images/ln-heading-bg.gif);
	color: #ffffff;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#content {
	xxxmargin-left: 269px;
	width: 700px;
	padding-bottom: 20px;
	float: right;
}
.Div1 { margin: 20px 0; }
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	color: #2e337d;
	xxxborder-bottom: 1px solid #ded7c7;
	padding-bottom: 2px;
}
#footer {
	background: url(../images/fs-footer.jpg);
	height: 80px;
	clear: both;
}
#copyright {
	color: #a08f7c;
	font-size: 10px;
	text-align: right;
	padding-right: 23px;
	padding-top: 20px;
}
#copyright a {
	color: #a08f7c;
	text-decoration: none;
}
#fslnav {
	float: right;
	width: 235px;
	margin-bottom: 20px;
	background: url(../images/callout1_bottom.gif) bottom left;
	padding-bottom: 11px;
}
#fslnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-color: #e6e1d5;
}
#fslnav li {
	border-bottom: 1px solid #ffffff;
}
#fslnav li a {
	display: block;
	color: #000000;
	background-image:url(../images/tn-spacer.gif);
	background-repeat: no-repeat;
	background-position: 20px 10px;
	padding-left: 32px;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;

}
#fslnav li a:hover {
	text-decoration: none;
	color: #006db7;
}
#fslnav .title {
	background-image:url(/images/callout1_top.gif);
	color: #ffffff;
	font-weight: bold;
	padding-left: 20px;
	line-height: 36px;
}
/*RSS button*/
#fslnav .title a:link, #fslnav .title a:visited { 
	background: orange;
	margin: -3px 0 0 30px;
	color: #fff;
	font-size: 9px;
	xxxfont-weight: normal;
	padding: 2px 3px;
	text-decoration: none;
} 
#fslnav .title a:hover { background: #fff; color: #000; }
#fslnav .body {
	background-color: #E3EFFB;
	padding: 5px;
	padding-left: 10px;
}
#fslnav .spacer {


}
/* Error Classes */

.MaskedEditError
{
    background-color: #ffcccc;
}

/* Datepicker classes */

.calDayA {
	vertical-align:top;
	font-size:10px;
	text-align:left;
	padding:4px;
	background-color:#FFFFFF;
	border: 1px solid #c3b694;
}

.calOtherMonthA {
	background-color:#ccf3fb;
	
	vertical-align:top;
	font-size:10px;
	text-align:left;
	padding:4px;
	border: 1px solid #c3b694;
}

.calTitle td {
	color: #FFFFFF;
	height: 20px;
	font-size: 14px;
}
.datepicker {
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #cccccc;

}
.datepick a {
	display: block;
	height: 20px;
}

.calToday {
	background-color:#FFFFCC;
	vertical-align:top;
	font-size:10px;
	text-align:left;
	padding:4px;
}
.calDay {
	vertical-align:top;
	font-size:10px;
	text-align:left;
	height:80px;
	padding:4px;
}

.calDayTitle {
	background-color:#006db7;
	font-weight: bold;
	color: #ffffff;
}
.calOtherMonth {
	background-color:#e6e6e6;
	opacity:.75;
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	vertical-align:top;
	height:80px;
	font-size:10px;
	text-align:left;
	padding:4px;
}

.calTitle {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #740240;
}
.calTitle td {
	color: #FFFFFF;
	height: 20px;
	font-size: 14px;
}


hr {
	color: #524211;
	size: 1px;
	height: 1px;
}
.text-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #cccccc;

}
.text-box-100 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #cccccc;
	width: 99%;

}
.text-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #cccccc;
	background-color: #000000;
	color: #ffffff;
	padding-left:10px;
	padding-right:10px;
	overflow:visible;
}
.text-buttond {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #cccccc;
	background-color: #ec0404;
	color: #ffffff;
	padding-left:10px;
	padding-right:10px;
	overflow:visible;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.announce-holder {

}
.announce-title {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;

}
.announce-body {

}
.announce-all {

}
.announce-holder .horrule {
border-bottom: 1px solid #cccccc;
margin-bottom: 10px;
padding-bottom: 20px;
background: none;

}
.title {  }

.heading {
	font-size: 12px;
	font-weight: bold;
	color: #006ab5;
	padding-bottom: 2px;
}

.cart-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7a003c;
	border: 1px solid #000000;
}
.text-box-100 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width:98%
}
.text-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
}
/*Featured Properties*/

div.listings { background: #ddd; padding-bottom: .25em; }
p.subHead { font-weight: bold; background: url(../images/callout2_top.gif); line-height: 36px; padding: 0 20px; color: #fff; margin: 0; }
div.listings table tr td { padding: .5em .25em .5em 1em; }

/*Listing Detail*/
table.listingDetail { margin-top: 20px; }
table.listingDetail p { margin-top: 0; }
tr.details { padding: 5px; background: #2d6ccb; }

table.slideButtons tr td { color: #fff; font-size: 10px; padding: 10px 2px!important; }

.subheading { font-weight: bold; margin-top: 20px; padding: .3em; border-bottom: 1px solid #eee; clear: both; color: #fff; background: #2f337d; }

div.details { text-align: left; margin: 0 10px; width: 650px; overflow: hidden; }
div.details .photos { float: right; xxxbackground: #f6f6f6; padding: 22px; }

.headerPopup { background: url(/Listings/images/popup_header.jpg) repeat-x; }
.headerPopup img { margin: 0; padding: 0; border: 0; }
.headerPopup p { font-size: 10px; color: #2f337d; margin-top: 0; padding: .25em; background: #f6f6f6; xxxborder-top: 1px solid #2f337d; xxxborder-bottom: 1px solid #2f337d; }
.headerPopup a { color: #2d6ccb; }

.details table { margin-bottom: 20px; width: 300px; border-collapse: collapse; padding: 10px; float: left; }
.details table tr { vertical-align: top; margin: 5px 0; background: transparent; }
.details table tr td { padding: .5em .25em; background: #f6f6f6; border-top: 1px solid #fff; }
.details table tr td:first-child { width: 100px; text-align: right; font-weight: bold; background: transparent; }

td.photo { background: #f6f6f6; padding: 10px; }

/*modal popup*/
.modalContainer div { padding: 20px; overflow: hidden; background: #fff; border: 1px solid #666; }
.modalContainer table { margin-bottom: 10px; }
.modalContainer table tr td { text-align: left; vertical-align: top; }
.modalContainer table tr td:first-child { text-align: right; font-weight: bold; }
.modalContainer input { padding: .25em .5em; background: #2d6ccb; }
.modalContainer .text-box { background: #eee; }

/*RSS */
div.rssItem { margin-right: 70px; border-bottom: 1px solid #ccc; padding: 20px; overflow: hidden; }
div.rssItem img { float: left; margin: 0 15px 15px 0; }
xxxdiv.rssItem:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
 }
