body {
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
background: #18289C;

    }



/* all the divs */

div#container {

                margin: 0em auto;
                background-color: white;
                padding-bottom: 2px;


               }
               *html div#container {margin: 0em 1%;}

div#header{
      height: 100%;
      padding: 0;
      background-color: white;
      margin: 0em auto;

}
* html div#header {height: 130px; margin: 0em 1%;}

#weather {
     float:right;
     margin-top: 20px;
     margin-right: 20px

}
*:first-child+html div #weather {margin-top: -110px; margin-right: 20px;}
* html #weather {margin-top: -110px; margin-right: 20px;}


#topnav {
    clear: both;
    float: left;
    padding: 0;
    margin: auto;
    list-style-type: none;
    width: 100%;
    height: 25px;
}
* html #topnav {width: 100%; margin: 0em 0%;}



#topnav li {
    float: left;
    display: inline;
    width: 10.7%;
    margin: 0%;
    background-color: #005AF2; 
    font-size: 12px; 
    font-weight: bold; 
    font-family: Arial, Helvetica, sans-serif;
}


#topnav li a {
    display: block; 
    width: 100%;
    height: 25px;
    margin: 0%;
    color: white; 
    font-size: 12px; 
    font-weight: bold; 
    text-decoration: none; 
    line-height: 25px;
}


#topnav li a:hover{
    height: 25px;
    color: #005AF2;
    background-color: #D9D9D9;
}

div #topnavigationcontainer {
       margin-top: 0px;
       margin-bottom: 0px; 
       margin: auto;
       height: 25px; 
       text-align: center; 
       background-color: #005AF2;
}

*:first-child+html div #topnavigationcontainer {padding: 0px 3px 0px 0px;}
* html div #topnavigationcontainer {padding: 0px 3px 0px 0px;}
/*This is an IE7 and lower navbar hack*/


div #secondcontainer {
background: white;
margin-top: 0px;
margin-left:0px;
}


div #leftnavigation{

float: left;
overflow-y: auto;
background-color: white;
height: 810px;
width: 24%;
margin-top: 0px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 20px;
}
*:first-child+html div #leftnavigation{height: 830px; width:24%}
* html div #leftnavigation{height: 830px; width:22%}

/*Headings With a Box*/
div #leftnavigation h1{
width: 94%;
border: 0px;
/*background: #D9D9D9;*/
padding: 0px;
font-weight: 700;
font-size: 14px;
color: #CC5B00;
}

/*Centered Headings With a Box*/
div #leftnavigation h2{
width: 94%;
border: 0px;
/*background: #D9D9D9;*/
padding: 0px;
text-align: center;
font-weight: 700;
font-size: 14px;
color: #CC5B00;
}

/*Headings Without a Box*/
div #leftnavigation h3{
font-weight: 700;
font-size: 1em;
}

/*Centered Text - No Box */
div #leftnavigation h4{
text-align: center;
font-size: 1em;
}


div #rightnavigation {
float: right;
width: 21%;
padding-top: 5px;
background-color: white;
padding-left: 5px;
padding-bottom: 20px;
height: 810px;
}
*:first-child+html #rightnavigation{height: 830px; width:21%}
* html div #rightnavigation{height: 830px; width:21%;}

/*Headings With a Box*/
div #rightnavigation h1{
width: 94%;
border: 0px;
/*background: #D9D9D9;*/
padding: 2px;
font-weight: 700;
font-size: 14px;
color: #CC5B00;
}

/*Centered Headings With a Box*/
div #rightnavigation h2{
width: 94%;
border: 0px;
/*background: #D9D9D9;*/
padding: 2px;
text-align: center;
font-weight: 700;
font-size: 14px;
color: #CC5B00;
}

/*Headings Without a Box*/
div #rightnavigation h3{
width: 94%;
border: 0px;
padding: 2px;
font-weight: 700;
font-size: 12px;
}

/*Centered Text - No Box */
div #rightnavigation h4{
text-align: center;
font-size: 1em;
}

div #maincontent{
padding-left: 10px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 20px;
margin-top:0px;
border-left-style: double;
border-left-color: #8B8878;
border-left-width: 5px;
border-right-style: double; 
border-right-color: #8B8878;
border-right-width: 5px;
font-family: Arial, Helvetica, sans-serif;
background-color: white;
height: 810px;
overflow: auto;
width: 51%;

}
*:first-child+html div #maincontent {margin:0 auto; max-width:70em; width: auto;}
*html div #maincontent {margin:0 auto; max-width:70em; width: auto; height:830px;} 
/*{min-width:300px; max-width:1200px; width: 99%; height: 800px;}*/

div #maincontent2{}
*:first-child+html div #maincontent2 {float:right;}
*html div #maincontent2 {float:right;} 

 
/*This is an IE7 and lower maincontent hack*/

/*Headings With a Box*/
div #maincontent h1{
width: 97%;
border: 0px;
/*background: #D9D9D9;*/
padding: 2px;
font-weight: 700;
font-size: 14px;
color: #CC5B00;
}

/*Centered Headings With a Box*/
div #maincontent h2{
width: 97%;
border: 0px;
/*background: #D9D9D9;*/
padding: 2px;
text-align: center;
font-weight: 700;
font-size: 14px;
color: #CC5B00;
}

/*Headings Without a Box*/
div #maincontent h3{
font-weight: 700;
font-size: 12px;
}

/*Centered Text - No Box */
div #maincontent h4{
text-align: center;
font-size: 1em;
}


div #maincontent p {
text-align: left;
font-size: 12px;
}

div #maincontent a{
text-decoration: none;
color: #0000FF;
}

div #maincontent a:hover{
text-decoration: underline;
color: #009966;
font-weight:700;
}

div #leftnavigation img.center{
display: block;
margin-left: auto;
margin-right: auto;
}

div #rightnavigation img.center{
display: block;
margin-left: auto;
margin-right: auto;
}

div #maincontent img.center{
display: block;
margin-left: auto;
margin-right: auto;
}

div #maincontent img.right{
float: left;
display: block;
margin-right: auto;
}

div#footer {
clear: both;
margin: 0em auto;
margin-top:-22px;
background-color:#005AF2; 
padding: .5em 1em;
text-align: center;
font-weight: bold;
color: white;
}
*:first-child+html div#footer {height: 100%; margin-top:-20px;}
* html div#footer {width: 100%; margin: 0em 1%; margin-right:0.8%; margin-top: -2px;}
/*This is an IE7 footer hack*/


#cleardiv
{
clear: both;
height: 1em;
}