html {background-color: #F8F2E8;}
htmlx {background-color: #ff3;}

#hd {margin-bottom:0; background-color: #F8F2E8;}

.logo {float:left; margin: 0; padding: 0;}

.yui-gb {margin-bottom: 20px;}


/*----------------------------- Main Navigation tabs - OLD -----------------------------*/

#main-nav {float: right; margin: 53px 20px 0 0; width: 600px;}


#main-nav ul {float: right;}
#main-nav ul li {float:left; margin-left: 4px;}

/*----------------------------- Main Navigation tabs - NEW -----------------------------*/

#main-nav-tabs {float: right; margin: 51px 20px 0 0; width: 600px; font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 13px;font-weight: bolder;}
#main-nav-tabs { position: relative; top: 1px; z-index: 2; color: #27537a;}
	
#main-nav-tabs ul {float: right;}

.AspNet-Menu {float: right;}

#main-nav-tabs ul li {float:left; margin-left: 4px; padding: 0 0 0 4px; min-width: 50px;}
.AspNet-Menu-Leaf {float:left; margin-left: 4px; padding: 0 0 0 4px; min-width: 50px;}


#main-nav-tabs a, #main-nav-tabs a span { display: block; padding: 0 10px; background: url(/images/site/main-nav.png) no-repeat;}

#main-nav-tabs a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bolder;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
	cursor: pointer;
}

#main-nav-tabs a.selected {position: relative; top: 1px; z-index: 2; margin-top: 0; color: #27537a; cursor: pointer;}
.AspNet-Menu-Link .AspNet-Menu-Selected{position: relative; top: 1px; z-index: 2; margin-top: 0; color: #27537a; cursor: pointer;}
.AspNet-Menu-Link {
    width: 40px; /* IE 6 treats width as min-width */
    min-width: 40px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height:18px;
    padding-top: 6px;
    padding-right: 0;
}

*>.AspNet-Menu-Link{ /* hide from IE 6 */
    width: auto;
    height: auto;
}

#main-nav-tabs a span {
    width: 40px; /* IE 6 treats width as min-width */
    min-width: 40px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height:18px;
    padding-top: 6px;
    padding-right: 0;
}

#main-nav-tabs a.AspNet-Menu-Selected span {
    height: 20px; /* IE 6 treats height as min-height */
    min-height:20px;
    padding-top: 6px;
    padding-right: 0;
}

*>#main-nav-tabs a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}

/*------------- Selected - right side ----------------*/
#main-nav-tabs a.AspNet-Menu-Selected, 
#main-nav-tabs a:hover, 
#main-nav-tabs a:focus, 
#main-nav-tabs a:active {background-position: 100% -150px; }

/*------------- Non selected - right side ----------------*/
#main-nav-tabs a {background-position: 100% -100px;}

/*-------------  Selected - left side ----------------*/
#main-nav-tabs a.AspNet-Menu-Selected span,
#main-nav-tabs a:hover span,
#main-nav-tabs a:focus span,
#main-nav-tabs a:active span {background-position: 0 -50px;}

/*------------- Non selected - right side ----------------*/
#main-nav-tabs a span, {background-position: 0 0;}


	
	
/*----------------------------- Body/Footer -----------------------------*/

#bd {border: 1px solid #ff3; background-color: #fff; border: 2px solid #ECC55F; padding: 1em;}

#ft {background-color: #F8F2E8; padding-top: 1em; text-align: center; font-size: 85%; }


#ft ul {padding: .25em;}
#ft ul li {display: inline; margin-left: 1em;}

.googleAds {clear: both; margin: 1em auto; padding: 0;}


.home {margin-top: 30px; width: 400px; float:right;}
.home h1 {font-size: 110%; font-weight: bolder; color: #000; margin: 0 0 10px 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
.home h2 {font-size: 150%; font-weight: bolder; color: #396586; margin-bottom: 10px; font-family: "Courier New", Courier, monospace;}
.home h3 {font-size: 110%; font-weight: bolder; color: #b39162; margin: 20px 0 10px 0; font-family: "Courier New", Courier, monospace;}




/*----------------------------- Search for Rentals Page -----------------------------*/

.place-ad {padding: 10px; background-color: #F8F2E8; width: 85%; float: right; }
.place-ad h2 {margin-bottom: 0;}


.search-property { margin-right: 10px; width: 48%; float: left; }
.search-property ul {}
.search-property .photo {float: left; padding: 0 5px 10px 0;}
.search-property .title {font-size: 110%; font-weight: bolder; color: #396586; font-family: "Courier New", Courier, monospace;}
.search-property .address {font-weight: bold;}


/*----------------------------- Advertise with us ----------------------------------*/
.package {border: 1px solid #F8F2E8; padding: 10px; background: url(/images/site/package-bg.jpg) bottom left repeat-x; height: 135px; min-height: 135px;}
.package h3 {margin-top: 0;}
.package ul {margin-top: .5em;}
.package ul li {margin-bottom: .5em;}
.amount {font-weight: bold; color: #F00;}
.sample {margin-top: 1em;}

/*----------------------------- Property detail widget -----------------------------*/

.photos {width: 570px; float: left;}
.photo-details {width: 570px;}
.photo-details h2 {margin-bottom: 0;}
.photo-details .address {font-weight: bold;}

.details {width: 320px; float: right;}
.details h1 {margin-bottom: 0}
.details ul {margin-bottom: 1.5em;}
.details ul li {list-style: disc; margin-left: 1.25em;}
.details .toolbar {margin: 10px 0; background-color:#F8F2E8; width: 320px; font-size: 85%;}
.details .toolbar ul {margin:0; padding: 2px 0 5px 2px;}
.details .toolbar ul li {margin:0 15px 0 0; padding: 0; display: inline;}
.details .terms {margin-top: 2em;}
.details .terms ul li {list-style: none; margin-left: 0;}
.details .apply {margin-left: 90px;}

.widget-wrapper { width: 576px; }
.mid {width: 570px; }

.jCarouselLite { margin-left: -10px;overflow: hidden; visibility: visible; position: relative; z-index: 2; left: 0px; width: 570px; }
.jCarouselLite ul {margin: 0pt; padding: 10px; position: relative; list-style-type: none; z-index: 1; width: 2890px; left: -570px;}
.jCarouselLite ul li {overflow: hidden; float: left; width: 135px; height: 100px; text-align:center; cursor: pointer;}


.button-prev {margin-top: 450px; float: left;}
.button-next {margin-top: 450px; float: right;}


.address {font-weight: bold;}
#ctl00_ctl00_ContentPlaceHolder1_ChildPlaceHolder_PropertyDisplay_propertyImageDisplay {width: 570px; float: left;}


/*----------------------------- Online application -----------------------------*/

.application {}
.application label {float: left; display: block; width: 160px; text-align: right; }
.application input {margin-bottom: 10px; width: 200px;}
.application .submit {margin: 10px 0 10px 350px;}
.application .send { margin-top: 10px;}

.application .sub-form {margin: 10px 0; padding: 10px 0;border: 1px solid #396586; background-color: #fdfaf5;}
.application .sub-form p {margin-left: 10px;}
.application .sub-form .disclaimer {font-size: 85%;}
.application .sub-form .checkboxes {margin-left: 160px; }
.application .sub-form .checkboxes label { float: left; width: 100px; text-align: left;}
.application .sub-form .checkboxes input {float: left; width: 20px; }



/*----------------------------- Email property -----------------------------*/
.email-property {}
.email-property div {clear: left; padding-bottom: 10px;}
.email-property label.col1 {float: left; margin: 0 25px 3px 0; width: 160px;}
.email-property label.col2 {float: left; margin: 0 0 3px 0; width: 160px;}
.email-property input.col1 {float: left; margin: 0 25px 10px 0; width: 160px; height: 20px; border: 1px solid #ccc;}
.email-property input.col2 {float: left; margin: 0 0 10px 0; width: 300px; height: 20px; border: 1px solid #ccc;}
.email-property textarea.multi {width: 485px;}


/*----------------------------- Email property -----------------------------*/
.print {width: 700px; margin: 20px auto; padding: 0; text-align: left;}

.print .photos {width: 700px; float: none; text-align: left; }
.print .photo-details {width: 700px; float: none; text-align: left; }
.print .details {width: 700px; clear: both; float: none; text-align: left;}

.pf {background-color: #fff;}


/*----------------------------- Ask Joe -----------------------------*/
.questions {margin-top: 25px;}
.questions li {padding-bottom: 10px; font-weight: bold;}


/*----------------------------- Generic classes -----------------------------*/

h1 {font-size: 150%; font-weight: bolder; color: #396586; margin-bottom: 10px; font-family: "Courier New", Courier, monospace;}
h2 {font-size: 133%; font-weight: bold; color: #396586; margin-bottom: 3px;  font-family: "Courier New", Courier, monospace;}
h3 {font-size: 125%; color: #396586; font-family:"Times New Roman", Times, serif; border-bottom: 1px solid #D9AB8F; font-weight: bold; margin-top: 1em;  font-family: "Courier New", Courier, monospace;}
h4 {font-size: 102%; font-weight: bold; color: #385494; margin: 0;}
h5 {font-size: 100%; font-weight: bold; color: #971B1E; margin: 0; padding:0;}

p {margin-bottom: 2%;}
strong {font-weight: bold;}
em {font-style: italic;}
.list li {margin-left: 1em; padding-bottom: 1em; list-style-type: disc;}
.disclaimer {font-size: 85%;}
.req {font-weight: bold; color:#F00;}
.adjust {font-size: 125%;}

.clrself{zoom:1;}
.clrself:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fltlt{float:left; padding: 0 .5em .4em 0;}
.fltrt{float:right; padding: 0 0 .5em .5em;}
.clrlt{clear:left;}
.clrrt{clear:right;}
.clrbt{clear:both;}

a:link, a:visited { text-decoration: none; color: #339;}
a:hover { text-decoration: underline; color: #C00;}