BODY {
        MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;  SCROLLBAR-FACE-COLOR: #EAF9FF; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; MARGIN-LEFT: 0px; SCROLLBAR-SHADOW-COLOR: #4665b5; COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #fafcfe; FONT-FAMILY: verdana, arial, helvetica; SCROLLBAR-DARKSHADOW-COLOR: #fcf3f1; BACKGROUND-COLOR: #E2E2E2
}
TABLE {
        FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: verdana, arial, helvetica
}
TR {
        FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: verdana, arial, helvetica
}
TD {
        FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: verdana, arial, helvetica
}

.nav {
        FONT: bold 11px Verdana, Arial, sans-serif; COLOR: #ffffff
}
A.nav {
        COLOR: #ffffff; TEXT-DECORATION: none
}
A.nav:visited {
        COLOR: #ffffff
}
A.nav:hover {
        COLOR: #ffcc00; TEXT-DECORATION: none; TEXT-DECORATION: none; LEFT: 1px; POSITION: relative; TOP: 1px;
}
.nav1 {
        FONT: bold 12px Verdana, Arial, sans-serif; COLOR: #ffcc00
}
A.nav1 {
        COLOR: #ffcc00; TEXT-DECORATION: none
}
A.nav1:visited {
        COLOR: #ffcc00
}
A.nav1:hover {
        COLOR: #ffcc00; TEXT-DECORATION: none
}

A:link {    COLOR: #0C3A52;
        FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none
}
A:visited {
        FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none; COLOR: #006393;
}
A:active {
        FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none; COLOR: #128abd;
}
A:hover { COLOR: #0084C3; TEXT-DECORATION: underline; }

.head {
        FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: verdana, arial, helvetica
}
.text {
        FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: verdana, arial, helvetica
}
.cat {
        FONT-SIZE: 9px; COLOR: #666666; FONT-STYLE: italic; FONT-FAMILY: verdana, arial, helvetica
}
A.footlink {
        FONT-SIZE: 10px; COLOR: #cccccc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.footlink:link {
        FONT-SIZE: 10px; COLOR: #cccccc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.footlink:active {
        FONT-SIZE: 10px; COLOR: #cccccc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.footlink:visited {
        FONT-SIZE: 10px; COLOR: #cccccc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.footlink:hover {
        FONT-SIZE: 10px; COLOR: #cccccc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}

.footertext {
        FONT-SIZE: 9px; COLOR: #999999; FONT-FAMILY: arial,helvetica; TEXT-DECORATION: none
}


.normal { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; 
         TEXT-ALIGN: justify; MARGIN-LEFT: 8px; MARGIN-RIGHT: 8px; }
a.atas { COLOR: #FFFFFF;  font-size: 11px;
        FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none }
a.atas:hover { COLOR: #DCEDFA;  font-size: 11px;
        FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none }
a.atas:visited { COLOR: #BFD3DF;  font-size: 11px;
        FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none }
a.ttd {
        font-weight: bold;
        width: 100%;
        height: 20;
        line-height: 20px;
        color: #0C3A52;
        background-color: #e2e2e2;
        text-decoration: none;
        font-size: 10px;
        font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
        BORDER-TOP: #DEE8EB solid 1px; 
        }
a.ttd:hover {
        color: #0084C3;  TEXT-DECORATION: none; 
        background-color: #F3FAFC;
        BORDER-TOP: #DEE8EB solid 1px;  
           
}
.bgmenu { color: #FFF; font-size:13px; background: #0C3A52 url(images/boxarticle.gif) repeat-x; 
	 padding: 4px 4px 4px 4px;

	}

.ttdb {
        BORDER-bottom: #DEE8EB solid 1px;  
           
}
.ttda {
        BORDER-bottom: #A5BDCF solid 1px;  
           
}
.navtable {
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
}
.navtable_cell {
        font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif; 
      border-bottom: 1px solid #CCCCCC; font-size: 8pt;
}
.grsbawah {
        font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
      border-top: 1px solid #0c2d83; font-size: 8pt;
}

FORM  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;
      font-weight: normal; margin-bottom: 0; margin-top: 0;        }

TD.abu { BORDER-bottom: #d5d5d5 2px outset; BORDER-TOP: #eeeeee 2px outset; BORDER-LEFT: #d5d5d5 2px outset; BACKGROUND-COLOR: #cccccc
}

.navrate {
        border-left: 1px solid #666666;
        border-bottom: 1px solid #666666;
        }
.navrate3 {
                border-bottom: 1px solid #666666;
        }

.navrate2 {
        border-top: 1px solid #666666;
        border-bottom: 1px solid #666666; border-left: 1px solid #666666;
        border-right: 1px solid #666666;
 }


.tutupkk { 
        border-left: 6px solid #006B9F;
        border-right: 1px solid #cccccc;        
}
.tutupkiri {
        border-left: 1px solid #cccccc;
        }
.tdleft {
        border-left: 12px solid #000000;
        }
.tutupab {
        border-top: 1px solid #cccccc;
         border-bottom: 1px solid #cccccc;
        }
.tutupcd {
        border-left: 1px solid #cccccc;
        
        }
 .tutupb {
          border-bottom: 1px solid #D8D8EB;
        }
 .tutupb2 {
          border-bottom: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        }


.menuskin{
position:absolute;
width:140px;
background-color:#4665b5;
border:1px solid #8ea2f3;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
visibility:hidden;
}

.menuskin a{
text-decoration:none;
color:#FFFFFF;
padding-left:11px;
padding-right:11px;
}

#mouseoverstyle{
background-color: #D8D8EB;
}

#mouseoverstyle a{
color: #0c2d83;  background-color: #8ea2f3;
       BORDER-LEFT: #D8D8EB 2px; cursor: hand;
       width: 100%;
 }

table.ccDetails {
        border: 1px Solid #eeeeee;
        font-size: 12px;
}
.wTod {
        font-weight: bold;
        border-top: 1px Solid #eeeeee;
        border-bottom: 1px Solid #eeeeee;
}
.wForcast {
        border-top: 1px dotted #dddddd;
        font-size: 11px;
}
a.wForcast {
        color: #000000;
        
}
.wObserv {
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        background-color: #eee;
}
.wConditions {
        font-size: 10px;
        font-weight: bold;
}
.wCondDetails {
        font-size: 12px;
        font-weight: bold;
}
.wFeel {
        font-size: 11px;
        font-weight: bold;
        background-color: #eee;
}
.wFeelValue {
        font-size: 11px;
        background-color: #eee;
}
.wHumidity {
        font-size: 11px;
        font-weight: bold;
        background-color: #fff;
}
.wHumidityValue {
        font-size: 11px;
        background-color: #fff;
}
.wWinds {
        font-size: 11px;
        font-weight: bold;
        background-color: #eee;
}
.wWindsValue {
        font-size: 11px;
        background-color: #eee;
}
.wWindg {
        font-size: 11px;
        font-weight: bold;
        background-color: #fff;
}
.wWindgValue {
        font-size: 11px;
        background-color: #fff;
}
.wBar {
        font-size: 11px;
        font-weight: bold;
        background-color: #fff;
}
.wBarValue {
        font-size: 11px;
        background-color: #fff;
}
.wDew {
        font-size: 11px;
        font-weight: bold;
        background-color: #eee;
}
.wDewValue {
        font-size: 11px;
        background-color: #eee;
}
.wVisi {
        font-size: 11px;
        font-weight: bold;
        background-color: #fff;
}
.wVisiValue {
        font-size: 11px;
        background-color: #fff;
}
.wUv {
        font-size: 11px;
        font-weight: bold;
        background-color: #eee;
}
.wUvValue {
        font-size: 11px;
        background-color: #eee;
}
.wPrecip {
        font-size: 11px;
        font-weight: bold;
        background-color: #eee;
}
.wPrecipValue {
        font-size: 11px;
        background-color: #eee;
}
.wSunr {
        font-size: 11px;
        font-weight: bold;
        background-color: #fff;
}
.wSunrValue {
        font-size: 11px;
        background-color: #fff;
}
.wSuns {
        font-size: 11px;
        font-weight: bold;
        background-color: #eee;
}
.wSunsValue {
        font-size: 11px;
        background-color: #eee;
}
.wExtForcast {
        font-size: 10px;
         text-align: center;
        background-color: #eee;
}
a.wExtForcast {
        font-size: 10px;
        color: #000000;
}

.wLsup { 
        font-size: 9px;
        color: #c0c0c0;
        text-align: right;
        background-color: #fff;
        border-top: 1px dotted #eeeeee;
}
.wDetails {
        color: #000000;
        background-color: #eeeeee;
        text-align: center;
        font-size: 9px;
}
.wxLinks {
        font-size: 10px;
        color: #000080;
}
.input, textarea {
    border: 1px solid #000;
    font-family: Verdana;
    font-size: 10px;
        padding: 1px;
}

.select {
    border: 1px solid #000;
    font-family: Verdana;
    font-size: 10px;
}


.gbr {
border:1px solid #004f77;
float:left;
margin: 2px 5px 2px 0;
padding:4px;
	}
	
.gal {
background:#fafbfc;
border:1px solid #004f77;
margin: 10px 0px 10px 0px;
padding:4px; 
	}


a.coba { COLOR: #333333;  font-size: 11px; cursor: text;
        FONT-FAMILY:  verdana, arial,  helvetica; TEXT-DECORATION: none }
a.coba:hover { COLOR: #333333;  font-size: 11px; cursor: text;
        FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none }
a.coba:visited { COLOR: #333333;  font-size: 11px; cursor: text;
        FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none }
a.coba:active { COLOR: #333333;  font-size: 11px; cursor: text;
        FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none }