html { height: 100%; }
body { margin: 0pt; background: transparent url('/images/body-bg.gif') repeat-x scroll 0% 0%; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; height: 100%; min-width: 950px; }
body.inner { background: transparent url('/images/inner-body-bg.gif') repeat-x scroll 0% 0%; }
img { border: medium none ; }
form, fieldset { border-style: none; margin: 0pt; padding: 0pt; }
#main { margin: 0pt auto; width: 950px; min-height: 100%; }
* html #main { height: 100%; }
#header { overflow: hidden; width: 100%; }
#header strong a { margin: 56px 0pt 0pt; background: transparent url('/images/logo.gif') repeat scroll 0% 0%; overflow: hidden; float: left; width: 268px; height: 81px; text-indent: -9999px; }
.right-part { width: 450px; float: right; height: 105px; }
.area { margin: 35px 0pt 0pt; padding: 20px 15px 20px 0pt; background: transparent url('/images/line.gif') repeat-y scroll 100% 0pt; width: 205px; float: left; }
.area p { margin: 0pt; text-align: right; font-size: 12px; color: rgb(51, 51, 51); }
.area p a { color: rgb(123, 23, 59); }
.area p a:hover { text-decoration: none; }
.top-nav { background: transparent url('/images/top-nav-bg.gif') repeat-x scroll 0% 0%; float: right; width: 210px; }
.top-nav .left-coner { background: transparent url('/images/top-nav-left.gif') no-repeat scroll 0pt 0pt; }
.top-nav .right-coner { background: transparent url('/images/top-nav-right.gif') no-repeat scroll 100% 0pt; overflow: hidden; height: 58px; }
.top-nav ul { margin: 0pt; padding: 10px 0pt 0pt; text-align: center; list-style-type: none; list-style-image: none; list-style-position: outside; font-size: 12px; }
.top-nav ul li { padding: 0pt 3px 0pt 7px; background: transparent url('/images/top-nav-separator.gif') no-repeat scroll 0pt 2px; display: inline; }
.top-nav ul li:first-child { background: transparent none repeat scroll 0% 0%; }
.top-nav ul li a { text-decoration: none; color: rgb(255, 255, 255); }
.top-nav ul li a:hover { text-decoration: underline; }
.top-nav p { margin: 5px 0pt 0pt; color: rgb(255, 255, 255); text-align: center; font-size: 23px; font-weight: bold; }
.search { margin: 15px 0pt 0pt; float: right; width: 210px; }
.search .text { margin: 1px 0pt 0pt; float: left; width: 155px; height: 25px; }
.search .text input { border: 0pt none ; padding: 5px 5px 0pt; background: transparent none repeat scroll 0% 0%; list-style-type: none; list-style-image: none; list-style-position: outside; width: 145px; height: 20px; }
.button { margin: 4px 0pt 0pt 5px; }
#main-navigation { margin: 5px 0pt 0pt; padding: 5px 0pt 0pt; background: transparent url('/images/navigation-bg.gif') repeat-x scroll 0pt 5px; overflow: hidden; float: right; list-style-type: none; list-style-image: none; list-style-position: outside; height: 51px; font-size: 12px; width: 552px; }
#main-navigation li { background: transparent url('/images/separator.gif') no-repeat scroll 0pt 100%; float: left; text-align: center; }
#main-navigation li.first { background: transparent url('/images/left-nav-coner.gif') no-repeat scroll 0% 0%; }
#main-navigation li.last a .right-coner { background: transparent url('/images/right-nav-coner.gif') no-repeat scroll 100% 0pt; }
#main-navigation li a { display: block; width: 138px; color: rgb(255, 255, 255); text-decoration: none; }
#main-navigation li a:hover { background: rgb(30, 113, 181) none repeat scroll 0% 0%; }
#main-navigation li.first a:hover .left-coner { background: transparent url('/images/left-nav-coner-hover.gif') no-repeat scroll 0pt 0pt; }
#main-navigation li.last a:hover .right-coner { background: transparent url('/images/right-nav-coner-hover.gif') no-repeat scroll 100% 0pt; }
#main-navigation li a strong { display: block; font-size: 16px; }
#main-navigation li a .left-coner { display: block; }
#main-navigation li a .right-coner { padding: 11px 0pt 0pt; display: block; height: 40px; cursor: pointer; }
#main-navigation li.active a, #main-navigation li.active a:hover { margin: -5px 0pt 0pt; background: transparent url('/images/navigation-bg-active.gif') repeat-x scroll 0% 0%; height: 56px; position: relative; }
#main-navigation li.active a .left-coner, #main-navigation li.active a:hover .left-coner { background: transparent url('/images/left-nav-coner-active.gif') no-repeat scroll 0pt 0pt ! important; }
#main-navigation li.active a .right-coner, #main-navigation li.active a:hover .right-coner { padding: 16px 0pt 0pt; background: transparent url('/images/right-nav-coner-active.gif') no-repeat scroll 100% 0pt; }
.content-holder { padding: 0pt 0pt 220px; overflow: hidden; width: 100%; }
.top-content { margin: 20px 0pt 0pt; overflow: hidden; width: 100%; }
.intro-content { padding: 10px 18px 0pt 0pt; width: 300px; float: left; }
.intro-content h1 { margin: 0pt; color: rgb(255, 255, 255); font-size: 18px; }
.intro-content p { margin: 25px 0pt 0pt; color: rgb(255, 255, 255); line-height: 18px; }
.members { margin: 20px 0pt 0pt; overflow: hidden; width: 100%; }
.members .border-1 { margin: 0pt 10px 0pt 0pt; padding: 6px 0pt 0pt 14px; background: transparent url('/images/border-1.png') no-repeat scroll 0% 0%; float: left; width: 91px; height: 93px; }
.members .border-1 img { border-left: 1px solid rgb(255, 255, 255); }
.members h4 { margin: 15px 0pt 0pt; color: rgb(255, 255, 255); font-size: 15px; }
.members ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
.members ul li { margin: 5px 0pt 0pt; }
.members ul li a { padding: 0pt 0pt 0pt 20px; background: transparent url('/images/plus.gif') no-repeat scroll 0pt 50%; color: rgb(255, 255, 255); }
.members ul li a:hover { color: rgb(123, 23, 59); text-decoration: none; }
.main-image { margin: 4px 12px 0pt 0pt; padding: 10px 0pt 0pt 18px; background: transparent url('/images/border-2.png') no-repeat scroll 0% 0%; float: left; width: 425px; height: 333px; }
.links { float: left; width: 177px; }
.links h3 { border-bottom: 2px solid rgb(135, 197, 237); margin: 0pt; padding: 0pt 0pt 8px; font-size: 18px; color: rgb(255, 255, 255); }
.links ul { border-bottom: 2px solid rgb(135, 197, 237); margin: 0pt; padding: 10px 0pt 15px; list-style-type: none; list-style-image: none; list-style-position: outside; }
.links ul li { margin: 5px 0pt 0pt; }
.links ul li a { padding: 0pt 0pt 0pt 20px; background: transparent url('/images/plus.gif') no-repeat scroll 0pt 50%; color: rgb(255, 255, 255); }
.links ul li a:hover { text-decoration: none; }
.read { margin: 15px 0pt 0pt; padding: 5px 0pt 0pt 50px; background: transparent url('/images/icon.gif') no-repeat scroll 0pt 50%; float: left; color: rgb(255, 255, 255); }
.read:hover { text-decoration: none; }
#content { margin: 30px 42px 0pt 0pt; width: 575px; float: left; }
h2.news { margin: 0pt; background: transparent url('/images/news-bg.gif') repeat-x scroll 0pt 2px; line-height: 40px; font-size: 22px; color: rgb(123, 23, 59); }
h2.news span { padding: 0pt 0pt 0pt 70px; background: transparent url('/images/news-icon.gif') no-repeat scroll 8px 0pt; display: block; height: 46px; }
#content ul { margin: 0pt; padding: 0pt; }
#content ul li h2 { margin: 0pt; font-size: 16px; color: rgb(102, 102, 102); }
#content ul li h2 a { color: rgb(102, 102, 102); }
#content ul li h2 a:hover { text-decoration: none; }
#content ul li p { margin: 15px 0pt 0pt; color: rgb(51, 51, 51); line-height: 18px; }
#content ul li p a { color: rgb(57, 126, 181); }
#content ul li p a:hover { text-decoration: none; }
#right-column { width: 333px; float: right; }
.sponsors-holder { padding: 0pt 0pt 5px; overflow: hidden; width: 100%; }
.sponsors-holder h3 { margin: 5px 0pt 0pt; font-size: 12px; color: rgb(204, 204, 204); text-align: center; letter-spacing: 1px; }
.sponsor { margin: 10px 0pt; padding: 11px; float: left; width: 135px; min-height: 135px; }
.sponsor img { border: 1px solid rgb(204, 204, 204); padding: 5px; }
.sponsor.b-right { float: right; }
.nominations { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
.nominations li { margin: 25px 0pt 0pt; }
.nominations li h3 { border-style: solid none; border-color: rgb(221, 239, 254) -moz-use-text-color; border-width: 1px medium; margin: 0pt; padding: 0pt 0pt 0pt 4px; background: rgb(238, 247, 254) none repeat scroll 0% 0%; line-height: 28px; color: rgb(21, 78, 144); font-size: 14px; }
.nominations li p { margin: 10px 0pt 0pt; color: rgb(102, 102, 102); line-height: 16px; }
.footer-holder { margin: -184px 0pt 0pt; background: transparent url('/images/footer-bg.gif') repeat-x scroll 0pt 15px; overflow: hidden; height: 184px; position: relative; width: 100%; }
#footer { margin: 0pt auto; padding: 0pt 0pt 0pt 5px; width: 945px; }
#footer ul { margin: 0pt; padding: 50px 42px 0pt 0pt; float: left; list-style-type: none; list-style-image: none; list-style-position: outside; }
#footer ul li { padding: 0pt 0pt 15px; }
#footer ul li a { color: rgb(255, 255, 255); }
#footer ul li a:hover { text-decoration: none; color: rgb(20, 77, 144); }
.contact { background: transparent url('/images/contact-bg.gif') no-repeat scroll 0% 0%; float: right; width: 184px; height: 184px; }
.contact h4 { margin: 15px 0pt 0pt; color: rgb(255, 255, 255); font-size: 13px; text-align: center; font-weight: normal; }
.contact h4 a { margin: 15px 0pt 0pt; color: rgb(255, 255, 255); font-size: 13px; text-align: center; font-weight: normal; }
.contact h4 a:hover { text-decoration: none; }
.contact p { margin: 25px 0pt 0pt; text-align: center; color: rgb(255, 255, 255); }
.contact p strong { font-size: 23px; }
.contact .logo a { margin: 20px auto 0pt; background: transparent url('/images/footer-logo.gif') repeat scroll 0% 0%; overflow: hidden; display: block; width: 123px; height: 38px; text-indent: -9999px; }
.copy { margin: 52px 35px 0pt 0pt; float: right; width: 210px; }
.copy p { margin: 0pt 0pt 15px; color: rgb(255, 255, 255); }
.copy p a { color: rgb(255, 255, 255); }
#sidebar { float: right; width: 325px; margin-top: 0px; }
#sidebar .image { background: transparent url('/images/sidebar-image-bg.png') no-repeat scroll 0% 0%; width: 318px; height: 253px; }
#sidebar .image-fill { background: transparent none repeat scroll 0% 0%; height: 58px; }
#sidebar .image img { margin: 28px 0pt 0pt 21px; }
#sidebar h3 { border-style: solid none; border-color: rgb(221, 239, 254) -moz-use-text-color; border-width: 1px medium; margin: 0px 0pt 0pt 4px; padding: 0pt 0pt 0pt 4px; background: rgb(238, 247, 254) none repeat scroll 0% 0%; line-height: 28px; color: rgb(21, 78, 144); font-size: 14px; }
#sidebar .sidebar-banners { margin: 20px 0pt 0pt; }
#sidebar ul { margin: 10px 0pt 0pt 14px; padding: 0pt; }
#sidebar ul li { padding: 0px 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#sidebar ul li a { padding: 0pt 0pt 0pt 20px; background: transparent url('/images/plus.gif') no-repeat scroll 0pt 1px; color: rgb(57, 126, 181); }
#sidebar ul li a:hover { text-decoration: none; }
#amenity { float: right; width: 325px; margin-top: 0px; }
#amenity .image { background: transparent url('/images/sidebar-image-bg.png') no-repeat scroll 0% 0%; width: 318px; height: 253px; }
#amenity .image-fill { background: transparent none repeat scroll 0% 0%; height: 58px; }
#amenity .image img { margin: 28px 0pt 0pt 21px; }
#amenity h3 { border-style: solid none; border-color: rgb(221, 239, 254) -moz-use-text-color; border-width: 1px medium; margin: 20px 0pt 0pt 4px; padding: 0pt 0pt 0pt 4px; background: rgb(238, 247, 254) none repeat scroll 0% 0%; line-height: 28px; color: rgb(21, 78, 144); font-size: 14px; }
#amenity .sidebar-banners { margin: 20px 0pt 0pt; }
#amenity ul { margin: 10px 0pt 0pt 14px; padding: 0pt; }
#amenity ul li { padding: 5px 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#amenity ul li a { padding: 0pt 0pt 0pt 20px; background: transparent url('/images/plus.gif') no-repeat scroll 0pt 1px; color: rgb(57, 126, 181); }
#amenity ul li a:hover { text-decoration: none; }
#main .content-holder p.breadcrumb { margin: 10px 0pt 0pt; color: rgb(255, 255, 255); font-size: 10px; }
#main .content-holder p.breadcrumb a { color: rgb(255, 255, 255); font-size: 10px; }
#main .content-holder p.breadcrumb a:hover { color: rgb(255, 255, 255); text-decoration: none; }
#content .inside-content { margin-top: 60px; }
#content .inside-content h1 { color: rgb(51, 51, 51); font-size: 24px; }
#content .inside-content h2 { color: rgb(51, 51, 51); font-size: 18px; }
#content .inside-content h2 a { color: rgb(51, 51, 51); font-size: 18px; }
#content .inside-content p { color: rgb(51, 51, 51); }
#content .inside-content p a { color: rgb(57, 126, 181); }
#content .inside-content p a:hover { text-decoration: none; }
#content .inside-content ul li p { margin: 0pt; padding: 0pt; }
.nominations .member-spotlight-preview { min-height: 65px; }
.nominations .member-spotlight-preview img { padding: 12px 10px 0pt 5px; float: left; }
.nominations .member-spotlight-preview p { margin: 0pt; padding: 0pt; float: left; width: 175px; }
.nominations .member-spotlight-preview p.first { padding-top: 12px; }
.nominations .member-spotlight-preview p a { color: rgb(21, 78, 144); }
.member-spotlight img { padding: 0pt 20px 20px 0pt; float: left; }
.member-spotlight h1 { float: left; }
.member-spotlight .member-spotlight-text { float: left; }
.member-spotlight .member-spotlight-text p { margin: 0pt; padding: 0pt; }
.member-spotlight p.description { clear: both; }
span.spotlight { color: rgb(21, 78, 182); font-size: 18px; }
.anylinkcss { border-style: solid; border-color: rgb(21, 78, 144); border-width: 1px 1px 0px; margin: 0px 0pt 0pt -1px; padding: 0px; position: absolute; visibility: hidden; text-align: left; font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; line-height: 22px; z-index: 2000; width: 220px; background-color: rgb(86, 160, 220); }
.anylinkcss a:link, .anylinkcss a:active, .anylinkcss a:visited { border-bottom: 1px solid rgb(21, 78, 144); padding: 5px 0px 6px 10px; display: block; text-decoration: none; text-align: left; color: rgb(255, 255, 255); font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; line-height: 16px; background-color: rgb(86, 160, 220); z-index: 2000; }
.anylinkcss a:hover { border-bottom: 1px solid rgb(21, 78, 144); padding: 5px 0px 6px 10px; display: block; text-decoration: none; text-align: left; color: rgb(255, 255, 255); font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; line-height: 16px; background-color: rgb(21, 78, 144); z-index: 2000; }
.searchresult { margin: 20px 0pt 0pt; background: transparent url('/images/search_result_description_bg.jpg') repeat-x scroll center bottom; float: right; width: 610px; }
.searchresult img { float: left; }
.listinginfo { float: left; }
.listinginfo .address { width: 288px; }
.listinginfo .price { font-size: 18px; }
.mls { color: rgb(153, 153, 153); }
.address { margin: 0pt 0pt 0px; padding: 0px 30px 0px; float: left; background-color: rgb(247, 224, 200); }
.location, .propertytype { margin: 0pt; font-size: 10px; color: rgb(170, 170, 170); }
.price, .bedbathsqft { margin: 0pt; font-size: 12px; color: rgb(119, 119, 119); }
.price { font-weight: bold; margin-bottom: -5px; }
.price span { font-weight: normal; font-size: 12px; }
/* Fill-In Forms */
.formheading { background: #003366; color: #FFFFFF; font-weight: bold; font-size: 10pt; }
.formoutline { background: #003366; }
.formvalue { font-size: 8pt; font-weight: bold; }
.formrequired { color: #DE2931; }
/* Reports */
.reportheading { background: #003366; color: #FFFFFF; font-weight: bold; font-size: 10pt; }
.reportheading a:link { color: #FFFFFF; }
.reportheading a:visited { color: #FFFFFF; }
.reportheading a:hover { color: #FFBD00; }
.reportheading a { text-decoration:none; }
.reportrow0 { background: #E1E1FF; font-size: 10pt; }
.reportrow1 { background: #F8F8FF; font-size: 10pt; }
.reportfooter { background: #003366; color: #FFFFFF; font-weight: bold; font-size: 10pt; }
/************************************************************************************************************/
/* Box with Rounded Corners */
/************************************************************************************************************/
#RoundedCorners h1, #RoundedCorners p {margin:0 5px; letter-spacing:1px;}
#RoundedCorners p {padding-bottom:0.5em;}
#RoundedCorners {background: transparent; margin:1em;}
.RoundedCornersTop, .RoundedCornersBottom {display:block; background:transparent; font-size:1px;}
.RoundedCornersb1, .RoundedCornersb2, .RoundedCornersb3, .RoundedCornersb4 {display:block; overflow:hidden;}
.RoundedCornersb5, .RoundedCornersb6, .RoundedCornersb7, .RoundedCornersb8 {display:block; overflow:hidden;}
.RoundedCornersb1, .RoundedCornersb2, .RoundedCornersb3 {height:1px;}
.RoundedCornersb5, .RoundedCornersb6, .RoundedCornersb7 {height:1px;}
/* Define Roundd Corner Curves / Colors */
.RoundedCornersb2, .RoundedCornersb3, .RoundedCornersb4 {background:#F8F8FF; border-left:1px solid #B30000; border-right:1px solid #B30000;}
.RoundedCornersb6, .RoundedCornersb7, .RoundedCornersb8 {background:#F8F8FF; border-left:1px solid #B30000; border-right:1px solid #B30000;}
/* Top Border with Rounded Corners*/
.RoundedCornersb1 {margin:0 5px; background:#B30000;}
.RoundedCornersb2 {margin:0 3px; border-width:0 2px; background:#B30000;}
.RoundedCornersb3 {margin:0 2px;background:#B30000;}
.RoundedCornersb4 {height:2px; margin:0 1px;background:#B30000;}
/* Bottom Border with Rounded Corners*/
.RoundedCornersb5 {margin:0 5px; background:#B30000;}
.RoundedCornersb6 {margin:0 3px; border-width:0 2px; }
.RoundedCornersb7 {margin:0 2px;}
.RoundedCornersb8 {height:2px; margin:0 1px;}
/* Rounded Box Content */
.RoundedCornersHeader {display:block; background:#B30000; color: #FFFFFF; font-weight: bold; border:0 solid #B30000; border-width:0 1px;}
.RoundedCornersContent {display:block; background:#F8F8FF; border:0 solid #B30000; border-width:0 1px;}
.RoundedCornersFooter {display:block; background:#B30000; color: #FFFFFF; border:0 solid #B30000; border-width:0 1px;}
/************************************************************************************************************/
/************************************************************************************************************/
/* DHTML MouseOver ToolTip */
/************************************************************************************************************/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
/************************************************************************************************************/
/************************************************************************************************************/
/* Drop Shadow Code */
/************************************************************************************************************/
.img-shadow {
float:left;
background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
background: url(/images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
.p-shadow {
float:left;
background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
background: url(/images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.p-shadow div {
background: none !important;
background: url(/images/shadow2.gif) no-repeat left top;
padding: 0 !important;
padding: 0 6px 6px 0;
}
.p-shadow p {
text-align: center;
color: #777;
background-color: #fff;
font: italic 1em georgia, serif;
border: 1px solid #a9a9a9;
padding: 4px;
margin: -6px 6px 6px -6px !important;
margin: 0;
}
/* begin with generic selectors so that they can be overridden if needed
* by classes deeper in the stylesheet
*/
#clear
{
clear: both;
padding-bottom: 1px; /* for Gecko-based browsers */
margin-bottom: -1px; /* for Gecko-based browsers */
}
.clear
{
clear: both;
padding-bottom: 1px; /* for Gecko-based browsers */
margin-bottom: -1px; /* for Gecko-based browsers */
}