* {
	margin: 0;
	padding: 0;
}

body {
background: #fff;
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #fff;
}

#wrap {
margin: 0 auto;
width: 780px;
background: #3069AE;
}

#header {
height: 200px;
background: #3069AE;
}
#header h1 { 
font-size: 28px;
letter-spacing: -1px;
padding: 23px 0 0 20px;
background: #3069AE;
color: #fff;
}
#header h2 {
font-size: 19px;
background: #3069AE;
color: #fff;
padding: 5px 0 0 20px;
letter-spacing: -1px;
font-weight: 100;
}

#content {
padding: 0 20px 20px 20px;
}

.left {
float: left;
width: 550px;
text-align: justify;
padding-top: 10px;
}
.left h2 {
font-size: 18px;
font-weight: 100;
padding: 15px 0 7px 0;
}
.left h2 a {
text-decoration: none;
}
.left h2 a:hover {
color: #111;
}

.right {
float: right;
width: 160px;
padding-top: 15px;
}
.right h2 {
margin: 10px 0 0 0;
padding-left: 10px;
height: 24px;
line-height: 24px;
background: #3069AE;
color: #fff;
font-size: 13px;
}
.right ul {
padding: 10px 0 15px 10px;
list-style-type: none;
}
.right ul li a {
color: #fff;
text-decoration: none;
font-size: 12px;
font-weight: 100;
}
.right ul li a:hover {
color: #111;
}
#footer {
height: 70px;
background: #D1E6EF url(images/footer.jpg) no-repeat;
text-align: center;
font-size: 12px;
color: #fff;
}
#footer .copyright { float:left; margin: 0px; padding-left: 20px; text-align: center; }
#footer .links { float: right; margin: 0px; padding-right: 20px; text-align: center; } 
#footer a { color: #E5E5CC; }

ul.cssMenu {width:776px;}
ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#3069AE;
	background-repeat:repeat;
	border-color:#AAAAAA;
	border-width:1px;
	border-style:solid;
}
ul.cssMenu table {border-collapse:collapse;}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:201px;
}
ul.cssMenu li {
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#3069AE;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:normal 14px Verdana;
	color: #FFFFFF;
	text-decoration:none;
	cursor:default;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:18;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:#FFFFFF;
	border-color:#665500;
	border-style:solid;
	font:normal 14px Verdana;
	color: #2F51AE;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#FFFFFF;
	border-color:#665500;
	border-style:solid;
	font:normal 14px Verdana;
	color: #2F51AE;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
#navcontainer
{
/* container div set-up */
width: 350px;
padding: 10px;
font-size: 14px;
/* Set font-size so theres no default */
line-height: 24px;
/* Set line-height because I think it looks better like this ;^) */
letter-spacing: .075em;
/* Set letter-spacing so text don't jump as much when it turns bold on hover */
}

#navcontainer a
{font:normal 14px Verdana;
color: #FFFFFF;
text-decoration:none;
/* Set text-decoration and color so there is no default */
}

#navcontainer a:hover
{
font-weight: bold;
letter-spacing: 0;
/* Set letter-spacing back to 0 so text don't jump as much when it turns to bold on hover (Still jumps some though) */
}

#navcontainer ul
{
list-style-type: none;
padding-left: 0px;
margin: 0px;
}

#navcontainer ul ul
{
padding-left: 15px;
/* offset sub menu */
}

#navcontainer ul li
{
padding-left: 5px;
margin-left: 2px;
/* Set margin-left to set-up the left border */
}

#navcontainer ul li#active
{
margin-left: 0px;
/* Set margin back half of left-border width (5px) */
}

#navcontainer ul ul li#subactive
{
margin-left: 0px;
/* Set margin back half the 30px padding above */
border-left: 5px solid black;
}

#navcontainer li { border-left: 1px solid black; }
#navcontainer li#active { border-left: 5px solid black; }