body {
background-color: #5b6c85;
}

/* ---------------- DATE ---------------- */
.date {
margin: 21px 0 0 0;
padding: 0;
line-height: 10px;
width: 100px;
float: left;
}

* html .date { /* Reformated the IE hack so IE7 would not read it. */
margin-top: -16px;
}

#time, #date {
margin: 0;
padding: 0;
font-size: 9px;
line-height: 10px;
font-family: Arial, sans-serif;
font-weight: bold;
color: #ffc600;
text-transform: uppercase;
}

/* ---------------- HEADER ---------------- */
#header {
clear: both;
width: 960px;
height: 100px;
margin: 0;
padding: 0 0 0 0;
}

* html #header img {
margin: 0 0 -3px -3px;
padding: 0;
}

.headerpromo {
float:right;
margin:5px 5px 0 0;
}

* html #header .headerpromo {

}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .headerpromo { margin: 5px 5px 5px 5px !important; }
}


/* ---------------- HEADER WEATHER ---------------- */
#weatherbox {
float: left;
width: 371px;
height: 101px;
margin: 0;
padding: 0;
}

#weathercontent {
margin: 0;
padding: 0;
height: 1px;
}

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

#stationtabs {
width: 351px;
margin: 0;
padding: 0;
}

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

#stationtabs ul li {
display: block;
float: left;
list-style-type: none;
height: 22px;
}

#stationtabs ul #tab1 {
width: 71px;
background: transparent url(http://media.journalinteractive.com/designimages/wtmj_radar.gif) top left;
}

#stationtabs ul #tab1 a {
display: block;
width: 71px;
text-indent: -9999px;
}

#stationtabs ul #tab2 {
width: 126px;
background: transparent url(http://media.journalinteractive.com/designimages/7day.gif) top left;
}

#stationtabs ul #tab2 a {
display: block;
width: 126px;
text-indent: -9999px;
}

#stationtabs ul #tab3 {
width: 154px;
background: transparent url(http://media.journalinteractive.com/designimages/wtmj_video.gif) top left;
}

#stationtabs ul #tab3 a {
display: block;
width: 154px;
text-indent: -9999px;
}

#weatherboxftp {
width: 91px;
height: 77px;
float: left;
clear: both;
}

#weatherboxftp img {
width: 75px;
height: 63px;
border: 1px solid #a5a5a5;
margin: 8px 8px 0 8px !important;
padding: 0;
}

#forecast {
float: left;
margin: 29px 0 0 0;
width: 234px;
height: 1px;
color: #fff;
font-size: 10px;
line-height: 11px;
font-family: Arial, sans-serif;
text-transform: uppercase;
}

#forecast .humidity {
padding: 0;
margin: 0;
width: 100px;
}

#forecast #tempgrp {
font-size: 26px;
line-height: 20px;
float: right;
text-align: right;
color: #fff;
padding: 1px 40px 0 0;
width: 70px;
}

* html #forecast #tempgrp { /* Ie 6 Pushes temp to far to the left */
padding: 1px 25px 0 0;
}

#forecast .temp {
width: 80px;
height: 25px;
line-height: 25px;
text-align: center;
padding-left: 10px;
}

#forecast .temp .move {
display: inline;
margin: 0 0 0 -5px;
}

#forecast .currentconditions {
font-size: 10px;
line-height: 11px;
font-weight: normal;
padding: 2px 0 0 0;
margin: 0;
width: 90px;
text-align: center;
}

#forecast .wind,
#forecast .windspeed {
display: inline;
}


/* ---------------- NAVIGATION ---------------- */
#nav {
margin: 0;
padding: 0;
height: 56px;
}

* html #nav {
font-weight: bold;
}

#navbuttons {
background: url(http://media.journalinteractive.com/designimages/TMJ4_nav_01.jpg) bottom right no-repeat;
font-size: 12px;
color: #fff;
line-height: 30px;
height: 30px;
margin: 0;
padding: 0;
}

#navbuttons li {
background: transparent url(http://media.journalinteractive.com/designimages/wtmj_nav_li_bkg.gif) top right no-repeat;
padding: 0 16px 0 4px;
text-transform: uppercase;
}

* html #navbuttons li {
font-weight: bold;
}

#navbuttons #nav1 {
padding-left: 14px;
}

#navbuttons #nav12 {
background: none;
}

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

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

#subnav {
width: 960px;
font-size: 13px;
color: #fff;
line-height: 24px;
height: 26px;
background: url(http://media.journalinteractive.com/designimages/TMJ4_nav_02.jpg) top right no-repeat;
margin: 0;
padding: 0;
}

#subnav ul {
padding: 0 0 0 6px;
}

#subnav li {
display: block;
float: left;
padding: 0 6px;
}

#subnav a {
display: block;
color: #fff;
margin: 0;
padding: 2px 6px 0 0;
}

#subnav li.subnavcurrent {
background: transparent url(http://media.journalinteractive.com/designimages/wtmj_subnav_hover_left.gif) top left no-repeat;
}

#subnav .subnavcurrent a {
background: transparent url(http://media.journalinteractive.com/designimages/wtmj_subnav_hover_right.gif) top right no-repeat !important;
}

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