#bottomlayer
{	height: 100%; width: 750px; background: white; margin-right: auto; margin-left: auto; }

#wrapper
{	position: relative; text-align: left; width: 750px; margin-right: auto; margin-left: auto; padding: 192px 0 0 0; }

#main_nav
{	margin: 0; padding: 7px; width: 100%; position: absolute; font-family: verdana, arial, sans-serif; font-size: 12;
	height: 35px; top: 90px; BACKGROUND-IMAGE: url(images/navbg2.gif); }

/* adjust the menu bar by tweaking [#main_nav, top] AND [#content, top] */

#content
{ 	margin: 0; padding: 22px 0 0 0; width: 100%;  background: white; color: black; position: absolute; top: 120px; }

#header 
{	top: 0px; position: absolute; background-color: #ffffff; color: #000000; font-family: verdana, sans-serif, arial, verdana; 
	padding: 0; text-align: left; height: 77px; width: 100%; float: left; }

#footer
{	color: white; background: black; width: 750px; margin-right: auto; margin-left: auto; text-align: center; }

#breadcrumb
{	clear:both; text-align: left; color:black; background: #dddddd; width: 750px; margin-right: auto; margin-left: auto; height: 20px; }

#header2
{
	top: 0px;
	position: absolute;
	background-color: #ffffff;
	color: #000000;
	font-family: verdana, sans-serif, arial, verdana;
	padding: 0;
	text-align: left;
	height: 120px;
	width: 100%;
	float: left;
}

#content a:link, #content a:visited, #breadcrumb a:link, #breadcrumb a:visited 
{
	color: #4c66b1;
	text-decoration: none;
}

#content a:hover, #breadcrumb a:hover
{
	color: #760101;
	text-decoration: underline;
}

#content p
{
	padding: 0px 7px 0px 7px;
}

body
{
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-family: sans-serif, verdana, arial;
	font-size: 12;
	BACKGROUND-IMAGE: url(images/bg.gif);
	background-attachment: fixed;
	text-align: center;
}

#main_nav a:link, #main_nav a:visited {
	padding: 3px 4px;
	font-size: 10pt;
	font-weight: normal;
	color: #0864a0;
	text-decoration: none;
}

#main_nav a:hover, #main_nav a.selected-menu {
	color: #002f4e;
	text-decoration: none;
	background: #ebebeb;
	padding: 3px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

#main_nav a:selected {
	color: #002f4e;
	text-decoration: none;
	background: ebebeb;
	padding: 1px 2px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

#main_nav ul {
	padding: 0 0 0 5px;
	margin: 0;
	margin-bottom:0;
	list-style-type: none;
}

#main_nav li {
	display: inline;
}


h1 {
	font-family: sans-serif;
	font-weight: normal;
	font-size: 150%;
	color: #4c66b1;
	padding: 0 0 0 7px;
}

h2 {
	font-family: sans-serif;
	font-weight: normal;
	font-size: 100%;
	color: #4c66b1;
	padding: 6px 0px 10px 24px;
	margin: -16px;
}

#content li 
{
	padding: 1px;
}

#content ul
{
	list-style-image: url(images/arrow.gif);
}

.left
{
	float:left;
	padding:7px;
}

.right
{
	float:right;
	display:inline;
	padding:7px;
}

.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
}
.datatable td {
	border: 1px solid #D6DDE6;
	text-align: center;
	padding: 4px;
}
.datatable th {
	border: 1px solid #cccccc;
	background-color: #edf2ff;
	font-weight: bold;
	text-align: center;
	padding: 4px;
}
.datatable caption {
	font: bold 12px sans-serif;
	background-color: #B0C4DE;
	color: #33517A;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 2px;
	float: left;
	text-align: left;
}

.datatable tr:hover, .datatable tr.altrow:hover {
	background-color: #DFE7F2;
	color: #000000;
}

.datatable tr.altrow {
	background-color: #f4f9ff;
}

.datatable1 {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
.datatable1 td {
	border: 1px solid #CCCCCC;
	font-size: 10px;
	text-align: center;
	padding: 2px;
}
.datatable1 th {
	border: 1px solid #CCCCCC;
	background-color: #666666;
	color: White;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
}
.datatable1 caption {
	font: bold 10px sans-serif;
	background-color: #333333;
	color: #FFFFFF;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	text-align: left;
}

.datatable1 tr:hover, .datatable1 tr.altrow:hover {
	background-color: #999999;
	color: #000000;
}

.datatable1 tr.altrow {
	background-color: #CCCCCC;
}

th.month {
	/* background-color: #ffffff; */
	background-color: #4c66b1;
	border: 1px solid #000000;
	color: #ffffff;
}

td, th {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
}

td.red
{
	color: red;
}

td.blank
{
	background: edf2ff;
	font-weight: bold;
}

td.subtotal
{
	background: f9f9f9;
}

td.centered_data
{
	text-align:center;
}

td.centered_bold_data
{
	text-align: center;
	font-weight: bold;
}

tr.centered_bold_data
{
	text-align: center;
	font-weight: bold;
}

td.centered_bold_highlighted_data
{
	text-align: center;
	font-weight: bold;
	background: f9f9f9;
}

td.centered_highlighted_data
{
	text-align: center;
	background: f9f9f9;
}

div.smalltext
{
	padding: 7px;
	font-size: 10px;
	font-weight: normal;
}

.inline_images
{
	float: left;
	padding: 0 0 15px 0
}

.inline_image
{
	margin: 0;
	padding: 0 13px 0 7px;
	text-align: center;
	width: 150px;
}