* {	margin: 0;	padding: 0;	}
body {	font: 400 0.8em 'trebuchet ms',arial,sans-serif;	color: #888;	background: #FFF url('images/mainbg.jpg') repeat-y top center;	min-height: 100%;	}
a {	text-decoration: none;	color: #0CC;	}
a:hover {	text-decoration: underline;	}
	
.wrap {	width: 950px;	margin: 0 auto;	}
#head {	height: 231px;	width: 100%;	background: #FFF url('images/bodybg.jpg') repeat-x top left;	padding: 80px 0 0px 0;	background-color: #444;	}
#head h1 {	font: 400 4.6em 'century gothic','arial narrow',arial,sans-serif;	color: #FFF;	}	
#head h2 {	font: 400 1.3em 'century gothic','arial narrow',arial,sans-serif;	color: #00CCCC;	}

#nav {	width: 980px;	padding-top: 34px; padding-bottom: 29px;	font-size: 0px;	position: absolute; top: 226px;	}
#footnav, #nav {	margin-bottom: 50px;	}
#footnav ul, #nav ul {	list-style-type: none;	}
#footnav li, #nav li {	display: inline;	}
#footnav li a , #nav li a{	color: #B3BEBE;	font: 400 16px 'trebuchet ms',arial,sans-serif;	padding: 6px 12px;	margin: 16px 20px 0 0;	border: 1px solid transparent;	text-decoration: none;	}
#footnav li a:hover , #nav li a:hover{	color: #FFF;	background-color: #005050;	border: 1px solid #00ABAB;	}


#content {	margin: 30px 310px 50px 0;	}
#content h1, #content h1 a {	font: 400 3.8em 'century gothic','arial narrow',arial,sans-serif;	color: #0CC;	margin-top: 15px;	}
#content h2, #content h2 a {	font-weight: 400;	color: #066;	margin-bottom: 10px;	}
#content H5{text-transform: lowercase; font: 400 1.3em 'century gothic','arial narrow',arial,sans-serif; color: #066; padding-top: 10px; margin-right: 10px; border-bottom: solid 1px #066;}
#content h1 a:hover, #content h2 a:hover {	text-decoration: underline;	}
#content p {	margin: 5px 0 10px 0;	line-height: 1.5em;	}
#content p img.right, #content p img.left {	clear: none;	padding: 4px;	border: 1px solid #CCC;	background-color: #EEE;	}
#content p img.right {	float: right;	margin: 0 0 10px 15px;	}
#content p img.left {	float: left;	margin: 0 15px 10px 0;	}
#content ul {	list-style-type: none;	margin: 20px;	}
#content ul li {	padding: 4px 25px;	background: url('images/bullet.gif') no-repeat left center;	}

#right {	float: right;	clear: none;	width: 250px;	margin: 30px 0 50px 0;	color: #FFF;	}
#right h1 {		font: 400 1.8em 'century gothic','arial narrow',arial,sans-serif;	color: #033;	margin: 10px 0;	background: url('imahes/h1bullet.gif') no-repeat left;	padding-left: 25px;	}
#right p {	background: url('images/rightlist_line.gif') repeat-x top left;	line-height: 1.5em;	padding: 10px 0;	}
#right ul {	list-style-type: none;	}
#right li {	margin: 0px;	list-style:none;	background: url('images/rightlist_line.gif') repeat-x top left;	}
#right li a {	padding: 8px 2px 8px 25px;	display: block;	margin:  0;	color:#FFF;	text-decoration:none;	background: url('images/rightlist_bullet.gif') no-repeat left;	}
#right li a:hover {	background: #066 url('images/rightlist_bullet.gif') no-repeat right;	color:#FFF;	}

p.info {	border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;	background: #F3F3F3 url('images/bullet.gif') no-repeat left center;	font-size: 0.9em;	padding: 10px 5px 10px 25px;	width: 605px;	float: right;	}
.blockquote {	display: block;	background: transparent url('images/quote.gif') no-repeat top left;	padding: 10px 10px 10px 25px;	border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;	}
ol {	font-weight: 800;	font-size: 1.0em;	color: #0CC;	margin: 20px;	}
ol span {	font: 400 1.0em arial,sans-serif;	color: #888;	}
ol li {	margin-left: 25px;	padding: 4px 0;	}
.clearer {	clear: both;	line-height: 0; 	height: 0; 	font-size: 0;	}
	
#footer {	width: 100%;	background: #003939 url('images/footbg.jpg') repeat-x top left;	}
#footer .wrap {	margin: 0 auto;	padding: 20px 0;	color: #FFF;	}
#footer h4, #footer h4 a {	color: #009999;	padding: 10px 0 10px 0;	background: url('images/footlist_line.gif') repeat-x bottom left;	text-decoration: none;	}
#footer h4 a:hover {	color: #0FF;	}
#footer a.credit {	color: #0CC;	text-decoration: underline;	}
#footer a.credit:hover {	color: #0CC;	text-decoration: none;	}
p.foot {	color: #099;	margin: 5px 0 0 12px;	padding: 10px;	font-size: 1.0em;	line-height: 1.8em;	background-color: #004040;	}

/* ----- Date selector specific styles ----- */

form input.cal,form select.cal {	width: 75px; border-color: #ACACAC #E1E1E1 #E1E1E1 #ACACAC;	border-style: solid;	border-width: 1px;	float: left;	font: normal 12px Arial, sans-serif;	margin-right: 6px;}
form input.cal {	padding: 1px 3px; margin-bottom: 5px;}
form label.cal {	 color: #fff; width: 60px; float: left;	margin-left: 10px; margin-right: 6px;	text-align: right; font: normal 11px 'Century Gothic',Helvetica,Sans-serif; 	}
/*.button {float:right; margin-right: 40px; background-color: #4DA0C6; color:#fff; font-size: 11px; font-weight:bold; cursor:pointer;} */
form input.search {float: right; margin-right: 63px;}
input.dashboard,select.dashboard {	width: 70px;}

button.dashboard {background: url(images/dashboard-icon.gif);	border: 0;	cursor: pointer;	float: left;	height: 20px;	margin-right: 20px;	width: 20px;}
button.dashboard:hover,button.dashboard.active {background-position: 0 20px;}

div.dashboard {background: url(images/dashboard2.png);	height: 180px;	padding: 0 12px;	text-align: center;	width: 147px;}	
div.dashboard * {margin: 0;		padding: 0;	}	
div.dashboard div {background: none !important;		cursor: move;		height: 170px;		overflow: hidden;		padding-top: 10px;		position: relative;		width: 147px;	}	
div.dashboard caption {color: #CF0;		font: normal 12px/17px Arial, Helvetica, sans-serif;		padding-top: 4px;		text-align: center;		width: 100%;	}
div.dashboard caption a {cursor: pointer;		display: block;		height: 11px;		overflow: hidden;		position: absolute;		text-indent: -100px;		top: 16px;		width: 11px;	}
div.dashboard caption a.prev {background-image: url(images/dashboard-prev.gif);		left: 1px;	}
div.dashboard caption a.next {background-image: url(images/dashboard-next.gif);		right: 1px;	}
div.dashboard caption a:hover {	background-position: 0 11px;	}
div.dashboard caption span {height: 25px;		position: relative;		text-align: center;	}
div.dashboard caption span.month {padding-right: 8px;	}
div.dashboard caption span.month:after {content: ',';	}
div.dashboard table {		border: 0; border-collapse: collapse;		border-spacing: 0;		cursor: default;		margin: 0 auto;		overflow: hidden;		width: 147px;	}
div.dashboard td,	div.dashboard th {border: 0;		color: #999;		font: normal 12px Arial, Helvetica, sans-serif;		height: 19px;		text-align: center;		width: 21px;	}
div.dashboard td {color: #333;		font-size: 11px;		padding-right: 5px;		text-align: right;		width: 16px;	}
div.dashboard td.invalid {color: #666;	}
div.dashboard td.valid {color: #FFF; cursor: pointer;	}
div.dashboard td.active,	div.dashboard td.hover {color: #CF0;		cursor: pointer;	}