/*************** start body, heading styles ***************/

body {
background-color: #ffffff;
text-align:center;
margin: 0px;
font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: 12px;
}

h1 {
font-size:12px;
}

h2	{
font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: 13px;
color: #0000FF;
font-weight: bold
}

h3	{
font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: 12px;
color: #0033CC;
font-weight: bold
}

h4	{
font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: 12px;
color: #0033CC;
font-weight: bold;
}

p	{
color: #333333;
line-height: 16px;
}

.small	{
font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
line-height: 12px;
}

hr {
height: 1px;
color: #0033CC;
}

/*************** start link effects ***************/

a:link { color: #0000FF; text-decoration: none; }
a:visited { color: #003366; text-decoration: none; }
a:hover { text-decoration: underline; }

/*************** start footer styles ***************/

#footer	{
font-size: 11px;
text-align:center;
border-top: 1px solid #0033CC;
padding: 6px;
color: #0033CC;
margin-left:6px;
margin-right:6px;
margin-top:10px;
margin-bottom:6px;
}

#footer	a {
color: #0033CC;
text-decoration: none;
}

#footer	a:hover {
text-decoration: underline;
}
	
/*************** start layout divs ***************/	

	
#frame {
width: 834px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding: 0px;
text-align: left;
}

#content {
width: 834px;
text-align: left;
}

td.left {
width: 50%;
padding: 15px 15px 15px 0px;
vertical-align: top;
border-right: 1px #0033CC solid;
}	
	
td.right {
width: 50%;
padding: 15px 0px 15px 15px;
vertical-align: top;
}	

.nopad	{
padding: 0px;
vertical-align: top;
}

.top1	{
width: 57%;
padding: 0px;
vertical-align: top;
}

.top2	{
width: 18%;
padding-left: 10px;
padding-right: 10px;
vertical-align: top;
}

.top3	{
width: 25%;
padding: 0px;
vertical-align: top;
}

.weather {
height: 98px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
vertical-align: middle;
border: 1px #0033CC solid;
}

.border {
padding: 0px;
vertical-align: top;
border: 1px #0033CC solid;
}

.borderpad {
padding: 7px;
vertical-align: middle;
border: 1px #0033CC solid;
}

.borderhead {
padding: 5px;
vertical-align: middle;
border-bottom: 1px #0033CC solid;
font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: 12px;
color: #0033CC;
font-weight: bold
}

.loginbut {
padding: 0px;
vertical-align: bottom;
}

.pad5 {
padding-left: 10px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 0px;
}

.header_icon {
width: 90px;
height: 63px;
padding: 0px;
}

.header_text {
width: 100%;
height: 63px;
vertical-align: top;
font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: 12px;
color: #8C4131;
font-weight: bold;
background: url('images/header_bg.gif');
}

table.login {
width: 100%;
height: 100%;
}

td.boxhead {
background-color: #0033CC;
border-right: 1px #FFFFFF solid;
padding: 6px;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-align: left;
}

td.boxsub {
border-bottom: 1px #66CCFF solid;
padding: 6px;
font-size: 11px;
text-align: left;
font-weight: bold;
}

td.box {
border-bottom: 1px #66CCFF solid;
padding: 6px;
font-size: 11px;
text-align: left;
}

.link1 {
width: 100px;
padding: 10px;
background-color: #FDE4CB;
border: 1px #0033CC solid;
color: #8C4131;
font-weight: bold;
}

.link2 {
padding: 10px;
border: 1px #FDE4CB solid;
}

/*************** start horizontal nav ***************/

div#navcontainer
{
background-color: #0066FF;
border-top: solid 1px #0033CC;
border-bottom: solid 1px #0033CC;
position: center;
width:834px;
}

div#navcontainer ul
{
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 6px;
padding-top: 6px;
}

div#navcontainer ul li
{
display: inline;
margin-left: -4px;
}

div#navcontainer ul li a
{
padding: 7px;
color: #000000;
text-decoration: none;
border-right: 1px solid #0033CC;
}

div#navcontainer ul li a:hover
{
background-color: ;
color: #ffffff;
}

#active a { 
background-color: #66CCFF;
color: #D4B72F;
}