body {
background-color: #c0c0c0;
}

/*--------------------- HEADER ----------------*/
#header {
width: 960px;
height: 87px;
background: #000 url(http://media.journalinteractive.com/designimages/620wtmj_StormTeam4_headerright.jpg) top right no-repeat;
}

/*  LOGO */
#header img {
float: left;
}

/*  WEATHERBOX MODULE  */


/* RADAR IMAGE */


#weatherbox {
font-size: 12px;
color:#FFF;
width: 320px;
display:block;
visibility:visible;
float: right;
margin: 0px 0;
padding: 0px;

}

#weatherdata {
width: 85px;
float: right;
margin: 0px 10px 0 0;
padding: 0px;

}

#weatherdata img {
width: 85px;
}

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

#weatherbox #forecast {
padding: 4px 0;
width: 220px;
margin: 0 0 0 0; 
position: absolute;

}

#stationtabs {
height: 16px;
}

#stationtabs ul {
float: right;
}

#stationtabs ul li {
display: inline;
font-size: 11px;
font-weight: bold;
margin: 0px;
}

#stationtabs ul li a:link,
#stationtabs ul li a:visited,
#stationtabs ul li a:active{
color: #fff;
}

#stationtabs #tab1 {
margin-right: 23px;
}

#stationtabs #tab2 {
margin-right: 20px;
}

#stationtabs #tab3 {
margin-right: 133px;
}


#weatherbox #windgrp {
display: inline;
font-size: 10px;
line-height: 10px;
margin: 20px 0 0 0px;
padding: 0px;
width: 115px;
float: left;
}

#weatherbox #tempgrp {
display: inline;
font-size: 28px;
font-weight:bold;
margin: 0 0 0 0;
padding: 0px;
text-align: center;
float: left;
width: 90px;
}

#weatherbox .temp {
display: block;
font-size: 28px;
line-height: 28px;
font-weight: bold;
position: relative;
width: 70px;
margin: 18px 0px 0px 20px;
padding: 0px;
}

#weatherbox .currentconditions {
font-size: 10px;
font-weight: normal;
width: 70px;
margin: 0px 0px 0px 0px;
padding: 0px;
}

.windspeed, .wind, .move {
display: inline;
}

#header .date {
font-size: 10px;
font-weight: bold;
margin: 0 0 0 0px;
padding: 0px;
position: absolute;
margin: 44px 0 0 0px;
}



/*---------------- NAVIGATION ------------------*/
#nav {
clear: both;
background: transparent url(http://media.journalinteractive.com/designimages/620wtmj_topnav.jpg) top left repeat-x;
text-transform: uppercase;
font-weight:bold;
width: 960px;
letter-spacing: .015em;
}

#navbuttons {
font-size: 12px;
color: #fff;
line-height: 23px;
display: inline;
}

#navbuttons a {
color: #fff;
padding: 0px 6px;
text-decoration: none;
}

#navbuttons a:hover, #navbuttons .current {
text-decoration: none;
color: #ffce3b;
}

#homeondemand #subnav {
height: 1px;
background: white;
}

.navrev {
font-size: 12px;
float: right;
line-height: 23px;
padding: 0 0 0 0;
}

.navrev a {
color: #E6EDF9 !important;
padding: 3px 17px 4px 5px !important;
}

.navrev ul {
display: inline; 
}

.navrev a:hover {
background-image: none !important;
background-color: #d12f23 !important;
text-decoration: none;
}

#subnav {
width: 960px;
font-size: 12px;
color: #fff;
line-height: 19px;
height: 21px;
clear: both;
background: transparent url(http://media.journalinteractive.com/designimages/620wtmj_secondarynav.jpg) top left repeat-x;
}

#subnav li {
display: block;
float: left;
}

#subnav a {
display: block;
padding: 2px 14px 0 12px;
color:#fff;
}

#subnav li.subnavcurrent {
background: transparent url(http://media.journalinteractive.com/designimages/620wtmj_subnav_current_02.jpg) top right no-repeat;
}

#subnav .subnavcurrent a {
background: transparent url(http://media.journalinteractive.com/designimages/620wtmj_subnav_current_01.jpg) 0 0 no-repeat !important;
color: #fff;
}

#subnav .subnavcurrent a:hover {
text-decoration: none;
}