/* You CAN ONLY auto scale images by height in IE ? */
body {
   color:#000; 
   background-color: #fff;
   font-family:georgia, sans-serif;
   font-size: 0.9em;
}
html, body {
   overflow-x: hidden;
     	height: auto;
   width: 100%;
   margin: 0;
   padding: 0;
   border: none;
   /*text-align: center;*/
}
#view_area {
   text-align: center;
   vertical-align: middle;
   width: 100%;
   height: 98%;
}
/****************************************************
HEADER
****************************************************/
#header {
/*height: 16%; */
height: 5em;
}
/* Navigation Menu */
#header div#navlist { /*background-color: #727900;*/
/*color: rgb(102, 102, 102);*/
font-weight: bold;
}

#header div#navlist a { border-style: none;
text-decoration: none;
/*color: rgb(228, 237, 254);*/
color: black;

}

#header div#navlist a:hover { /*background-color: rgb(228, 237, 254);*/

color: #727900;
}

#content_area {
vertical-align: middle;
 height: auto;
}

#content {
   /**background-color: rgb(220, 235, 211);*/
   text-align: left;
   height: 100%; /* corrects a bug where the border is hidden if it's 100% */
   margin-left: 0%;
   margin-right: 0%;
   /*border-style: solid;
   border-width: 1px;
   border-color: #727900;*/
}

/*********************************
MAP 
*********************************/
/* Navigation Menu */
#city_links  { 
background-color: rgb(170, 208, 151);
/**background-color: #727900;*/
color: rgb(62, 95, 41);
font-size: 0.75em;
}

#city_links a { 
color: rgb(62, 95, 41);
border-style: none;
text-decoration: none;
}

#city_links a:hover { background-color: rgb(60, 96, 43);
color: rgb(225, 238, 219);
}

#city_link_selected {
 color: rgb(225, 238, 219);
 background-color: rgb(60, 96, 43);
 }
 
 /*********************************
PROPERTY LIST
*********************************/
/* Navigation Menu */
#properties_list  { 
width: 100%; height: 26em; overflow: auto; background-color: rgb(226, 239, 220)
}

#properties_list a { 
display: block;
color: rgb(62, 95, 41);
border-style: none;
text-decoration: none;
font-size: 0.8em;
}

#properties_list a:hover { background-color: rgb(60, 96, 43);
color: rgb(225, 238, 219);
}
 
/****************************************************
FOOTER 
****************************************************/ 
#footer { /*border-style: solid;*/
font-size: 0.6em;
/* height: 3%; */
height: 1em;
}

#footer address {   color: Gray;
padding: 0;
text-decoration: none;
font-style: normal;
}

#footer a { text-decoration: none;
color: Gray;
}

#footer a:hover {  color: #727900;
}

/*******************************************
* TOOLTIP
*******************************************/
#tooltip {
   visibility: hidden;
   position:absolute;
   background: white;
   border-style: solid;
   border-width: 1px;
   border-color: gray; 
   font-size: .7em;
   
   max-width: 250px; 
   z-index:100;
   padding: 1px;
   
}