body, html {
	margin: 0;
	padding: 0;
	background: #fff;
}

p {
	margin: 8px 0;
}

h2 {
	margin: 10px 0 0 0;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #003470;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
}

#container {
	margin: 0 auto;
	overflow: auto;
}

#leftpanel {
	width: 235px;
	float: left;
}

#navigation {
	float: left;
	width: 665px;
	height: 52px;
	background: #fff url(img/navbar.jpg) right top no-repeat;
	color: #fff;
}

#navigation a {
	float: left; 
	margin: 25px 35px 0 0;
}

#subnav {
	margin: 5px 0 0 0;
	padding: 0 0 0 40px;
	float: left;
	font: 14px Arial, Helvetica, sans-serif;
	color: #444;
}

#subnav a {
	margin: 0 20px 0 0;
	float: left;
}

#middle {
	width: 457px;
	float: left;
	background: #fff;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #444;
}

#middle a {
	color: #003470;
	text-decoration: none;
	font-weight: bold;
}

#middle a:hover {
	color: #0099FF;
	text-decoration: none;
	font-weight: bold;
}

.content {
	width: 380px;
	margin: 40px auto 0 auto;
}

.title {
	margin: 0 0 4px 0;
}

.squaredup {
	margin: 6px 6px 0 0;
	float: left;
}

#rightpanel {
	width: 208px;
	float: left;
	text-align: right;
}

#bottombar {
	width: 900px;
	height: 15px;
	background: #dcf2fd url(img/bottombar.jpg) center top repeat-y;
	text-align: center;
	font: 9px/15px Arial, Helvetica, sans-serif;
	color: #003470;
	clear: both;
}	

#footer {
	width: 900px;
	margin-top: 3px;
	font: 9px Arial, Helvetica, sans-serif;
	color: #666;
}

#footer .designimage {
	float: right;
	text-align: right;
	font: 9px Arial, Helvetica, sans-serif;
	color: #666;
}

#footer .designimage a {
	font: 9px Arial, Helvetica, sans-serif;
	color: #888;
	text-decoration: none;
}

#footer .designimage a:hover {
	color: #003470;
}
