body {
margin:0; padding:0;
font-family:verdana, arial, sans-serif; font-size:80%; color:#666666; background-color:#666666;}

p {
margin:0; padding:0.4em 0.2em 0.6em 0.2em;}

a:link, a:visited {
color:#000066; text-decoration:underline;}

a:hover {
color:#666666; text-decoration:none;}

a:active {
color:#000066; text-decoration:underline;}

div.wholepage {
	background-color:#FFFFFF;
	width: 760px;
	margin: 20px;
	padding: 0;
}

div {margin:0; padding:0;}

h1 {
color:#000066; font-size:150%; font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
font-weight:normal;}


/* +++ Start Of Header Section +++ */

#header {
margin:0; padding:0;}

.superheader {
background-color:#000066; text-align:right; color:#FFFFFF; padding:2px 2em 2px 2px;}

.mainheader {
margin:0; padding:30px 1em 10px 3em; text-align:left;
background-image:url(images/DC_Header_Background.jpg); background-repeat:no-repeat; background-position:left top;}

.mainheader h1 {
font-size:300%; margin:0 0 5px 0; padding:0;}

.mainheader p {
	text-indent:4em;
	color:#000066;
	margin:0;
	padding:0.2em;
	font-weight:bold;
	font-size: 200%;
}

.subheader {
background-color:#000066; margin:0; padding:0.5em; text-align:center; color:#FFFFFF; border-bottom:1px solid #ffffff;}




/* +++ Start Of Side Menu Section +++ */

#sidecontainer {
	margin:0;
	padding:0;
	width:170px;
	text-align:center;
	background-color:#000066;
	height: auto;
	float: left;
}

#sidecontainer h2 {
display:block; margin:0; padding:0.2em; color:#FFFFFF; background-color:#000066; font-weight:normal;
 font-family:"trebuchet ms", "lucida sans", arial, sans-serif; font-size:120%;}

.nav {
margin:0 0 1.5em 0; padding:0; list-style-type:none; background-color:#000066;}

.nav li {
margin:0; padding:0; display:block; border-bottom:1px solid #ffffff;}

.nav a:link, .nav a:visited {
display:block; margin:0; text-decoration:none; color:#FFFFFF; margin:0; padding:0.5em;}

.nav a:hover {
display:block; margin:0; text-decoration:none; color:#FFFFFF; margin:0; padding:0.5em; background-color:#666666;}

.nav a:active {
display:block; margin:0; text-decoration:none; color:#FFFFFF; margin:0; padding:0.5em;}




/* +++ Start Of Content Section +++ */

#content {
	margin:0 0 0 170px;
	padding:0.8em;
	border-left:1px solid #000066;
	vertical-align: top;
}

#content img {
	float:left;
	border-style:none;
	margin: 20px 20px 0px;
}

q {
display:block; margin:0; padding:0.4em 20% 0.6em 20%; color:#999999; font-size:120%; 
text-align:center; height:3em;}

q:before, q:after {
content:"";}

#content h1 {margin:0; padding:0.1em; text-indent:2.5em;}


/* +++ Start of Footer Section +++ */

#footer {
margin:0; padding:0;}

.superfooter {
background-color:#000066; height:1em;}

.mainfooter {
	background-color:#FFFFFF;
	text-align:center;
	height: 1.8em;
	vertical-align: middle;
}

.subfooter {
background-color:#000066; height:1em;}

#footer p {
font-size:75%; color:#999999; padding:0.3em;}