/* -------- HEADER AND SEARCH -------- */

#header {
width: 980px;
height: 143px;
background: transparent url(http://komonews.s3.amazonaws.com/STAR_banner.jpg) top left no-repeat;
border: none;
}

/*-------------------------- NAVIGATION------------------------- */

/*---- Main Nav Styles ---*/



#nav{
background-color:#FFD046;
border-bottom:2px solid #1D2877;
border-top:2px solid #1D2877;
clear:both;
float:left;
height:23px;
margin-bottom:3px;
width:980px;
}


#navbuttons {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #fff;
list-style-type:none;
text-align:center;
height:25px;
margin:0;
padding:0;

}

#navbuttons a:hover, #navbuttons .current {
background-color: #1d2877;
text-decoration: none;
color:#ffd046;
}

#navbuttons li {
display:inline;
margin:0;
padding:0;
}


#navbuttons li a {
color:#1D2877;
font-weight:400 !important;
line-height:21px;
padding:1px 15px;
text-decoration:none;
text-transform: uppercase;
font-weight: bold;

}

/*------------- SubNav --------------*/

#navbuttons .subnav {
background-color:#2D3892;
display:none;
color:#FFF;
height:25px;
line-height: 23px;
text-align:left;
position:absolute;
margin:0px auto 0 0;
padding:0;
border-top: 1px solid white;
z-index:10000000 !important;
}

#navbuttons .subnav a{
color:#ffd046;
text-decoration:none;
font-size:12px;
padding:0 15px;
}

#navbuttons .subnav a:hover{
background-color:#cdcdcd;
color:#1d2877;
}

#navbuttons .subnav li{
clear: both;
background-color:#1d2877;
width: 190px;
}

/*---Subnav On hover event---*/
#navbuttons li:hover .subnav {
background-color:#1d2877 !important;
position:absolute;
display:block;
z-index:990;
}


/*---Ie6 on hover---*/

* html #nav {
margin-bottom:0px;
}

* html #navbuttons li.sfhover .subnav {
position:absolute;
display:block;
z-index:990;
padding:0;
background-color:#1d2877;
}

* html #navbuttons li.sfhover .subnav li a {
position: relative;
z-index:999;
}

* html #nav1 .subnav,
* html #nav2 .subnav,
* html #nav3 .subnav,
* html #nav4 .subnav,
* html #nav5 .subnav,
* html #nav6 .subnav,
* html #nav7 .subnav {
margin-left:0px;
}

* html #nav3 .subnav .subnav1 {
margin-left: 0px;
}


/*---IE7 on hover---*/

*:first-child+html #nav1 .subnav,
*:first-child+html #nav2 .subnav,
*:first-child+html #nav3 .subnav,
*:first-child+html #nav4 .subnav,
*:first-child+html #nav5 .subnav,
*:first-child+html #nav6 .subnav,
*:first-child+html #nav7 .subnav  {
margin-left: 0px;
}

*:first-child+html #nav3 .subnav1 {
margin-left:0px;
}


#navbuttons li .subnav .subnavcurrent a {
background-color:#cdcdcd;
color:#1d2877;
display: block;
}

#navbuttons li .subnav.stick {
display:block;
visibility:visible;
}

/*---Younews Exceptions----*/
#younews #nav #navbuttons li ul  {
display:none;
visibility:hidden;
}

#younews #nav {
margin:0;
padding:0;
}

/* YouNews RFL */
#infobox #rfl img {
width: 300px;
height: 100px;}

/* ---- Weather Box AKA Animated Gif in Header ---- */
#weatherbox{
margin-left: 300px;
}

#weatherbox .sectiondiv3,
#weatherbox #forecast,
#weatherbox .more,
#weatherbox .advanced{
display: none;
visibility: hidden;
}

#weatherbox #stationtabs{
display: none;
}

#weatherbox #stationtabs ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}

#weatherbox #stationtabs ul li{
margin: 0px;
padding: 0px;
}

#weatherbox #stationtabs ul li a{
color: white;
font-size: 12px;
font-weight: bold;
}

#weatherbox #headersearch{
float: right;
margin: -30px 5px 0 0;
padding: 0px;
}

#weatherbox .searchbox{
margin:0 !important;
padding:0;
width:120px;
}

#weatherbox .searchbutton{
margin: -1px 0 0 5px;
padding: 0px;
text-indent: -9999px;
width: 53px;
border: 0px;
height: 23px;
background: url(http://komonews.s3.amazonaws.com/header_searchBN.png) 0 0  no-repeat transparent;
}

#weatherbox .searchbutton:hover{
background: url(http://komonews.s3.amazonaws.com/header_searchBN_over.png) 0 0  no-repeat transparent;
}




/* nav revisions*//


#nav ul {
list-style-type:none;
margin: 0 0 0 40px;
padding:0;
text-transform: uppercase;
}


/* station tabs */

#stationtabs {
width: 195px;
margin-top: 10px;
}


#stationtabs ul #tab1 a{
border-right: 1px solid #fff;
float: left;
width: 60px;
}

#stationtabs ul #tab2 a{
margin-left: 10px;
}


.STAR_header_links{
padding: 10px 0 0 0;
margin-left: 16px;
margin-bottom: 10px;
float: left;
color: #fff;
font-size: .75em;
}

.STAR_header_links a{
color: #fff;
}
#weatherbox #headersearch {
margin: 0 10px 0 0;
}

.STAR_header_links a:hover{
text-decoration: underline;
}

#starheaderimg {
float: left;
}