/* CSS Document */
* {margin:0; padding:0}

body {

	font-size:100%;
	height:100%;
	background: #eff2ff url(../images/bodyBg.png) repeat-y 50% 0;
}

#wrapper {
	
	height:100%;
	margin:0 auto;
	width:970px;
	background-color: #eff2ff;
}

#header {

	margin:0;
	height:139px;
	background-image:url(../images/sscHeaderTop.jpg); background-repeat: no-repeat;
}

#main {

	width:970px;
	background-color: #eff2ff;
	margin-top:-2px;
}

#content {

	float:left;
	width:670px;	
	background-image:url(../images/contentBg.jpg);
	background-repeat: repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#homePageIntro {

	float:left;
	width:625px;
	margin:10px;
	padding:10px;
	border:1px solid #b3d1db;
	background-color:#fff;
}

#homePageIntro h1 {
	
	font-size:190%;
	color:#42619f;
	border-bottom:1px dotted #999;
	background-image:url(../images/yellH1.png);
	background-repeat:repeat-x;
}

#hpiContainer {

	float:left;
	width:510px;
}

#specialOffers {

	float:right;
	width:110px;
	text-align:center;
	margin:0;
}

#featuredProperty {

	float:left;
	width:625px;
	margin:10px;
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #b3d1db;
	background-color:#fff;
}

#featuredProperty h1 {

	font-size:150%;
	color:#42619f;
	border-bottom:1px dotted #999;
	background-image:url(../images/yellH1.png);
	background-repeat:repeat-x;
}

#featuredProperty h2 {

	font-size:110%;
	color:#069;	
	margin-bottom:5px;
}

.featuredPropertyText {

	float:left;
	width:350px;		
}

.featuredPropertyText2 {

	float:left;
	text-align:left;
	width:150px;
	margin:20px 0 0 0;
	padding:10px;
	background-color:#eff2ff;
	
}

.featuredPropertyText a, .featuredPropertyText2 a {

	border:none;
	color:#069;
	text-decoration: underline;
}

.featuredPropertyText a:hover, .featuredPropertyText2 a:hover {

	color:#F90;
	text-decoration: underline;
}

#featuredPropertyImageBox {

	float:right;
	width:250px;
	margin-left:10px;
	border:1px solid #b3d1db;
	padding:5px;
}

#communitySummary {
	
	float:left;
	width:625px;
	margin:10px 10px 20px 10px;
	padding:10px;
	border:1px solid #b3d1db;
	background-color:#fff;
}

#communitySummary h1 {

	font-size:150%;
	color:#42619f;
	border-bottom:1px dotted #999;
	background-image:url(../images/yellH1.png);
	background-repeat:repeat-x;
}

#communityContainer {

	float:left;
	vertical-align:top;
	width:175px;
	margin:15px 10px 0 0;
	padding:10px;
	border:1px solid #b3d1db;
	background-color:#fff;
	
}

#communityContainer h2 {

	font-size:.8em;
	color:#42619f;
	border-bottom:none;
}

#communityContainer p {

	font-size:.7em;
	color:#069;
}

#communityContainer a {
	
	border:none;
	color:#069;
	text-decoration:underline;
}

#communityContainer a:hover {

	color:#F90;
	text-decoration:underline;
}

#communityContainer img {
	
	border:none;
}

#communityContainer p a:hover {

	color:#fc6;
	text-decoration:underline;
}

#communityContainer #icon {
	
	float:left;
}

#rightCol {

	float:right;
	width:300px;
	/*background-image:url(../images/rightColBg.jpg);
	background-repeat: repeat-y; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:.85em;
	background-color: #eff2ff;
}

.rightColBox {

	width:280px;
	float:left;
	margin:10px 0 0 10px;
	background-color:#fff;
	border:1px solid #b3d1db;
}

.rightColBox p {

	margin:10px 0 0 15px;
}

.rightColBox p span {

	font-size:.8em;
}

.rightColBox #icon {

	float:left;
	margin:10px;
}

.rightColBox img {

	border:none;
}

.rightColRss {

	float:left;
	margin:15px 0 0 10px;
	width:270px;
	padding:5px;
	border:1px solid #b3d1db;
	background-color:#fff;
}

#rightColImg {

	float:left;
	margin:15px 0 15px 10px;
	width:280px;
}

#rightColImg img {

	border:none;
}

.rightColRss a {

	color:#069;
	text-decoration:none;
	background: transparent url(../images/blogItem.png) left 55% no-repeat;
    display: block;
    text-decoration: none;
    padding:0 0 0 25px;
}

.rightColRss a:hover {

	color:#F90;
	text-decoration:underline;
}

.rightColRss h1 {

	font-size:130%;
	color:#42619f;
	border-bottom:1px dotted #999;
	background-image:url(../images/yellH1.png);
	background-repeat:repeat-x;
}

.rightColFormText {

	width:200px;
	text-align:left;		
	float:left;
}

.rightColFormContent {

	width:200px;
	text-align:left;
	float:left;
	margin-left:5px;
}

.labelcell {

	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #669;
	
	
}

.fieldCell {

	padding:8px 5px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #069;
}


/* Vertical Accordions */
		
.accordion_toggle {

	display: block;
	cursor: pointer;
}

.accordion_toggle_active {

	cursor: pointer;
}

.accordion_content {
	
	overflow: hidden;
	margin-bottom:15px;
}

.submitBtn {

	text-align:right;
	margin-top:5px;
}

#weatherForecast {

	float:left;
	margin-top:15px;
	text-align:center;
	width:270px;
	background-color:#eff2ff;
}

.weatherBox {

	float:left;
	text-align:center;
	width:250px;
	padding:5px;	
}

.forecastBox {

	float:left;
	text-align:center;
	width:127px;
	padding:3px;		
}

#navBar {

	background-image:url(../images/sscHeaderBottom.jpg);
	background-repeat: no-repeat; background-position:top;
}

.introText {

	color:#42619f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:22px;
	font-size:.9em;
}

.mainText {

	color:#069;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:.85em;
}

.mainText p {

	padding:5px;
}

/* FOOTER --------------------------------------------------------------- */
#footerContainer {

	margin-top:-2px;
    background: #eff2ff url(../images/footerBig.jpg) no-repeat;
    padding:0;
	height:260px;
	border-top:1px solid #669;
	border-bottom:1px solid #c6d1ff;
	
}

#footer {

    margin: 0 auto;

    width: 880px;

}

#footer h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

    background: transparent url(../images/footerBgH2.png) left center repeat-x;

    display: block;

    color: #669;

    text-align: center;

    border-top: 1px solid #c6d1ff;

    border-bottom: 1px solid #c6d1ff;

    padding: 2px 0;

    font-weight: normal;

    margin: 20px 0 20px 0;
	
	font-size:.9em;

}

#footer p {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #99c;
}

#itemsContainer {

    margin: 0;

    width: 540px;	

    float: left;

}

#itemsContainer #itemsA {

    margin: 0 24px 0 0;

    width: 258px;	

    float: left;

}

#itemsContainer #itemsB {

    margin: 0;

    width: 258px;

    float: left;

}

#itemsContainer #itemsA ul, 

#itemsContainer #itemsB ul {

    text-align: left;

    border-top: 1px dotted #524E4E;

    margin: 0;

    padding: 0;

    float: left;

}

#itemsContainer #itemsA ul li, 

#itemsContainer #itemsB ul li {

    padding: 0;

    margin: 0;

    display: block;

    width: 258px;

    float: left;
	
}

#itemsContainer #itemsA ul li a, 

#itemsContainer #itemsB ul li a {

    background: transparent url(../images/favorites.png) left 55% no-repeat;

    border-bottom: 1px dotted #524E4E;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #669;

    display: block;

    text-decoration: none;

    padding: 7px 0 7px 20px;

    margin: 0;

    width: 242px;
}

#itemsContainer #itemsA ul li a:hover, 

#itemsContainer #itemsB ul li a:hover {

    background-color: #d6deff;

    color: #fff;

    text-decoration: none;

    display: block;

}

#itemsC {

    margin: 0 6px 0 24px;

    width: 304px;

    float: left;
	
}

#itemsCContent {

    margin: 0 0 10px 0;

    padding: 0;

    float: left;

    text-align: center;

    width: 100%;

}

#itemsCContent p {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #8da2ff;

    margin: 0;

    padding: 0 0 10px 0;

    clear: left;

}

#credit {float:right; width:420px;color:#ccc; font-size:75%; font-family:Verdana, Arial, Helvetica, sans-serif;}
#credit a {color:#999; text-decoration:underline;}
#credit a:hover {color:#fc6; text-decoration:underline;}
#valid {float:right; margin:5px 10px 0 0;}
#valid img {margin-left:5px;}

div.clearfloats {clear:both; border:solid 1px #000; visibility:hidden;}
/*<div class='clearfloats'><!--clear the float--></div>*/

/* for Internet Explorer min-width & min-height problem */
/*\*/
* html #header {}
/**/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 span{
	visibility: hidden;
}

/*.sIFR-hasFlash h2 {
	visibility: hidden;
}*/

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(../images/pro_drop4_2a.gif);}
.preload1 {background: url(../images/pro_drop4_2b.gif);}

.prodrop4 {list-style:none; height:36px; background:transparent url(../images/pro_drop4_back.gif); position:relative; z-index:500; font-family:Verdana, Arial, Helvetica, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color: #006; text-decoration:none; font-size:11px; padding:0 0 0 10px; cursor:pointer;background: url(../images/pro_drop4_0a.gif) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 22px 0 16px; height:36px;background:url(../images/pro_drop4_0b.gif) right top;}
.prodrop4 li a.top_link:hover {color:#006; background: url(../images/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(../images/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#006; background: url(../images/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(../images/pro_drop4_2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:195px;}
.prodrop4 ul.sub2 {width:110px;}
.prodrop4 ul.sub3 {width:120px;}
.prodrop4 ul.sub4 {width:180px;}

.prodrop4 :hover ul {left:0; top:35px; background: #b9d3fb; padding:3px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:10px; height:20px; line-height:20px; width:auto; padding:0 20px; color:#006; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#3a93d2; color:#fff;}