﻿/* CSS Document */
a {cursor:pointer;}
body{height: 100%;margin: 0px;padding: 0px;background-color: #2552af;background-image: url(../images/bgtile.jpg);background-repeat: no-repeat;background-position: top center;}
div {margin:0px; padding:0px; text-align:left; z-index:0;}
h1 {margin: 0px; padding:0px;}
h2 {margin: 0px; padding:0px; letter-spacing:1.5px; color:#145170; font: bold normal 14px "Georgia", Geneva; font-weight: bold;  }
h3 {margin: 0px; padding:0px;}
iframe{margin:0px; padding:0px;}
img {border:0; margin: 0px; padding:0px;}
form {margin: 0px; padding: 0px;}
object {border:0; margin: 0px; padding:0px; z-index:1;}
.b0 {border: 0px; }
ul {display:inline; margin:0px; padding:0px; list-style:none; z-index:2;}
li {list-style:none; margin:0px; padding:0px; z-index:2;}
a span { display:block;width:auto; }
a span img { display:inline}

/***************************************************** STRUCTURE *****************************************************/
#mainContainer{width: 1000px; height: 100%; margin: 0px auto; background-image: url(../images/bgtop.gif); background-repeat:repeat-x;}
#logo{display:inline; float:left; clear:both; width: 1000px; height: 127px; text-align:center;}
#center{display:inline; float:left; clear:both; width:100%; height:100%; background-color: #ffffff; padding:8px 0px 8px 0px; background-image: url(../images/carolebg.gif); background-repeat:repeat-y;}
#leftColumn{display:inline; float:left; clear:left; width: 761px; text-align: justify; height: 100%; padding-left:8px;}
#rightColumn {display:inline; float:left; clear:right; width:226px; height: 100%; padding-left:5px; }
#footer {display:inline; float:left; width: 1000px; height: 110px; background:transparent; margin: 0px auto;}

/***************************************************** TOP NAV *****************************************************/
#topOptions{display: inline; float: left; clear:both; width: 990px; height: 27px; margin-top: 8px; text-align:right; padding-right:10px;}
.optionsTop{display: inline; width: auto; height: 27px;}
#nav{display:inline; float:left; width:1000px; height:49px; position: relative;}
#nav ul {display:inline; float:left; margin: 0px; padding: 0px; list-style:none; z-index:2; width:1000px; position: absolute; top:0px; left:0px;}
#nav ul li {display:inline; float:left; margin: 0px; padding: 0px; list-style:none; z-index:2; position: relative;}

/***************************************************** RIGHT PANEL *****************************************************/
#startsearch {display: inline; width: 223px; height: 240px; background-image: url(../images/featprop_bg.gif); background-repeat: no-repeat; Float: left;  padding: 0px 0px 0px 0px; }
.comboBox{display:inline; float:left; clear:both; padding: 7px 0px 0px 11px; }
.menuOptions2{display: inline; float: left;  width: 223px; height: 101px;}
.separator{display: inline; float: left; width: 220px; height: 6px;}
.news { display: inline; float: left; width: 203px; height: auto; background-image: url(../images/bg_news.gif); background-repeat:repeat-y; }

/******************** START DROPLIST ********************/
.sf-menu, .sf-menu * {margin:0;padding:0;font-weight:bold;cursor: pointer;width: 196px;float:left;}
/* MENU FIRST ITEM CSS */
.sf-menu ul {position:absolute;top:-999em;left:0px;width:196px; height:200px;overflow:auto;background-color: #ffffff;}
.sf-menu li {background:#FFFFFF;position: relative;width:196px;padding:2px;}
/* MENU BUTTON CSS */
.sf-menu a.sf-with-ul {width:183px;background-color: #ffffff;height:15px;}
/* LINK COLOR */
.sf-menu a, .sf-menu a:visited  {
	display: block;
	cursor: pointer;
	background-color: Transparent;
	color: #4c4c43;
	width:183px;
	padding:3px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	FONT-WEIGHT:normal;	
	FONT-SIZE: 11px;	
	FONT-FAMILY: Georgia, Helvetica, Arial, sans-serif;	
	LETTER-SPACING: 0px;
}
/* MENU ITEMS CSS */
.sf-menu ul.ItemsDropDown li {width:172px;clear:both;padding:2px;}
.sf-menu ul.ItemsDropDown li a {text-decoration: none;width:168px;}
/* MENU ITEM ON HOVER */
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background-color: #ecf5fa;color: #4c4c43; outline:0;text-decoration: none;z-index: 4;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	border-right: 1px solid #ebebea;
	border-bottom: 1px solid #ebebea;
	border-left: 1px solid #ebebea;
	left:0;
	top:1.8em; /* match top ul list item height */
}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:10em; top:0; /* match ul width */}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
.sf-sub-indicator {
	position:absolute;
	display:block;
	right:.75em;
	top:1.05em;
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:-10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*****************************************************  FEATURED PROPERTY STYLES *****************************************************/
#featPropDiv{ float:left;   width: 223px; height: 270px; background-image: url(../images/featprop_bg.gif); background-repeat: no-repeat;}
.featuredDiv01{ text-align: left; width: 223px; float: left; display: inline; height: 270px; } /*  DIV OR TD CONTAINING THE FEATURED  PROPERTY MODULE */
.featImgDiv{width: 223px; height: 130px;  background-image: url(../images/featprop_bg); } /*     DIV CONTAINING JUST THE IMAGE      */
.featTextDiv{width: 223px; height: auto; min-height: 95px; margin: 0px auto;}
.featOptionsDiv{text-align: right; width: 218px; vertical-align: middle; height: 45px; margin-left: 8px;}
.featIMG{width: 196px; height: 115px; border: 0px; margin: 10px 7px 7px 10px;} /*     CLASS THAT CONTROL THE FEATURED IMAGE      */
.featText01{font-family: Georgia ; font-size: 11px; color: #145170; text-align: left; padding: 5px 5px 0px 10px;} /* TEXT INSIDE OF THE FEATURED PROPERTY */
.featText01 A{color: #145170; font-size: 13px; font-weight: bold;  text-decoration: none;}
.featText01 A:hover{color: #145170; font-size: 13px; font-weight: bold; text-decoration: none;}
.featOptionsClass01{display: inline; width:87px; height: 31px; float: right; padding-right:15px;}
.featOptionsClass02{display: inline; width:50px; height: 40px; float: left; margin-top: 4px; padding-left:0px;}
.featOptionsClass03{display: inline; width:50px; height: 40px; float: left; margin-top: 4px; padding-left:0px;}

/*--------------------REAL ESTATE NEWS STYLES --------------------*/
#reBack{ height: 30px; margin-top: 50px; }
#crRN{float: left; width: 65px; height: 50px; vertical-align: bottom;}
#reNews{float: left; text-align: left; height: auto;}
.reNews{font: 11px/14px Georgia; color: #145170; text-align: left; padding: 15px 7px 0px 10px; }    
.reNews A{font: 11px/14px Georgia; font-weight: bold;  color: #145170; text-decoration: none;}
.reNews A:hover{font: 11px/14px Georgia; font-weight: bold;  color: #145170; text-decoration: underline;}

/***************************************************** FOOTER *****************************************************/
#footer {display:inline; float:left; width: 1000px; height: 110px; background:transparent; margin: 0px auto;}
.ftBox1 {display:inline; float:left; clear:left; width:90px; height:90px; padding: 10px 7px 0px 0px;}
.ftBox2 {display:inline; float:left; width:310px; height:90px; margin:13px 20px 10px 20px;}
.ftBox3 {display:inline; float:right; clear:right; width:160px; height:40px; padding: 7px 0px 0px 0px;}
.ftBox4 {display: inline; float:right; clear:right; width:500px; height:61px; margin: 7px 0px 0px 0px;}
#mbf {padding-top: 4px;}
.ftTxt { font-family: Trebuchet MS, serif; font-size: 11px; line-height: 13px; color: #ffffff; margin: 0px; background-color: transparent;}

/***************************************************** TEXT STYLES *****************************************************/
.areasClass01{ padding: 60px 0px 0px 25px; font-family: Myriad; font-size: 12px; color: #145170; line-height: 21px; }
.areasClass01 A{color: #ffffff; font-weight: bold;  text-decoration: none;}
.areasClass01 A:hover{color: #ffffff; font-weight: bold; text-decoration: underline;}
.homeText{font-family: Georgia; font-size: 14px; color: #145170; line-height: 22px;}
.homeText A{color: #145170; font-weight: bold;  text-decoration: none;}
.homeText A:hover{color: #145170; font-weight: bold;  text-decoration: underline;}

/*************** NEW 2010 RESOURCE CENTER ******************/
.res-in                                     { display:inline; width: 182px; height: 180px; float:left; padding: 15px 0px 0px 20px; }
#resources                                  { display:inline; float:left; width:730px; height:700px;}
#resources a img, #resources a              { border: none; overflow: hidden; float: left; }
#resources a:hover                          { border: 7px solid #2989bc; } /* EFFECT HOVER - Background */
#resources a:hover img                      { margin: -7px; }

.resbg                                      { background: #ecf5f9;} /* NOEFFECT - Background */
.resmarLFT                                  { display: inline; float: left;  padding: 26px;} /* Right Space for Each Box */
.resmarLFT4                                 { display: inline; float: left;  padding: 10px;} /* Right Space for Each Box */
.resmarTOP                                  { clear: both; padding-top: 45px; } /* Top Space for Each Box */
.fullmrgLFT                                 { margin-left: 30px;} /* Margin Left from all boxes */
.fullmrgLFT4                                { margin-left: 10px;} /* Margin Left from all boxes */

#resources2                                  { display:inline; float:left; width:730px; height:700px;}
#resources2 a img, #resources2 a             { border: none; overflow: hidden; float: left; }
#resources2 a:hover                          { border: 3px solid #d0d0d0; } /* EFFECT HOVER - Background */
#resources2 a:hover img                      { margin: -3px; }
.resmarTOP2                                  { clear: both; padding-top: 25px; } /* Top Space for Each Box */
