﻿body {border:0px; margin:0px; background-color:#ffffff; font-family:Georgia; font-size:12px; color:#445a6a;}
a {color:#385f73}
.formtable {border:2px solid #aeaeae; background-color:#efefef;}
.error {color:#ff0000}

.headline {font-size:21px; font-weight:bold; color:#385f73;}
.title {font-size:18px; color:#385f73}
.section {font-size:18px; font-weight:bold; color:#404243;}
.bigdate {color:#8996a0;}
.bigauthor {font-weight:bold}
.author {font-size:11px; color:#8996a0;}
.breadcrumbs {color:#666666; font-weight:bold}
.breadcrumbs a {color:#666666}

.header_date {color:#d0ebff; font-family:Arial; font-size:11px; font-weight:bold;}
.header_login {color:#ffffff; font-family:Arial; font-size:11px;}
.header_login a {color:#ffffff;}
.header_cities {color:#445a6a; font-family:Arial; font-size:11px;}
.header_cities a {color:#445a6a;}

.footer_row1 {border-top:1px solid #9c9d9f; background-color:#e4e7e9; padding:10px 0px 10px 0px; font-size:11px; color:#717d83; letter-spacing:2px}
.footer_row1 a {color:#717d83; text-decoration:none}
.footer_row2 {background-color:#cfd4d8; border-top:2px solid #b6babe; font-size:11px; color:#717d83; padding:20px;}
.footer_row2 a {color:#717d83}



/*WEATHER----------------------------------------------------------------------*/
.temp{
    font-size:22px;
    font-family:Tahoma;
    }

.cc{
    font-size: 11px;
    font-family:Tahoma;
    }

.fcastWeekDay{
    font-weight: bold;
    }
    
.ccLoc{
    font-weight: bold;
    }

.fcastDate{
    font-size: 11px;
    font-family:Tahoma;
    }

.curWind{
    font-size: 11px;
    font-family:Tahoma;
    }

.weatherTable{
    background-color:white;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    }
    
.fcastTable{
    background-color:white;
    text-align:center;
    border:solid 1px #c3c3c3;
    margin-left: auto;
    margin-right: auto;
    }

.weatherError{
   color: #ff0000;
   font-size: 12px;
} 
/*WEATHER----------------------------------------------------------------------*/



/*MENU TABS----------------------------------------------------------------------*/
.glossymenu{
position: relative;
margin: 0 auto 0 auto;
padding: 0;
background: url(images/menu_bg.jpg) repeat-x; /*tab background image path*/
height: 31px;
list-style: none;
}
.glossymenu li{
float:left;
border-left:1px solid #bbc2c8;
}
.glossymenu li a{
float: left;
display: block;
color:#202223;
text-decoration: none;
font-size: 14px;	
padding:0 0 0 10px; /*Padding to accomodate left tab image. Do not change*/
height: 31px;
line-height: 31px;
text-align: center;
cursor: pointer;	
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 15px 0 6px; /*Padding of menu items*/
font-weight:normal;
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #2782b0;
background: url(images/menu_hover_left.jpg) no-repeat; /*left tab image path*/
background-position: left;
font-weight:normal;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
color: #2782b0;
background: url(images/menu_hover_right.jpg) no-repeat right top; /*right tab image path*/
font-weight:normal;
}
/*MENU TABS----------------------------------------------------------------------*/



/*HOMEPAGE TABS----------------------------------------------------------------------*/
.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}
.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Georgia;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
}
.shadetabs li a:visited{
color: #2d2b2b;
}
.shadetabs li a:hover{
text-decoration: none;
color: #2d2b2b;
}
.shadetabs li.selected{
position: relative;
}
.shadetabs li.selected a{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}
.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
/*HOMEPAGE TABS----------------------------------------------------------------------*/



/*BUTTONS----------------------------------------------------------------------*/
a.ovalbutton{
background: transparent url('images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/*BUTTONS----------------------------------------------------------------------*/