HTML, BODY {
	font-family: serif;
	font-size: 14px;
	color: #000000; 
	background-color: #eeeeee; 
	height: 100%;
}

H1 {
	color: #7777dd; 
	background-color: #ffffff; 
	font-size: 24pt; 
	margin: 1.0em;
}

H2 {
	color: #7777dd; 
	background-color: #ffffff; 
	font-size: 22pt; 
	
}

H3 { 
	color: #7777dd;
	background-color: #ffffff;  
	font-size: 18pt; 
	margin: 0px 10px 0px 10px;
}

H4 { 
	color: #7777dd;
	font-size: 16pt; 
	margin: 0px 10px 0px 10px;
}

P {
	padding-left: 10px;
}

A:link {
	color: blue; 
	text-decoration: none
}

A:visited {
	color: #888888;  
	text-decoration: none
}

A:hover {
	color: #555555; 
	text-decoration: none
}

.nav_header { 
	color: #bbbbbb; 
	background-color: #ffffff; 
	font-size: 16pt; 
	font-weight: bold; 
	text-align: left;
}

a.nav_header {
	text-decoration: none;
}

a.nav_header:link {
	color: #aaaaaa; 
	text-decoration: none;
}

a.nav_header:visited {
	color: #aaaaaa; 
	text-decoration: none;
}

a.nav_header:hover {
	color: #888888; 
	text-decoration: none;
}

a.nav_header:active {
	text-decoration: none;
}

.nav {
	color: #bbbbbb; 
	font-size: 12pt; 
	font-weight: bold; 
	text-align: left;
}

a.nav {
	text-decoration: none;
}

a.nav:link {
	color: #888888; 
	text-decoration: none;
}

a.nav:visited {
	color: #777777; 
	text-decoration: none;
}

a.nav:hover {
	color: #555555; 
	text-decoration: none;
}

a.nav:active {
	text-decoration: none;
}

div.spacer {
	clear: both;
}

div.ie_center {			/* need this for IE */
	text-align: center;
}

div.box {			/* outside box */
	background-color: #ffffff; 
	width: 800px; 
	margin: 0px auto; 
	border: double #cccccc; 
	padding: 1px;
	text-align: left;
}

div.header {			
	height: 80px;
	width: 800px;
	background-color: #a8c2db;
	margin: 0px;
	padding: 0px; 
	border-bottom: double #6666cc;
}

div.nav_header{		/* menu column on right */
	position: relative;
	float: right; 
	width: 180px;
	margin: 0px 5px 0px 0px;
	/* padding-top: 10px; */
	padding-bottom: 0px;
}

div.content {
	/* float: left; */
	width: 600px;  
	height: auto;
	margin: 0px 10px 0px 5px;
	padding: 0;
}

div.footer {
	position: relative;
	float: left;
	height: 70px;
	width: 795px; 
	background-color: #a8c2db;
	margin-top: 10px; 
	padding: 3px; 
	border-top: double #6666cc;
}

div.leftcolumn {
	position: relative;
	float: left;
	width: 270px;	
	margin-top: 10px;
	text-align: left;
	padding-left: 0px;
	border-bottom: dotted #66c 1px;	
}

div.rightcolumn {
	position: relative;
	float: right;
	width: 270px;	
	margin: 10px 20px 0px 0px;
	padding-right: 5px;
	border-bottom: dotted #66c 1px;
}

*[title]:after { content: ""; }
*[title]:hover:after { content: " ("attr(title)") "; }

div.row span.left {
	float: left; 
	color: #ffffff; 
	width: 49%;
	text-align: left; 
	padding: 3px; 
	font-weight: bold; 	
}

div.row span.right {
	float: right; 
	color: #ffffff; 
	width: 49%;
	text-align: right;
	padding: 3px; 
	font-weight: bold; 
}

.floatleft {
	float: left;
	margin: 0 10px 10px 0;
	border: 0px;
}

.floatright {
	float: right;
	margin: 0 0 10px 10px;
	border: 0px;
}