/* 
    Document   : css
    Created on : Aug 9, 2009, 2:16:20 PM
    Author     : randymelder
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{
margin:0;
padding:0;
font-family: "trebuchet ms", "helvetica neue", helvetica, tahoma, arial;
background:transparent url(/images/bg_gradient_tan.png) repeat-x scroll 0 0;
}

body. loading #alert {
    display: block;
    font-size: 12px;
    font-family: helvetica,arial,sans-serif;
}

b{font-size: 110%;}
em{color: red;}

#gmap {
    width: 738px;
    height: 350px;
    top: 0;
    left: 0;
    border: 0px solid #CCC;
}
.balloon_description {
    width:180px;
    padding: 2px;
    
    font-family: helvetica,arial,sans-serif;
    font-size:12px;
    color: #333;
}

#container {
    margin: 0 auto;
    width: 1000px;
}
#logobanner {
    background:white;
}
#topsection{
background:  url(images/bg_sm_brown.png) repeat scroll 0 0;
height: 30px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
background:#FFFFFF none repeat scroll 0 0;

    border-color:#DDDDDD beige;
    border-style:solid;
    border-width:1px 10px;
    width:980px;
}

#contentcolumn{
min-height: 600px;
}

#rightcolumn{
float: right;
width: 200px; /*Width of right column in pixels*/
background:#FFF;
min-height: 300px;
}
#rightcolumn .innertube{
    color:teal;
}

#footer{
clear: left;
width: 100%;
background: transparent url(images/bg_sm_brown.png) repeat scroll 0 0;
color: #FFF;
text-align: center;
font-size: 10px;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
    color:#EEEEEE;
    margin:0;
    padding-top:1px;
}

#featured_property_main {
background:#FDFDFD none repeat scroll 0 0;
float:left;
padding:7px;
width:740px;
border-right:1px solid beige;
border:1px solid #FFEECC;
margin:4px;
}
#featured_property_main_images {
    border:0px dotted #000;
color:#DDCC99;
float:left;
margin:1px;
min-height:300px;
}
#featured_property_main_image1 {
    padding: 8px;
    margin: 1px;
    border: 0px dotted #333333;
    min-height:222px;
}
#featured_property_main_image1 h1 {
    margin: 0;
    padding: 0;
    margin-top: 4px;
    margin-bottom: 8px;
    color: #8B4726;
}
#featured_property_main_thumbs {
    margin: 1px;
    border: 0px dotted #333333;
    padding: 2px;
    padding-left: 7px;
}
#featured_property_main_info {
    float:left;
    margin-top:0;
    padding:16px 8px 8px;
    width:45%;
}
#featured_property_main_info h1,#featured_property_main_info h2,#featured_property_main_info h3,#featured_property_main_info p {
    color:#8B7355;
    font-family: "trebuchet ms", "helvetica neue", helvetica, tahoma, arial;
    }
#featured_property_main_info h1{
        font-size:24px;
    }
#featured_property_main_info h2{
        font-size:20px;
    }
#featured_property_main_info h3{
        font-size: 16px;
    }
#featured_property_main_info p {
        font-size:14px;
    }
#url_breadcrumbs {
    width: 70%; float: left; color:#CCC; padding-top:5px;
}
#url_breadcrumbs a, #url_breadcrumbs a:link, #url_breadcrumbs a:visited{
    color: white;
    font-weight:bold;
    font-family: "trebuchet ms", "helvetica neue", helvetica, tahoma, arial;
    text-decoration:none;
    font-size:12px;
    padding:0 8px 0 8px;
}
#header_date_info {
    width: 200px; float: right; text-align:right; padding-top:3px;
}
.properties_listed {
    border-right: 1px solid teal;
    color: #778238;
    margin: 1px;
    margin-left: 10px;
    padding-right:10px;
    width:250px;
    clear: both;
    float:left;
}
#home_content_wrapper {
    float:left;
}
#home_content_wrapper fieldset, #home_content_wrapper legend {
    border-left:none;
    border-bottom:none;
    border-right:none;
    font-size:16px;
}
.properties_listed img {
    padding: 2px;
    padding-right: 12px;
}
.properties_listed a, .properties_listed a:link, .properties_listed a:visited {
    text-decoration:none;
    color:brown;
font-family: "trebuchet ms", "helvetica neue", helvetica, tahoma, arial;
font-size:12px;
    border-bottom:1px dashed beige;
}
#properties_listed_banner {
    padding: 40px;
}
#featured_property_main_title {
    color:teal;
margin:0;
padding:0;
width:95%;
}
#featured_property_main_title h1,
 #featured_property_main_title h2,
 #featured_property_main_title h3,
 #featured_property_main_title p {
    padding: 0;
    margin: 0;
}

#search_city_region_title {
    padding-left:8px;
    width: 500px;
    float: left;
    color:olive;
}

#headlines {
    padding-right: 10px;
    border-right: 1px solid teal;
    padding-left: 10px;
    width: 250px;
    float: left;
    color: #778238;
}
#headlines ul {
    margin: 0;
    padding: 0;
    font-size: 12px;
    list-style-type:square;
}
#headlines p {
    font-size: 8px;
    margin:0;
    padding:0;
}
#headlines fieldset, #headlines legend {
    border-left:none;
    border-bottom:none;
    border-right:none;
}
#headlines a, #headlines a:link, #headlines a:visited {
    text-decoration:none;

    color:#AA8238;
}



#top_cities {
    border-right:1px solid teal;
    color:#778238;
    float:left;
    min-height:300px;
    padding-left:10px;
    padding-right:10px;
    width:194px;
    font-size: 10px;
}
#top_cities ul {
    margin: 0;
    padding: 0;
    font-size: 12px;
    list-style-type:square;
}
#top_cities p {
    margin:0;
    padding:0;
}
#top_cities fieldset, #top_cities legend {
    border-left:none;
    border-bottom:none;
    border-right:none;
}
#top_cities a, #top_cities a:link, #top_cities a:visited {
    text-decoration:none;
    color:brown;
    font-size: 11px;
}

.adcontainerbox {
    line-height: 1em;
    width: 160px;
    padding: 8px;
    background-color: #EEE;
    border: 1px solid #CCC;
    font-size: 12px;
    color: #AAA;
}
.adcontainerbox a, .adcontainerbox a:link, .adcontainerbox a:visited {
    text-decoration: none;
    line-height: 1.5em;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

#text_copy_container {
    padding: 14px;
    color: #000;
}

.houselets {
    background:#FDFDFD none repeat scroll 0 0;
    float:left;
    padding:7px;
    width:740px;
    border-right: 1px solid beige;
    border:1px solid #FFEECC;
    margin:4px;
}
.houselets p {
    font-size: 10px;
    padding: 0;
    margin: 0;
    color: #778238;
}

.houselets .houselets_box {
    background:#FDFDFD none repeat scroll 0 0;
    float:left;
    padding:7px;
    width:120px;
    height: 100px;
    border-right: 1px solid beige;
    border:1px solid #FFEECC;
    margin:6px;
    font-size:10px;
}
.houselets .houselets_box a, .houselets .houselets_box a:link, .houselets .houselets_box a:visited {
    text-decoration: none;
    color: brown;
}

#search_content {
    background:#FDFDFD none repeat scroll 0 0;
    float:left;
    padding:7px;
    width:740px;
    border-right:1px solid beige;
    border:1px solid #FFEECC;
    margin:4px;
}

.properties_listed_search {
    clear:both;
    color:#778238;
    float:left;
    margin:1px 1px 1px 10px;
    padding-right:10px;
    font-size: 11px;
}
.properties_listed_search a, .properties_listed_search a:link, .properties_listed_search a:visited {
    text-decoration: none;
    color: brown;
}

.top_city_link {
    margin:0;
    padding:0;
    border:0;
}
.top_property_link {
    margin:0;
    padding:0;
    border:0;
}
/* yui */

.yui-overlay { position:relative; top:3px; left:3px; border:1px dotted black;padding:5px;margin:10px;background:#fff; }
.yui-overlay .hd { border:1px solid red;padding:5px; }
.yui-overlay .bd { border:1px solid green;padding:5px; }
.yui-overlay .ft { border:1px solid blue;padding:5px; }