#header {
   background-color: #7ba7ce; /* Pretty blue wxelement bg */
}

#logo {
   background-position:center; 
   background-repeat:no-repeat;
   height:124px;
   vertical-align:middle;
   background-image:url(/images/main/logo-WeatherElement.jpg);
}

/*
 * Top horizontal naviagation
 */

#topHorizNav {
   background:url(/images/main/bg-header_nav.gif);
   height:32px;
}

#topHorizNav ul li a {
    font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    color:white;
}

#topHorizNav ul li a:hover {
    color:black;
    background-image:url(/images/main/bg-header_nav-on.gif);
}

#topHorizNav ul li a.active,
#topHorizNav ul li a.active:hover {
    color:#393939;
    background-image:url(/images/main/bg-header_nav-on.gif); 
}

h2.mainhead {
   margin-bottom:10px;
   font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif; 
}

h3.gettinggoing {
   font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif ; 
}

.tagline {
   background-color:#d6dfe9;
   padding:10px 9px;
   font: 1.3em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.homeinfo {
   padding: 10px 10px;
}

.moreinfo {
   padding:10px 9px;
   background-color:#d6dfe9;
   border:solid 1px #aac;
}

#content {
   background-color: #7ba7ce; /* Pretty blue wxelement bg */
}


#footer {
   background-color: #7ba7ce; /* Pretty blue wxelement bg */
}

#footerText {
   padding:3px 0;
}

/*
 * Login Button
 */
.memberButton {
   color: white;
   font: 1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif;
   background-image:url(/images/main/bg-button.gif);
   display:block;
   height: 19px;
   padding: 5px;
   margin: 10px auto;
   text-align: center;
   width:121px;
}

.memberButton:hover {
   color: white;
   background-image:url(/images/main/bg-button-on.gif);
}

.buttonBox {
   background-color: #7ba7ce; /* Pretty blue wxelement bg */
   border: solid 1px #458;
   margin: 10px inherit;
}
.buttonBoxTitle {
   margin:0 5px;
}