body {
	background:#b8b8b8;
	margin:0px;
	padding:0px;
	text-align:center;
}

h3, h4, h5, a, ul, li, lo, td {
	font-family:Arial, sans-serif;
	text-align:left;
	font-size:11px;
	color:#000000;
}

/* Redefines the p tag */
p {
	font-family:Arial, sans-serif;
	text-align:left;
	font-size:12px;
	color:#000000;
	line-height:15px;
	margin:15px;
}

h1 {
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	background-color:#9daee7;
	padding:4px 0px 3px 5px;
	margin:0px;
	border-bottom:1px solid #000000;
}

ul {
	font-family:Arial, sans-serif;
	color:#000000;
	line-height:15px;
}

li {
	font-size:11px;
}

/* Creates the general link style for the site. This is not the main navigation.  */
a:link {
	font-size:11px;
	color:#000000;
	font-weight:bold;
	font-family:Arial, sans-serif;
	text-decoration:none;
}
a:visited {
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}

#footer a:link {
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	font-family:Arial, sans-serif;
	text-decoration:none;
}
#footer a:visited {
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

/*Collapses borders that some browsers automatically apply to tables. */
table, td, th  {	
	border-collapse:collapse;
}

/* Creates the div container for the footer. */

div#container {
	width:726px;
	background-image:url(images/nav.jpg);
	background-position:left;
	background-repeat:repeat-y;
	margin-top:15px;
	background-color:#FFFFFF;
	border:2px solid #000000;
	margin-left:auto;
	margin-right:auto;
}

div#copyright {
	color:#000000;
	text-align:center;
	font-family:Arial, sans-serif;
	font-size:11px;
}

ul#mainnav {
	line-height:14px;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul#mainnav li {
	display:inline;
}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */
ul#mainnav li a {
	font-size:11px;
	width:201px;
	border-bottom:1px solid #ffffff;
	padding:4px 0px 4px 5px;
	text-align:left;
	color:#053e78;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

ul#mainnav li a.active {
	background-color:#053e78;
	color:#ffffff;
}

ul#mainnav li a.active:hover {
	background-color:#053e78;
	color:#ffffff;
}

ul#mainnav li a:hover {
	background-color:#ffffff;
	color:#053e78;
}

div#clear {
	clear:both;
}

address {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-style:normal;
	text-align:center;
	margin-top:10px;
	font-weight:normal;
}

div#header {
	background-image:url(images/logo.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	text-align:left;
	border-bottom:2px solid #000000;
	margin:0px;
}

div#left {
	float:left;
	width:206px;
}

div#right {
	width:518px;
	float:right;
}

div#footer {
	clear:both;
	border-top:2px solid #000000;
	padding:3px;
	background-color:#053e78;
	color:#FFFFFF;
	font-size:11px;
}

.image {
	float:right;
	margin:10px;
	border:1px solid #000000;
}

.cc {
	margin-top:10px;
}