﻿/* CSS Document */
a {cursor:pointer;}
body {padding: 0px; margin: 0px; background: #ffffff;}
div {margin:0px; padding:0px; text-align:left; z-index:0;}
h1 {margin: 0px; padding:0px;}
h2 {margin: 0px; padding:0px;}
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; }
.inline { float: left; display: inline; }
.fLeft { float: left; }
.fRight { float: right; }
.m10{ margin:10px; }
.m20{ margin:20px; }
.p0{ padding:0px; }
.p10{ padding:10px 0px 10px 10px; }
.p20{ padding:20px 0px 20px 20px; }
ul {margin: 0; padding: 0; list-style:none; z-index:2;}
ul li {margin:5px 0px 5px 0px; list-style:none; padding: 0; z-index:2;}
a span { display:block;width:auto; }
a span img { display:inline}

/***************************************************** STRUCTURE *****************************************************/
#container{ width:1000px; margin:0px auto; }
#top{display:inline; float:left; clear:both; width:1000px;}
#center{display:inline; float:left; clear:both; width:1000px;}
#leftColumn{display:inline; float:left; clear:left; width: 770px; height:100%;}
#rightColumn{display:inline; float:left; clear:right; width:230px; height:100%;}

/***************************************************** RIGHT PANEL *****************************************************/
.rightColumnPanel{ width:187px; border:1px solid #eff1f4; margin-top:20px; background:url(../images/rightPanelBG.gif) no-repeat top;}
#news {padding-top:10px;display:inline; float:left; clear:left; width: 201px; height:100%; text-align:justify; }
#SearchNow{float:right; padding-top:20px;}
.excommPanel{height:90px; padding:20px 0px 0px 20px; border:1px solid #eff1f4; margin-top:20px; background:url(../images/rightPanelBG.gif) repeat-x top #eff1f4;}
#featuredPanel{display:inline; float:left; clear:both; height:306px; width:209px; margin:20px 0px 20px 0px; padding:20px 0px 0px 20px; background:url(../images/rightPanelBG.gif) repeat-x top #eff1f4; border:1px solid #eff1f4;}
.featured{display:inline; float:left; clear:left; height:100%; width:213px;}
#rePanel{display:inline; float:left; clear:both; height:100%; width:209px; margin:20px 0px 20px 0px; padding:20px 0px 0px 20px; background:url(../images/rightPanelBG.gif) repeat-x top #eff1f4; border:1px solid #eff1f4;}
.loginPanel{height:220px; padding:20px 0px 0px 20px; border:1px solid #eff1f4; margin-top:20px; background:url(../images/rightPanelBG.gif) repeat-x top #eff1f4;}
.loginBox{ width:200px; }
.loginField{ width:180px; }

/***************************************************** TOP NAV *****************************************************/
#nav{display:inline; float:left; width:1000px; height:55px; 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;}

/**********************FEATURED PROPERTY DISPLAY***************************/
.marginFeatW {width:100%; float: left; padding: 10px 0px 0px 8px; }
.featWindow { width: 227px; height: 332px; float: left; background:url(../images/featuredBg.gif) no-repeat; }
/********DIV CONTAINING PROPERTY MODULE*****/
#featPropDiv { width: 189px; float: left;}
.featuredDiv01 { width: 189px; height: auto; float: left; }

/*****DIV CONTAINING THE IMAGE***/
.featImgDiv { float: left; display: inline; width: 189px; margin:10px 0px 10px 0px; }

/********IMAGE CLASS*****/
.featIMG { width: 188px; height: 118px; border: #c0c1c4 solid 1px; } 

/********FEAT TEXT CONTAINER*****/
.featTextDiv { width: 187px; float: left; height: 110px; } 
.featTxtPad {width:100%; float: left; padding: 5px 15px 0px 15px; }

/********FEAT OPTIONS CONTAINER**/
.featOptionsDiv { float: left; width: 189px; }
.featOptionsClass01 { display: inline; float: right; width:77px; height:15px; }
.featOptionsClass02 { display: inline; float: left; padding: 7px 0px 0px 0px; width:100%;}
.featOptionsClass03 { display: inline; float: left; padding: 7px 0px 0px 0px; width:100%;}

/********FEAT TEXT STYLES********/
.featText01 { font: 11px/17px Arial, Verdana, Helvetica, sans-serif; color: #6a7177; }
.featText01 A { color: #6a7177; text-decoration: none; }
.featText01 A:hover { color: #e97300; text-decoration: none; }
.padFeatTxt {  padding: 0px 0px 0px 0px; }

/***************************************************** DROPDOWN LISTS ********************/
.sf-menu, .sf-menu * {margin:0;padding:0;font-weight:bold;cursor: pointer;width: 188px;float:left;}
/* MENU FIRST ITEM CSS */
.sf-menu ul {position:absolute;top:-999em;left:0px;width:188px;height:200px;overflow:auto;background-color: #ffffff;}
.sf-menu li {background:#FFFFFF;position: relative;width:188px;padding:2px;}
/* MENU BUTTON CSS */
.sf-menu a.sf-with-ul {width:173px;background-color: #ffffff;height:15px;}
/* LINK COLOR */
.sf-menu a, .sf-menu a:visited {
display: block;
cursor: pointer;
background-color: Transparent;
color: #4c4c43;
width:173px;
padding:3px;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
FONT-WEIGHT:normal;
FONT-SIZE: 11px;
COLOR: #4c4c43;
font: 13px/20px Arial, Helvetica, sans-serif;
LETTER-SPACING: 0px;
}
/* MENU ITEMS CSS */
.sf-menu ul.ItemsDropDown li {width:165px;clear:both;padding:2px;}
.sf-menu ul.ItemsDropDown li a {text-decoration: none;width:auto;}
/* 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: #d3d3c9;
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; /* match ul width */
top:0;
}
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*/
}

/***************************************************** FOOTER *****************************************************/
#footer{display:inline; float:left; clear:both; width:1000px;}
#footerleft {display:inline; float:left; width:680px;}
#footerRight {display:inline; float:left; width:315px;}
#footerTag{display:inline; float:left; width:460px; margin-left:20px;}

/***************************************************** TEXT STYLES *****************************************************/
.txt01 { font: 14px/20px Arial, sans-serif; color: #333333; }
.txt01 a{ text-decoration:none; color: #333333; }
.txt01 a:hover{ color: #2d568d; }
.txt02 { font: 13px/19px Arial, sans-serif; color: #333333; }
.txt02 a{ text-decoration:none; font-weight:bold; color: #2d568d; }
.txt02 a:hover{ color: #000000; }
.txt03 { font: 16px/21px Arial, sans-serif; color: #333333; }
.txt03 a{ text-decoration:none; font-weight:bold; color: #2d568d; }
.txt03 a:hover{ color: #000000; }
.txt04 { font: 14px/20px Arial, sans-serif; color: #FFFFFF; }
