/* 

Weatherbug.com 
CSS TOP NAV and page wrapper styles

*/


BODY { margin: 0; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; }
BODY.jeansBack { background-color: #82B6ef; }

#headerBg { width: 100%; background-color: #1D84E9; text-align:center; }
#header { width: 753px; height: 53px; background:#1D84E9 url(/images/baseAssets/bugCom_topLogo_v1.gif) no-repeat; text-align:center; margin:0px auto; padding:0px; }
#blueBg { width: 100%; height:26px; font-weight: normal; margin:0px; padding:0px; background: #023467; color: #ffffff; text-align:center; } 
#bludBg[id] { height:27px; }
#grayBg { width: 100%; height: 25px; background: #EEF3FB; color: #023467; text-align: center; border-bottom:1px solid #1D84E9; }


/*  nav  */

#topNav { width:735px; margin:0px auto; padding:0px 0px 0px 20px; }
#topNav[id] { padding-left:45px; }
#topNav ul { margin:0px; padding:2px 0px 0px; list-style:none; text-align:center; }
#topNav li { float:left;  background:url("/images/baseAssets/topNav_left.gif") no-repeat left top; margin:0px 0px 0px 0px; padding:0px 0px 0px 9px; }
#topNav A { float:left; display:block; background:url("/images/baseAssets/topNav_right.gif") no-repeat right top; padding:4px 9px 3px 0px; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px !important; text-align: center; color: #EEF2FB; text-decoration: none; font-weight: bold; border:0px; }
#topNav[id] a { padding-top:5px; }
#topNav A:hover { color:#A5CFFD; text-decoration: none }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topNav a {float:none;}
/* End IE5-Mac hack */
#topNav LI.liOn { background-image:url("/images/baseAssets/topNav_left_on.gif"); }
#topNav LI.liOn A.curr { background-image:url("/images/baseAssets/topNav_right_on.gif"); color:#1D84E8; padding-bottom:5px; }
#topNav LI.liOn A.leftFirst { background-image:url("/images/baseAssets/topNav_left_first.gif"); color:#333; padding-bottom:5px; }


#subNav {  position: relative; width:700px; margin: 0 auto; padding-top:1px;} 
#subNav P { }
#subNav A:link, #subNav A:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px !important; text-align: center; color: #023467; text-decoration: none; font-weight: bold;}
#subNav A:hover, #subNav A:active { text-decoration: none; }
#subNav A.on:link, #subNav A.on:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px !important;color: #1D84E8; }
#subNav A.on:hover, #subNav A.on:active { text-decoration: none }

/* end nav */


/*  CONTENT SUPER SET */
#content { background-color: #ffffff; width:100%; text-align:center; }

INPUT { font-family:arial, verdana, sans-serif; font-size:10px; color:#000000; }
H1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #1D84E8; font-weight: bold; margin-top: 17px; margin-bottom: 8px }
H2 { font-family: Tahoma, verdana, sans-serif; font-size: 13px; color: #1D84E8; font-weight: bold; margin-top: 0px; margin-bottom: 8px }
H3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1D84E8; font-weight: bold; margin-top: 30px; margin-bottom: 0px }
P { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #023467; margin-top:4px }
a:link, a:visited { text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #023467 }
a:hover, a:active { text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #1A76CF }
UL, OL { margin-top: 8px; }
UL.noBullet, OL.noBullet { list-style-type:none; }
UL LI, OL LI {  font-family: tahoma, arial, sans-serif; font-size: 11px; color: #023467; margin-left: -10px; line-height:15px; font-weight: bold }



/*  Content Sub Nav (tabs)  */
TABLE.contentBox { border:1px solid #59A5EE; font-family:Tahoma, Arial, sans-serif; color:#023467; font-size:11px; background-color:#EEF2FB;}
div.contentWin { position:relative; top:2px; left:0px; width:670px; height:20px; margin:0px; vertical-align:bottom; padding-bottom:1px; }
div.contentWin a.optionOff:hover{ color:#F2E23E; background-color:#023467; }
a.optionOn:link, a.optionOn:visited, a.optionOn { height:18px; padding-top:2px; position:absolute; top:1px; display:block;
border-right:#59A5EE 1px solid; 
border-top:#59A5EE 1px solid; 
border-bottom: 0;
border-left:#59A5EE 1px solid; 
background-color:#EEF2FB; 
text-align:center; font-weight:bold; font-size:12px; color:#59A5EE; text-decoration:none; font-family:Tahoma,Arial,sans-serif; }
a.optionOn:link[class], a.optionOn:visited[class], a.optionOn[class]  { height:16px; }


a.optionOff:link, a.optionOff:visited { height:18px; padding-top:2px; position:absolute; top:0px; display:block; 
border-right:#59A5EE 1px solid; 
border-top:#59A5EE 1px solid; 
border-left:#59A5EE 1px solid; 
background-color:#59A5EE; 
text-align:center; font-weight:bold; font-size:12px; margin:0px; color:#ffffff; text-decoration:none; font-family:Tahoma,Arial,sans-serif; }
a.optionOff[class]:link, a.optionOff[class]:visited { height:16px; }


/* Footer */
.bottomNav { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; text-align: center; line-height:200%; width: 700px; }
.bottomNav a:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; text-decoration: underline; }
.bottomNav a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; text-decoration: underline; }
.bottomNav a:active { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; text-decoration: underline; }
.bottomNav a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; text-decoration: none; }

/* bottomNavBold added 8/17/05 - JL */
.bottomNavBold { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; font-weight: bold; text-align: center; line-height:200%; width: 700px; }
.bottomNavBold a:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; font-weight: bold; text-decoration: underline; }
.bottomNavBold a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; font-weight: bold; text-decoration: underline; }
.bottomNavBold a:active { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; font-weight: bold; text-decoration: underline; }
.bottomNavBold a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; font-weight: bold; text-decoration: none; }

.textNav { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; }
.textNav A:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; }
.textNav A:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; }
.textNav A:active { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; }
.textNav A:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #023467; }