body
{
	background: #FFF;

margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif, "bitstream vera sans";
	color: #666;
}

#top {
background-color: #356AA0;
background: url('images/topgrad.png')repeat-x;
width: 100%;
height: 100px;

}

#title {
color: #FFF;
font-size: 3em;
padding-left: 50px;
padding-top: 20px;
}

#navigation {
width: 800px;
margin-left: auto;
margin-right: auto;
height: 28px;
text-align: right;
margin-top: -10px;
}


#navigation li {
list-style-type: none;
display: inline;
font-size: 1.5em;

}

#navigation li a
{
	color: #FFF;
	text-decoration: none;
	padding: 10px 10px 4px 10px;
	text-align: center;
}

#navigation a:hover
{
	background: #eee;
	color: #111;

	border-bottom: solid 1px #aaa;
}

#navigation a.active {
background: #FFF;
color: #111;
border-bottom: solid 2px #FFF;
}

#contentcontainer
{
	width: 100%;
	background: #FFF;
	}

#contentshadow
{
	margin: 0 auto;
	width: 850px;
	background: #FFF url('images/content.jpg') repeat-y;
}

#content
{
	margin: 0 auto;
	min-height: 550px;
	width: 550px;
	padding: 10px 240px 10px 10px;
	background: #FFF;
	line-height: 150%;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;

}

#contentright
{
	border-left: 1px solid #BBB;
	padding-left: 10px;
	float: right;
	position: absolute;
	width: 209px;
	margin-left: 561px;
	min-height: 550px;
}

a {
color: #303030;
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: #000;
}

h1 {
border-bottom: solid 4px #356AA0;
padding-left: 15px;

}

p {
padding: 10px;
margin-top: 5px;
}

h2 {
font-size: 1.3em;
margin: 20px 0px -25px 0px;
padding: 3px 0px 0px 5px;
}

#footer
{
background-color: #356AA0;
background-image: url('images/topgrad.png');
width: 100%;
height: 100px; 
color: #FFF;
text-align: center;
}

#footercon {
color: #FFF;
text-align: center;
padding-top:25px;
}
#footercon a {
color: #FFF;
text-decoration: underline;
}

#footercon a:hover {
color: #000;
background-color: transparent;
}