body {
 background: #fff url(../images/bkg_main.gif);
 margin: 0;
 padding: 0;  
 font-family: Verdana, arial, Sans-Serif; 
 font-size: x-small;
 
}

radar 
{
    padding:0 0 0 0;
    margin:0 0 0 0;
    
}

h1 {
  font-size: 18px;
  color: #333;  
}

img {
    border: 0;
}

.masthead {
  position: relative;
  top: 0px;
  left: 0;
  padding: 0 0;
  margin: 0;  
}

siteTitle {
 color: #F8DA9E;
 font-style:normal;
 text-decoration: none;
}


p.siteName {
   position: relative;
   color: #F8DA9E;
   font-size: 24px;
   font-weight: normal;
   float: left;
   margin: 0;
   padding: 10px 0 0 0;
}

p.siteName span {
  font-size: 16px;
  padding-left: 200px;  
}

.logo {
   position: relative;
   float: right;
   right: 20px; 
   top: 0;
   padding: 0;
   margin: 0;
}

.clearboth 
{
    clear: both;
    padding: 0;
    margin: 0;
    height: 1px;
}



.sitesummaryColumn {
    position:absolute;
    top: 104px;
    left: 820px;
    /*float: left;*/
    /*width: 147px;*/
    padding: 0px;
    margin: 0;
    background: #efefef;
    Height: 1000px;    
}


.navColumn {
    position: relative;
    top: -38px;
    left: 0;
    float: left;
    width: 120px;
    padding: 8px;
    margin: 0;
    text-align: left;
    background: #efefef;
    Height: 1000px;
}

.navColumn h2 {
    font-size: xx-small;
    color: Navy;
    margin-bottom: 10px;
    margin-top: 5px;
    
   
}

.navColumn sitemenu
{
    font-size: xx-small;
    color: Navy;
}

.navColumn ul.navContainer {
    padding: 0;
    margin: 0;    
}

.navColumn li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.navColumn .navContainer li {
    list-style-type: none;
    padding: 2px 0 2px 15px;
}

.divUser
{
    position:relative;
    top: 150px;
    
    
}

.OverviewContents
{    
    position:absolute;
    top: 104px;
    float: left;
    margin-left: 1px;
    width:750;
    /*left: 877px;
    top: 0px;*/
}


.contents {
   position: relative;
    top: -38px;
    float: left;
    margin-left: 1px;
    width:750;
    /*left: 877px;
    top: 0px;*/
        
}

.commentcontents {
    position: relative;
    /*top: -20px;*/
    float: left;
    margin-left: 2px;
    /*width:750;*
    /*left: 877px;
    top: 0px;*/
        
}

.OverviewMap
{
    float: left;
    
}

.summary 
{
    
    /*float:right;*/
    /*margin-right: 5px;*/
    /*clear:right;*/
    
    /*margin-left: -125px;*/
    clear:left;
    
       
}

.damImg {
    position: relative;
    bottom: 0;
    height: 270px;
    width: 600px;
}

#pnlWaterLevel {
   position: absolute; 
   bottom: 31px; 
   Width:264px; 
}

#imgDam {
    position: absolute;
    bottom: 0;
    background: transparent;
}

.Details_RainfallData {
    /*background: #fff;*/
    border: 0px solid #000;
    padding: 0px;
    float:left
    /*clear:left;*/
    /*margin-top: -100;*/
  
    
}


.legend {

    
    
    position:absolute;
    top: 230px;
    left: 685px;
    /*float: left;*/
    /*width: 147px;*/
    padding: 0px;
    margin: 0;
    background: #fff;

    
    
    
}

.legend_public {
    position:relative;
    
    background: #fff;
    border: 0px solid #000;
    padding: 10px;
    /*float:left*/
    clear:left;
    margin-top: -100;
    
    
}





.legend td {
    font-size: 11px;
    color: #333;
    white-space:normal
}

.clearleft {
    clear: left;
}

.rainfall {
    padding: 3px;
    vertical-align: middle;
    background-color: #FAEBAF;
    border-color: #FFCC00;
    border-style: solid;
    border-width: 1px;
    font: Verdana;
    font-size:xx-small;
    height: 9px; 
    
    
    
 
}

.DamHyperlink {
 
    background-color: White;
    font-weight: bold;
    font: Verdana;
    font-size:xx-small;
 
}

.zoom
{
   
    background:#efefef;
    vertical-align:baseline;
    
        
    float:left;
    /*clear:right;*/
    
    padding:0.5em 10px;

    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    width: 845px;
    height: 35px;
    /*width:755px;*/

    
}
.zoom a{
    font-size:1.25em;
    padding:0.5em 5px;
}
.zoom ul
{
    margin-left: 15px;
    display:block;
    float: left;
}   
.zoom li{
    float:left;
}

.zoom_mapselect
{
    margin-left: 0px;
}
li span{
    font-weight:bold;
}
.last {
    border-width:0;
}

.btn_zoom_east
{
    display: block;
    width:147px;
    height:34px;
    background:transparent url(../images/btn_zoom_e.gif) no-repeat;
}

.btn_zoom_central{
    display:block;
    width:147px;
    height:34px;
    background:transparent url(../images/btn_zoom_c.gif) no-repeat;
}

.btn_zoom_west{
    display:block;
    width:147px;
    height:34px;
    background:transparent url(../images/btn_zoom_w.gif) no-repeat;
}
.btn_show_all{
    display:block;
    width:147px;
    height:34px;
    background:transparent url(../images/btn_show_all.gif) no-repeat;
}
a.btn_zoom_east, a.btn_zoom_west, a.btn_show_all{
    text-decoration:none;
}