body   { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	margin: 20;
	background-color: #8c8c8c; 
}

body, td, th   { 
	font-size: 80%;
}

a {
	color: #033060;
}

a:hover {
	color: #033060;
	text-decoration: none;
}

#menu {
	background-color: #033060;
	border-right: 1px dotted #cccccc;	
}

.leftmenu {	
	background-color: #033060;
}

.leftmenu td {	
	border-bottom: 1px dotted #cccccc;	
	line-height: 20px; 	
	text-indent: 5px;
}

.leftmenu a {	
	color: white;	
	display: block;	
	text-decoration: none;
}

.leftmenu td:hover, .leftmenu a:hover {	
	color: #033060;	
	background-color: #a4a4a4;
}

.main-body {	
	padding: 20px;
	background-color: white;
}

#header-graphic  { 	
	color: white;
	font-size: 250%;
	font-weight: bold;
	background-color: black;
}

#pagetitle {	
	background-color: #c8c8c8;
	color: black;	
	font-size: 150%;	
	font-weight: bold;	
	padding-top: 10px;	
	padding-left: 20px;	
	height: 25px;
}

#footer {
	background-color: black;
	color: white;
	font-size: 80%;
}
 
#footer a {
	color: white;
	text-decoration: none;
	font-size: 80%;
}
 
#footer a:hover {
	color: white;
	text-decoration: none;
}
 
.image-box { 
	margin: 10px;
	padding: 10px; 
	border: solid 2px black; 
}

#main-table {
	background-color: white;
	border-color: 2px solid black;
}

.inactive {
	display: none;
}
.active {
	display: block;
}

form .errorMessage {
	color: red;
}

form #errorBox {
	border-top: 1px solid red;
	border-left: 1px solid red;
	border-bottom: 2px solid red;
	border-right: 2px solid red;
	background-color: #ffeeee;
	text-align: center;
	margin: 15px;
	color: red;
	padding: 8px;
}