html { min-height: 100%; margin-bottom: 1px; }
.h1print {display: none;} 
.h2print {display: none;}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #404040;
	font: normal 75% Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;}
	
li {margin-left: -15px;}
li.nobutton {list-style-type: none; margin-left: 5px; margin-bottom: 2px;}
form {margin: 0; padding: 0;}
h1 {font-size: 24px;}  /* This is necessary to make h1 the same size in IE */

#container {
	background: #404040;
	width: 100%;}

	
/* MAIN TEXT WINDOW */

#mainwindow {
	position: relative;
	width: 750px; 
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #FFFFFF !important;
	overflow: hidden;
	}
	
#main {
	width: 580px; 
	display: inline;
	margin: 0;
	padding: 40px 10px 0 10px;
	float: left;
	background: #FFFFFF !important;}
	
#main a, a:link, a:active {color: #1A3C8E; background-color: inherit; text-decoration: none; font-size: 12px;}
#main a:visited {color: #686BEA; background-color: inherit; font-size: 12px;}
#main a:hover {color: #1A3C8E; background-color: inherit; text-decoration: underline; font-size: 12px;}
	
.blue {color: #1A3C8E; background-color: transparent;}
.bluelarge {color: #1A3C8E; background-color: transparent; font-size: 14px; font-weight: bold;}
.red {	color: #EF1217; background-color: transparent;}
.ltgray {color: #999999; background-color: transparent; text-align: left;}
.mdgray { color: #4D4D4D; background-color: transparent; text-align: left;}
.dkgray {color: #FFFFFF; background-color: #333333; font-weight: bold; text-align: left;}
.pics {border: none; margin: 20px 0px 20px 20px;}
	
.codes, pre {
	font-family:"Courier New", Courier, monospace;
	font-size: 12px;}
	
.large {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-color: inherit;
	font-weight: bold;}
	
.small {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-color: inherit;
	font-weight: normal;}
	
.smallbold {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-color: inherit;
	font-weight: bold;}
	
#block {
	margin: 0 0 5px 5px; 
	width: 150px; 
	float: right;
	background-color: #E5E5DD;}
	
#sidenav {	
	background: #FFFFFF !important;
	width: 149px;
	vertical-align: top;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	margin-top: 0px;
	padding-top: 40px;
	border-right: 1px solid #FF0000;
	margin-bottom: -2000px; 
	padding-bottom: 2000px;}
	
#sidenav a, a:link, a:visited, a:active {color: #EF1217; background: #FFFFFF; text-decoration: none; font-size: 12px; line-height: 20px; font-weight: bold;}
#sidenav a:hover {color: #333333; background: #FFFFFF; text-decoration: none; font-size: 12px; line-height: 20px; font-weight: bold;}
	
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 2px;
	line-height: 1.7em;
	background: #FFFFFF;}
	
/* THE HEADER */

#header {
	width: 750px;
	margin: 0 0 20px 0;
	padding: 0;
	background: #FFFFFF;}
	
	
#logo {
	width: 233px;
	padding: 20px 15px 45px 15px;
	float: left;
	background: #FFFFFF;}
	
#splatter {
	width: 750px;
	float: left;
	position: absolute;
	left: 0px;
	top: 95px;
}
	
#headerpics {
	width: 472px;
	padding: 10px 0px 15px 15px;
	float: left;
	background: #FFFFFF;}
	
/* THE FOOTER */

#footer {
	width: 730px;
	color: #000000;
	font: normal 11px Arial, Helvetica, sans-serif;
	background: #CCCCCC !important;
	text-align: right;
	padding: 15px 20px 15px 0;
	float: left;
	position: relative;}
	
#footer a, a:link, a:visited, a:hover {color: #000000; background-color: transparent; font: normal 11px Arial, Helvetica, sans-serif;}