﻿body {
background-color:#BCC8DE;
}
html, body{height:100%;} 
/* end hack */ 

#container
{
width: 960px;
background-color: #fff;
color: #333;
padding:3px;
margin:0px auto;
border:0px solid black;

}

#top
{
padding: .5em;
background-color:#EFEFEF;
background: ;
border-color:#464646;
border-style:double;
border-width:0px;
border-bottom: 15px solid green

}


#top h1
{text-align:center;
color:#26404F;
padding: 0;
margin: 0;
font-style:normal;
text-decoration:none;
border:0;
}

#leftnav
{
position:relative;/*ie needs this to show float */
float: left;
width: 200px;
margin: 0;
text-align:left;
font-size:80%;

}

#content
{
padding:2px;
float:left;
text-align:left;
width:590px;

}

#footer
{
clear: both;
margin: 0;
padding: .5em;
font-size:80%;
color:#333333;
background: ;
border-top: 10px solid green;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

.vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 95%;
padding: 0px;
margin: 25px 0px 0px 0px;

}

.vertmenu h1 {
display: block; 
background-color:#F4F4F4;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color:#425A84;
margin: 0px;
width: 80%;
text-align:center;
}

.vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
.vertmenu ul li {
margin: 0px;
padding: 0px;
}
.vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dotted #DDDDDD;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width: 95%;
}

.vertmenu ul li a:hover, .vertmenu ul li a:focus {
color:#466291;
background-color:#EFF3F8;
}


#right-column{
position:relative;/*ie needs this to show float */
margin: 0;
padding: 5px;
text-align:left;
font-size:80%;
width:125px;
float:right;
}