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:#8C9DF0;
	font-size: 100%;
	padding: 3px 0 5px 3px;
	border: 1px solid #000000;
	color:#FFFFFF;
	margin: 0px;
	width: 100%;
	text-align:center;
	font-weight: bold;
}

.vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
.vertmenu ul li {
margin: 0px;
padding: 0px;
}
.vertmenu ul li a {
	font-size: 100%;
	display: block;
	border-bottom: 1px dotted #DDDDDD;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	color: #000000;
	width: 100%;
}

.vertmenu ul li a:hover, .vertmenu ul li a:focus {
	color:#FFFFFF;
	background-color:#000066;
	font-weight: bold;
}


#right-column{
position:relative;/*ie needs this to show float */
margin: 0;
padding: 5px;
text-align:left;
font-size:80%;
width:125px;
float:right;
}