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

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font: normal 75% Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;}
	
a, a:link, a:active {
	color: #003f87;
	background-color: inherit;
	text-decoration: none;
}
a:visited {
	color: #3c6778;
	background-color: inherit;
}
a:hover {
	color: #3c6778;
	background-color: inherit;
	text-decoration: underline;
}
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 */

/* MAIN TEXT WINDOW */

#mainwindow {
	position: relative;
	/* width: 780px; */
	margin-top: 0;
	margin-left: 5%;
	margin-right: 5%;
	text-align: left;
	background: #FFFFFF !important;
	color:inherit}
	
#main {
	/* width: 629px; */
	padding-left: 15px;
	padding-right: 5px;}
	
.blue {color: #003F87; background-color: transparent;}
.bluelarge {
	color: #003F87;
	background-color: transparent;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
.ltblue {color: #A0B2CF; background-color: transparent;}
.steelblue {color: #3C6778; background-color: transparent;}
.red {	color: #FF0000; background-color: transparent;}
.burgundy {color: #911C4E; 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;}
.bluebkgrnd {color: #FFFFFF; background-color: #003F87; font-weight: bold; text-align: left; padding: 5px 5px 5px 5px;}
.dkgreen {color: #737C51; background-color: transparent;}
.ltgreen {color: #B7C881; background-color: transparent;}
.coffee {color: #7B6C46; background-color: transparent;}
.orange {color: #C1912F; background-color: transparent;}
.white {color: #FFFFFF; background-color: transparent;}
.calendar {color: #FFFFFF; background-color: #003F87; font-size: 14px; font-weight: bold; height: 25px; vertical-align: middle; padding-left: 5px; text-align: left;}
.directory {color: #000000; background-color: #CCCCCC; text-align: left;}
.computing {border: solid; border-color: #CCBE99; border-style: solid;}
.computing2 {border: solid; border-color: #003F87; border-style: solid;}
.pics {border: none; margin: 20px 0px 20px 20px;}
.caption {font-weight: bold; padding: 0px 0px 10px 10px;}
	
.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;}
	
/* SIDE NAVIGATION BARS */
	
.osctitle {
	color: #CCBE99;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	height: 18px;} 
	
td#sidenav {	
	color: #FFFFFF;
	background-color: #003F87;
	width: 151px;
	vertical-align: top;}
	
#sidenav a, #sidenav a:link, #sidenav a:visited, #sidenav a:active {color: #FFFFFF; background-color: inherit; text-decoration: none;}
#sidenav a:hover {color: #FFFFFF; background-color: inherit; text-decoration: underline;}
	
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-left: 4px;
	margin-right: 2px;}
	
td#rightsidenav {	
	color: #333;
	background-color: #E5E5DD;
	width: 200px;
	vertical-align: top;}
	
#rightsidenav H3 { color: #003F87; background-color: transparent; font-size: 14px; margin-left: 6px; margin-right: 6px;}
	
.rightnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-right: 6px;}
	
table#highlights {float: right; margin-top: 30px; margin-left: 10px;}
table#highlights td {background-color: #FFF8DF;}
	
/* THE HEADER */
	
#topwrapper {
	width: 100%;
	background: url("/images/background.gif") repeat-x;}
	
#top {
	position: relative;
	width: 790px;
	height: 118px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	z-index: 2727;
	background-color: #FFFFFF;}
	
#secondarymenu {
	position: absolute;
	right: 0px;
	top: 68px;
	width: 790px;
	height: 25px;
	background-color: #003F87;}
	
.menu {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #FFFFFF; vertical-align: bottom;}

/* THE FOOTER */

#footer {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #333;
	background: #CCBE99 !important;
	text-align: left;}
	
#footertext {
	position: relative;
	width: 760px;
	height: 80px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	text-align: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	z-index: 2727;
	background-color: transparent;}
.footerblue {color: #003F87; background-color: transparent; font-size: 12px; font-weight: bold;}

#footerblueline {
	width: 100%;
	height: 5px;
	margin: 0;
	padding: 0;
	color: #333;
	background: #003F87 !important;}
	
#footerCC {
	width: 760px;}
.Quotes {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 24px;
	font-style: italic;
}