/* CSS Document */
a {cursor:pointer; margin: 0px; padding:0px;}
body {padding: 0px; margin:0px; background: #ffffff url(../images/bg.jpg) repeat top center;}
div {margin:0px; padding:0px; text-align:left;z-index:1;}
form {margin: 0px; padding: 0px; }
H1 {margin: 0px; padding:0px;}
H2 {margin: 0px 0px 0px 0px; padding:0px; width:100%; }
H3 {margin: 0px; padding:0px; width:100%; }
H4 {margin: 0px; padding:0px;}
img { border:0px; margin: 0px; padding:0px;}
ul {margin: 0; padding: 0; list-style:none; z-index:2;}
li {list-style:none; list-style-image:url(../images/bullet.gif); list-style-position:inside; margin:0px; padding:0px;}
select {background-color:#FFFFFF; border:0px;}

.inline{ display:inline;  }
.fleft{float:left;}
.fright{float:right;}
.m5{ margin:5px 0px 5px 5px; }
.m0{ margin:0px; }
.m10{ margin:10px 0px 10px 10px; }
.m15{ margin:15px 0px 15px 15px; }
.m20{ margin:20px 0px 20px 0px; }
.p10{ padding:10px 0px 10px 10px; }
.p20{ padding:20px 0px 20px 20px; }
.p30{ padding:30px 0px 30px 30px; }

.txt13{ font: 13px/19px Arial, sans-serif; color: #6a7177; line-height:15px; }
.txt13 a{ text-decoration:none; color: #6d6d6d; }
.txt13 a:hover{ color: #6d6d6d; }

.txt14{ font: 14px/17px Arial, sans-serif; color: #464646; line-height:17px; }
.txt14 a{ text-decoration:none; color: #66920d; }
.txt14 a:hover{ color: #66920d;text-decoration:underline; }

.txt15{ font: 13px/15px Arial, sans-serif; color: #6a7177; line-height:17px; }
.txt15 a{ text-decoration:none; color: #6d6d6d; }
.txt15 a:hover{ color: #6d6d6d; }

.txt10{ font: 12px/12px Arial, sans-serif; color: #898989; line-height:14px; }
.txt10 a{ text-decoration:none; color: #666666;  font-weight: bolder;}
.txt10 a:hover{ color: #66920d; text-decoration:none; font-weight: bolder; }

.txtfooter{ font: 13px/15px Arial, sans-serif; color: #bbbbbb; line-height:21px; }
.txtfooter a{ text-decoration:none; color: #ffffff; }
.txtfooter a:hover{text-decoration:underline }

.txtfeatareas  {font: 12px/14px Arial, sans-serif; color: #615f5f; line-height:18px; }
.txtfeatareas a{text-decoration:none; color: #6d6d6d; }
.txtfeatareas a:hover{ color: #6d6d6d; text-decoration:underline }

#topContainer{ margin:auto; width:987px; height:180px; background: transparent url(../images/topbg.jpg) no-repeat top left;}
#topContainerH{ margin:auto; width:987px; height:485px; background: transparent url(../images/topbg.jpg) no-repeat top left;}
#topContainerMap{ margin:auto; width:987px; height:207px; background: #ffffff;}
#bottomContainer{ margin:auto; width:987px; height: 100%; background-color: #ffffff;}
h1#top{display:inline; float:left; clear:both; height:110px; width: 998px; }
div#flash{margin:auto; width:987px; height: 317px;}
.flashgallery {display: inline; float: left; width: 987px; height: 317px; z-index: 999;}
.logo {margin-left: 20px; margin-top: 20px;}
div#nav{display:inline; float:left; width:987px; height:60px; position: relative; background: transparent;}
div#nav ul {display:inline; float:left; margin: 0px; padding: 0px; list-style:none; z-index:2; width:987px; position: absolute; }
div#nav ul li {display:inline; float:left; margin: 0px; padding: 0px; list-style:none; z-index:2; position: relative;}
#leftColumn{display:inline; float:left; clear:left; width:762px; height: 100%; background-color: #ffffff;}
#rightColumn{display:inline; float:right; clear:right; width:225px; height: 100%; background: #ffffff; position: relative;}
.areaPanels{ height:271px; width:755px; border:1px solid #d6d6d6; margin-top:10px; }
.carousel{ width:755px; height:210px; margin-top:10px; }
div#footer{margin: 0px auto; clear:both; width:100%;}
div#footer2{margin: 0px auto; clear:both; width:987px; height:179px; background: #646464 url(../images/footer.gif) no-repeat top left;}
div#footer3{margin: 0px auto; clear:both; width:987px; height:179px; background: #ffffff; z-index: -1; position: relative; top:-150px;}
.mapBox{ position:relative; top:207px; left:0px; }
.follow{ list-style:none; float:left; width:225px; border-bottom:1px solid #d6d6d6; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; }
.follow li{ list-style:none; float:left; margin:10px 0px 0px 10px; }
#interactiveTransitMap{ margin:10px 0px 0px 0px; padding-bottom:10px; border-bottom:1px solid #d6d6d6; }

.footer2 {padding:0px;}
#resilogo {width: 185px; height: 36px; float: right;  margin-top: 35px;}
#ewmlogo {display: inline; float: left; margin-left: 640px; margin-top: -55px; z-index: 3;}

.links {display: inline; width: 225px; height: 50px; float: left; margin: 30px 0px 0px 60px;}
.linksp {margin-left: 15px;}

div.carousel{display:inline; float:left;}
div.carousel ul {display:inline; float:left; margin: 0px; padding: 0px; list-style:none;}
div.carousel ul li {display:inline; float:left; padding: 0px; width:169px; list-style:none;}

.carouselSpace { margin: 0px 12px 0px 0px;}
.carouselPhoto{ margin:0px; padding-bottom:5px; border-bottom:1px solid #d6d6d6; }


.bannersright{ width:225px; height: auto;}
.banners {display:inline; clear:both; margin:0px; padding: 0px; }
.spacebann {display: inline; float: left; width: 223px; height: 7px;}
.banners2{display:inline; clear:both; margin-left: 0px;}
.banners3{display:inline; clear:both; margin-left: 0px;}
.rightTitles{ margin: 20px 20px 10px 15px; width: 220px; padding:0px; } 
.rightTitles2 { margin-top: 15px; width: 220px; padding:0px; } 
.comboBoxes{ margin:0px 0px 2px 10px;}
.searchBttn{ margin-left:8px;}
div#QuickSearch {display: inline; float: left; height:270px; width: 245px; margin: 60px 0px 0px 0px;}
div.quickSearchPanel {display:inline; clear:left; position: relative; float: left;}
#navQS {display: inline; float: left; margin-left: 0px; border:0px solid #fff; width: 80px;}
.mlxField {border:0px solid #fff; background: transparent; width: 150px; color: #fff; height: 30px; padding:8px 0px 0px 20px;}


.aaquickmls {display: inline; float: left; width: 235px; height: 27px;}
.aaquickmls form {display: inline; float: left; border:0px solid #fff; padding: 0px; height:18px; width: 150px; background: #fff;}
.aaquickmls input {display: inline; float: left; border:0px solid #fff; width: auto; height: 18px;}
.aasrchicon {display: inline; float: left; width: 30px; height: 30px;}

.inf2search {display:inline; float: left; width:30px; height:30px; margin: 0px; padding: 0px; border: 0px; background: url(../images/mls-quick-search-btn.gif) no-repeat left top;}

.bannerft {display: inline; float: left; width: 720px; height: 120px; padding-bottom: 25px; margin-left: 20px; border-bottom:1px solid #e3e3e3;}
.bannerft2 {display: inline; float: left; width: 750px; height: 120px; padding-top: 35px;}
.titles{ margin-top:20px; margin-left: 20px; width:700px; border-bottom:1px solid #e3e3e3; }
.contentPanel{ width:720px; }
div.homeTitle {margin: 0px 0px 0px 10px; padding: 0px;}
div.titleh {width: 670px; height: 25px; margin-left: 20px;}
div.titlehsm {width: 670px; height: 20px; margin-left: 20px;}
div.titleh2 {width: 670px; height: 20px;}
.homePanel{ width:740px; height: auto; margin:0px; padding-right:5px; float:left; background: #ffffff; }
.homePhoto{ clear: left; float: left; margin:0px 20px 10px 0px; width: 234px; height: 234px;}
.bioPhoto{ clear: left; float: left; margin:0px 10px 10px 0px; width: 310px; height: auto;}
.pagePhotos{ margin-bottom:10px; }
.fieldsetArrow{ background:url(../images/downArrow.gif) no-repeat bottom right; }

.rumCayPhotos{ margin:0px 10px 10px 0px; }
.rumCayPhotos2{ margin:0px 0px 10px 10px; }
.rumCayMap{ width:677px; padding-left:70px; }

.featureAreas{ width:225px; height:290px; margin:26px 14px 0px 0px; float:left;}
.featureAreasPanel{ width:747px;float:left;}
.featureTitles{ margin-bottom:10px; }
.featureTxt{ height:60px;}
.btnalign {display: inline; float: left; margin-left: 0px;}

/*****************************************************************************************/
/* STYLES FOR AJAX PROPERTY SEARCH FORM */
/*****************************************************************************************/
select.inputField{background-color:#FFFFFF; border:0px;}
select.gridInput{background-color:#FFFFFF; border:0px;}
select.input2 {
    background-color:White;
    border:0px;        
}
input.selectbox {
    border:solid 0px white; 
    padding:6px 0px 0px 7px; 
    color:#8d8d8d; text-transform:capitalize;
}

div.selectbox-wrapper {
position:absolute;
background-color:white;
border:1px solid #ccc;
margin-top:-10px;
padding:0px;
font-size:0.8em;
text-align:left;
height:100px;
max-height:100px;
overflow: auto;
overflow-x:hidden;
width:215px;
z-index:1;
}
div.selectbox-wrapper ul {
list-style-type:none;
margin:0px;
padding:0px;
z-index:4;
}
div.selectbox-wrapper ul li.selected {
background-color: #f1f2f3;background-image:none;

}
div.selectbox-wrapper ul li.current {
background-color: #6b6b6b;background-image:none;color:#FFFFFF;
}
div.selectbox-wrapper ul li {
list-style-type:none;
list-style-image:none;
list-style-position:outside;
display:block;
font: 13px/19px Arial, sans-serif; color: #8d8d8d; line-height:15px;
margin:0;
padding:5px 0px 5px 7px;
cursor:pointer;
width:215px;
}

label {
    display: block;
}

.selectbox
{
display : block;
margin-left: 10px;
padding: 0px;
text-align:left;
background: url('../images/comboboxes/blank.gif') no-repeat left;
cursor: pointer;
font-size:0.8em;
border:none 0px white;
width:215px;
height:27px;
}

select {
background: url('../images/comboboxes/blank.gif') no-repeat left;}

/*******************************************************************************
 RIGHT PANEL DROPDOWN LIST
 *******************************************************************************/
/* CSS Document */
ul.MenuBarHorizontal {margin:15px 0px 0px 0px;padding:0;list-style-type: none; font-weight:bold;cursor: default;width: 156px; height:27px;}
ul.MenuBarHorizontal2 {margin:10px 0px 0px 0px;padding:0;list-style-type: none; font-weight:bold;cursor: default;width: 215px; height:27px;}

ul.MenuBarActive {z-index: 1000;}
ul.MenuBarActive2 {z-index: 1000;}

/* Dropdown box style, for borders etc */
.DropdownStyle {border:solid 1px #e9e8e4;height:expression( this.scrollHeight > 200 ? "200px" : "auto" );background-color:White;max-height:200px;}
.DropdownStyle2 {border:solid 1px #e9e8e4;height:expression( this.scrollHeight > 200 ? "200px" : "auto" );background-color: #fff;max-height:200px;}

/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {margin: 0;padding: 0;list-style-type: none;list-style-image:none;font-size: 100%;font-weight:bold;text-align: left;cursor: pointer;width: 156px; height:23px;float: left;}
ul.MenuBarHorizontal2 li {margin: 0;padding: 0;list-style-type: none;list-style-image:none;font-size: 100%;font-weight:bold;text-align: left;cursor: pointer;width: 215px; height:27px;float: left;}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {
	margin: 0;padding: 0;list-style-type: none;font-size: 100%;
	z-index: 1020;cursor: default;width: 156px;max-height: 200px;
	position: relative;left: -1000em;overflow: auto;overflow-x: hidden;overflow-y: auto;}
	
ul.MenuBarHorizontal2 ul {
	margin: 0px;padding: 0;list-style-type: none;font-size: 100%;
	cursor: default;width: 215px;max-height: 200px;
	position: relative;left: -1000em;overflow: auto;overflow-x: hidden;overflow-y: auto;}

	
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {left: auto;}
ul.MenuBarHorizontal2 ul.MenuBarSubmenuVisible {left: auto;}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {width: 156px;}
ul.MenuBarHorizontal2 ul li {width: 215px;}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {position: absolute;}
ul.MenuBarHorizontal2 ul ul {position: absolute;}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {left: auto;top: 0;}
ul.MenuBarHorizontal2 ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {left: auto;top: 0;}

/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a {
	display: block;cursor: pointer;background-color: #fff;
	padding:0 0 0 10px; color: #696660;text-decoration: none;
	font: 13px/20px Arial, Helvetica, sans-serif;}
ul.MenuBarHorizontal2 a {
	display: block;cursor: pointer;background-color: #fff;
	padding:0 0 0 10px; color: #8d8d8d; text-decoration: none; height: 27px;
	font: 13px/20px Arial, Helvetica, sans-serif;}
ul.MenuBarHorizontal a:visited {
	display: block;cursor: pointer;
	background-color: #fff;padding:0 0 0 10px;
	color: #696660;text-decoration: none;}
ul.MenuBarHorizontal2 a:visited {
	display: block;cursor: pointer;
	background-color: #fff;padding:0 0 0 10px;
	color: #8d8d8d;text-decoration: none;}
/* Menu items that have mouse over or focus have a black background and white text */
ul.MenuBarHorizontal a:hover {background-color: #ebeae6;color: #8d8d8d;}
ul.MenuBarHorizontal2 a:hover {background-color: #ebeae6;color: #8d8d8d;}
/* Menu items that are open with submenus are set to MenuBarItemHover with a black background and white text */
ul.MenuBrHorizontal a.MenuBarItemHover {background-color: #ebeae6;color: #8d8d8d;}
ul.MenuBrHorizontal2 a.MenuBarItemHover {background-color: #ebeae6;color: #8d8d8d;}

/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
 *******************************************************************************/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu {background-repeat: no-repeat;height: 23px; margin:0px;}
ul.MenuBarHorizontal2 a.MenuBarItemSubmenu2 {background-repeat: no-repeat;height: 27px; margin:0px;}

/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
*******************************************************************************/
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
	ul.MenuBarHorizontal li.MenuBarItemIE
	{display: inline;float: left;background: #FFF;}
}

@media screen, projection {
	ul.MenuBarHorizontal2 li.MenuBarItemIE
	{display: inline;float: left;background: #FFF;}
}
ul.class01Drop{z-index:5;}
ul.class02Drop{z-index:4;}	

div.ui-accordion{display:inline; float:left; clear:both; width:710px; height:100%;}
div.accordiantab{display:inline; float:left; clear:both; width:100%; cursor:pointer;}
div.accordiantab{display:inline; float:left; clear:both; width:100%; cursor:pointer; background:url(../images/downArrow.gif) no-repeat bottom right;}
div#OurServices div.selected{display:inline; float:left; clear:both; width:100%; cursor:pointer; background:url(../images/upArrow.gif) no-repeat bottom right;}
img.accordianTitle{padding:15px 0px 0px 15px;}
div.accordianContent {display:inline; float:left; clear:left; width:680px; padding:0px; margin:0px 0px 0px 10px; vertical-align:top;}

/*****************************************************  FEATURED PROPERTY STYLES *****************************************************/
div.fprop {display: inline; float: left; width: 225px; height: 277px; margin: 0px; background: #fff;}

#featPropDiv { width: 225px; height: 343px; float: left; border-bottom:1px solid #e3e3e3; margin-bottom: 10px; }
.featuredDiv01 { text-align: left; width: 225px; height: 100%; float: left; overflow:hidden; }
.featImgDiv { width: 225px; margin-top:0px;float: left; }
.featTextDiv { width: 205px; float:left; height:80px; display:inline; margin: 7px 0px 10px 0px;}
.featOptionsDiv { float:left; display: inline; width:205px; height: 30px; margin: 7px 10px 0px 0px; }
.featIMG { width: 205px; height: 140px; float: left; border: #666666 solid 4px; margin-left: -12px;}

.featOptionsClass02 { display: inline; float: left; margin-right: 0px;}
.featOptionsClass03 { display: inline; float: left;}
.featOptionsClass01 { display: inline; float: right; margin: 0px; }

.txtfeatured {font: 13px/17px Arial, sans-serif; color: #6a7177; line-height:17px;}
.txtfeatured a {text-decoration:none; color: #666666; }
.txtfeatured a:hover {color: #66920d; text-decoration:none;}

.login {display: inline; float: right; margin-top: 15px; margin-right: 15px;}
.ml20  {margin-left: 20px;}


/*****************************************************  GR TOOLTIP STYLES *****************************************************/

#tooltip {
    padding: 10px;
    background: #ffffff;
    border: 1px solid #dbdbdb;
    text-align: left;
    font-size: 10px;
    line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
    color: #6f6c6c;
}

span.tip {
    border-bottom: 0px solid #538403;
}


/*     ------------- CONDOMINIUMS & COMMUNITIES STUFF -------------------  */
#featuredAreas {display:inline; width:733px; height:100%; margin:10px 0px 10px 0px;}
#communities {display:table-column; float:left; clear:left; width:45%;height:100%;padding-left:15px;}
.comm {display:inline; float:left; width:50%;height:auto; text-align:left; vertical-align:middle;}
#condos {display: inline-table; float:left; clear:right; width:45%;height:100%;}
.condo {display:inline; float:left; width:47%;height:auto; text-align:left; vertical-align:middle;}
.txtCondos {font: 14px/17px Arial, Helvetica, sans-serif; color: #3e3e3e; text-align: left; line-height: 1.5em ;}
.txtCondos A { color: #525252; text-decoration: none; text-transform: uppercase;}
.txtCondos A:hover { color: #525252; text-decoration: underline;}

.txtpages {font: 13px/17px Arial, Helvetica, sans-serif; color: #3e3e3e; text-align: left; line-height: 1.5em ;}
.txtpages A { color: #3e3e3e; text-decoration: none;}
.txtpages A:hover { color: #3e3e3e; text-decoration: underline;}


.caps {text-transform: uppercase;}
.caps2 {text-transform:  capitalize;}

#resoruces {display:inline; float:left; width:700px; height:172px; margin: 0px 0px 30px 30px;}


.mlspics {display:inline; float:left; margin-bottom: 10px; width: 750px;}
.mls-in {display:inline; width: 170px; height: 170px; float:left; padding-top: 15px; margin-left: 10px;}
.mls-in1 {display:inline; clear: left; width: 170px; height: 170px; float:left; padding-top: 15px; margin:0;}
.mlsbord { border: 3px solid #dbdbdb;}
.res-in {display:inline; width: 170px; height: 170px; float:left; padding: 15px 0px 0px 10px; margin:0;}


/***************************************************** CLIENT LOGIN *****************************************************/
.top-navfrmaa {display:inline; float:right; width:180px; margin:58px 0px 0px 0px;}
.clientLoginButtonaa { padding:0; margin:0; background: url(../images/mls-quick-search-btn.gif) no-repeat left top; width:20px; height:18px; border:none; display:inline; }
div.aaform { display: inline; float:left; padding:0; height: 30px; margin:0px; position:  relative; }
div.aainput { display:inline; float:left; width: 100px; height: 30px; font-size: 14px; color: #0654b1; margin:0px 5px 0px 0px; border: 0px;}


.servicespics {display: inline; float: left; width: 712px; height: 525px; border: 3px solid #dbdbdb; background: url(../images/bigpic01.jpg) no-repeat left top;}
.serv-in {display:inline; width: 244px; height: 241px; float:left; padding: 12px 0px 2px 12px; margin:0;}

.linksfot {display: inline; float: left; clear: left; width: 750px; height: 70px;}
.linksft {display: inline; float: left;  width: 245px; height: 64px; margin-right: 5px; padding: 0px;}


/*************** NEW 2010 RESOURCE CENTER ******************/
.res-in                                     { display:inline; width: 182px; height: 180px; float:left; padding: 15px 0px 0px 20px; }
#resoruces                                  { display:inline; float:left; width:700px; height:700px;}
#resources a img, #resources a              { border: none; overflow: hidden; float: left; }
#resources a:hover                          { border: 7px solid #729330; } /* EFFECT HOVER - Background */
#resources a:hover img                      { margin: -7px; }



.resbg                                      { background: #666666;} /* NOEFFECT - Background */
.resmarLFT                                  { display: inline; float: left;  padding: 26px;} /* 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 */

/*************** WEATHER CHANNEL ******************/
div#weatherContainerwrapper{display:inline; float:right; width:193px; height:52px; margin-top:25px;}
div#weatherImage{display:inline;float:left;height:52px;width:52px;}
.linkWrapper {display:inline;float: left;height: 52px;padding:5px 0px 0px 5px;}

/*************** HOME BIGPICS x4 ******************/
#homepics       {display: inline; float: left; width: 760px; height: 400px;}
div.ftbox       {display: inline; float: left; width: 373px; height: 176px; background: #fff; border: 1px solid #dae2ea;}
div.ftbox2      {display: inline; float: left; width: 373px; height: 176px; background: #fff; border: 1px solid #dae2ea; margin-top: 8px;}
div.hpic        {display: inline; float: left; width: 186px; height: 184px; margin: 10px;}
div.tpic        {display: inline; float: left; width: 156px; height: 155px; margin-top:16px;}
div.htit        {display: inline; float: left; margin-bottom: 10px; width: 156px;}
div.gobtn       {display: inline; float: right; position: relative; margin: -22px 0px 0px 0px;}

/*************** MLS QUICKSEARCH ******************/
.searchBody {display:inline; float: left; clear:left; width: 223px; height: 37px; text-align:left;}
/***************************************************** CLIENT LOGIN *****************************************************/
.clientLoginButton { padding:0; margin:0; background: url(../images/mls-quick-search-btn.gif) no-repeat left top; width:30px; height:30px; border:0px; display:inline; }
.form {display: inline; height: 30px; float:left; clear: left; padding: 4px 0px 0px 20px; background: transparent; color: #fff; }
.input {display:inline; width: 165px; height: 30px; color: #fff; float:left; background: transparent; margin:0px; border: 0px solid #fff; }
.advsrch {display: inline; float: left;}


/*************** CONDO & COMMUNITIES DROOPDOWN ******************/
div#communitiesdrop {display: inline; float: left; border:1px solid #d9e1e9; height:100px; width: 208px; background: #fff; padding-left: 15px; margin-bottom: 10px;}
div#condosdrop {display: inline; float: left; border-bottom:1px solid #d9e1e9; height:138px; width: 225px; background: #fff; padding-left: 0px; margin-bottom: 10px;}
#hometab {display: inline; float: left; width: 735px; height: 300px; background: #fff url(../images/hometab.gif) no-repeat left top; margin-left: 7px;}
.homenavigator {display: inline; float: left; width: 230px; height: 210px; margin-top: 60px; margin-left: 14px;}
.navsep {clear: left; margin: 3px 0px 0px 0px;}
.featuredbox {display: inline; float: left; width: 725px; height: auto; background: #f2f1f0 url(../images/homebox.jpg) no-repeat top right; margin: 12px;}
.kingtit {display: inline; float: left; margin: 25px 0px 0px 0px;}
.hometxt {display: inline; float: left; width: 680px; padding: 20px;}
.inttxt {display: inline; float: left; width: 700px; padding: 0px; margin-left: 20px;}


/*****************************************************************************************/
/* STYLES FOR NEWS & BLOG*/
/*****************************************************************************************/

.marginNews { float: left; width: 225px; margin: 0px; padding: 0px; height: 450px; background: #fff; }
.containNews { display: inline; float: left; width: 225px; height: 450px; border:0px solid #4a4846;}
#optContain {display:inline; float: left; width: 225px; margin-top: 0px; position:relative;  }
div.tabs > div {margin-top: 3px;}
div.tabs > div h3 {margin-top: 0;}
UL.tabNavigation {list-style: none; margin: 0; padding: 0;}
UL.tabNavigation LI {display: inline; float: left;text-indent: 0px;}
#opt1 { display: inline; float: left; height: 47px; border: 0px; margin: 0px; padding: 0px;}
#opt2 { display: inline; float: left; height: 47px; border: 0px; margin: 0px; padding: 0px;}
#tab1 { width: 210px; display:inline; float: left; text-align: left; position:relative; padding: 5px;}
#tab2 { width: 210px; display:inline; float: left; text-align: left; position:relative; padding: 5px;}
#tab1Cnt { float: left; padding: 5px 5px 0px 0px; margin-top: 10px; height:auto; overflow:hidden;  background: transparent; }
#tab2Cnt { float: left; padding: 5px 5px 0px 0px; margin-top: 10px; height:auto; overflow:auto; background: transparent;}
.nopadding {padding: 0px;}
.nopadding div {clear:both;width:100%;}
.singleline {display: inline; float: left; width: 225px; height: 20px;}
.spaceship {display: inline; float: left; width: 720px; height: 100%; background: #fff;}

/*****************************************************************************************/
/* NEW DESIGN STYLES */
/*****************************************************************************************/

/*******************************************************************************
 RIGHT PANEL DROPDOWN LIST SLIDE OUT PANELS
 *******************************************************************************/
/*** ESSENTIAL STYLES ***/
.sf-menu2, .sf-menu2 * {
    background:     transparent;
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:        9999;
}
.sf-menu2 {
    background:     transparent;
	line-height:	1.0;
}
.sf-menu2 ul {
	background:     transparent;
	position:		absolute;
	top:			-999em;
	width:			 418px; /* left offset of submenus need to match (see below) */	
}
.sf-menu2 ul li {
	background:     transparent;
	width:			418px;
}
.sf-menu2 li:hover {
    background:     transparent;
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu2 li {
	background:     transparent;
	float:			left;
	position:		relative;
}
.sf-menu2 a {
	display:		block;
	position:		relative;
	background:     transparent;
}
.sf-menu2 li:hover ul,
.sf-menu2 li.sfHover ul {
    background:    transparent url(images/otherGreatAreas/panelBG.png) no-repeat;
	right:			260px;	
	top:			10px; /* match top ul list item height */
}
div.slideout{display:inline;float:left;height:300px;width:460px;}


.tstbtn {float: right; width: 550px; height: 46px; margin-right: 20px; margin-top: -56px;}
.tstbtn2 {display: inline; float: right; width: 176px; height: 46px;}

.backbtn {float: right; width: 550px; height: 46px; margin-right: 20px; margin-top: -56px;}
.backbtn2 {display: inline; float: right; width: 96px; height: 46px;}