@charset "utf-8";
body {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	background-color:#747474;
	margin: 0px; 
	padding: 0px;
}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.5em;
}
#container {
	width: 778px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
#headBottomBorder {
	margin: 0px;
	height: 24px;
	padding: 0px;
	background-image: url(images/steel_bg.jpg);
	background-repeat: repeat;
	border-top: solid 2px #000000;
}
#leftMenu {
	float: left;
/*	width: 150px; */
	width: 155px;	
	padding: 6px;
}
#nav {
	margin: 0px;
	padding: 0px;
	width: 148px;
	background-color:#888888;
	list-style-type:none;
	border: solid 1px #d00202;
}
#nav #menuHead {
	background-image:url(images/menuHead_BG.jpg);
	background-repeat:repeat-x; 
	width: 148px;
	margin: 0px;
	text-align:center;
	color: #FFFFFF;
	font-size:1.2em;
	font-weight:bold;			
}
.menuLinkAdmin {
	background-image: url(images/item_bg_over.jpg);
	background-repeat: no-repeat;
}
.menuLinkAdmin:hover {
	background-image: url(images/menu_item_bg.jpg);
	background-repeat: no-repeat;
}
.menuLinkAdmin:over {
	background-image: url(images/menu_item_bg.jpg);
	background-repeat: no-repeat;
}
#nav li {
	margin: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 20px;	
	background-image: url(images/menu_item_bg.jpg);
	background-repeat: no-repeat;

}
#nav li:hover {
	background-image: url(images/item_bg_over.jpg);
	background-repeat: no-repeat;
	border-left: solid 1px #d00202;	
	border-right: solid 1px #d00202;		
}
#nav li:over {
	background-image: url(images/item_bg_over.jpg);
	background-repeat: no-repeat;
	border-left: solid 1px #d00202;	
	border-right: solid 1px #d00202;	
}
#nav li a{
	text-decoration: none;
	color: #000000; 
	font-size: 0.85em;
	font-weight:bold; 
	margin-left: 0px;
	line-height:20px;
	float: left;
	width: 140px;
	padding-left: 5px;
}
#nav li:hover a{
	text-decoration: underline;
}
#nav li a:link{
	color: #000000; 
}
#nav li a:visited {
	color: #000000; 
}
#nav li a:active {
	color: #000000; 
}
#mainContent {
	margin: 0 0 0 160px; 
	padding: 0 10px;
}
#mainContent form {
	margin-bottom: 20px;
}
#mainContent form h2 {
	margin: 0px auto;
	padding: 0px;
	background-image:url(images/menuHead_BG.jpg); 
	background-repeat:repeat-x; 
	height:20px;
	width: 90%;
	line-height:20px;
	font-size:0.9em;
	background-color: #666666; 
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
}
#mainContent form h3 {
	margin: 0px auto;
	padding: 0px;
	height:20px; 
	width: 90%;
	line-height:20px;
	font-size:0.9em;
	background-color: #666666; 
	color: #FFFFFF;
	font-weight:bold;
	text-indent:20px;
}
#mainContent form tr {
	background-color: #aaaaaa;
}
#mainContent form th {
	font-weight: normal;
	text-align:left;
	vertical-align:top;
	padding-left: 20px;
	width: 50%;
}
#mainContent form td {
	color: #000000; 
}
.callout {
	margin: 0px auto; 
	font-size:0.8em; 
}
.popout {
	font-size:0.9em; 
	background-image:url(images/rounded3.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	width: 155px;
	height: 52px;
	text-align: center;
}
.popout p{
	margin-top: 10px;
}
.popout a{
/*	color: #f0ff02; */
	color: #d00202; 
	font-weight: bold;
/*	line-height: 26px; */
}
.popout em{
	color: #f0ff02;
}
.calloutHeader {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #FFFFFF; 
	font-weight:bold;
/*	background-image:url(images/menuHead_BG.jpg); */
	background-image:url(images/callout_head_bg.gif); 
	background-repeat:repeat-x; 
}
.calloutBody {
	margin: 0px;
	padding: 0px; 
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #888888;
	border: solid 1px #d00202;
}
.callout p {
	text-align:center;
	margin: 0px;
}
.callout input[type="text"] { 
	font-size: 0.9em;
	width: 60px;	
	background-color: #CCCCCC;
	border: 1px solid #666666; 
/*	text-align: right;	*/
}
.callout input[type="password"] { 
	font-size: 0.9em;
	width: 60px;	
	background-color: #CCCCCC;
	border: 1px solid #666666; 
/*	text-align: right;	*/
}
.callout input[type="submit"] {
	margin-top: 5px;
	font-size: 0.9em;
	background-color: #CCCCCC;
}
.contentImage {
	margin: 0px auto;
	padding: 0px;
	font-size: 0.7em;
	color: #666666;
	background-color:#eaeaea;
	border-top: solid 1px #d00202;	
	border-bottom: solid 1px #d00202;	
	text-align: center;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer p {
	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size:0.8em;
	text-align:center;
}
#footer a {
	color: #000000;
}
#footer a:link {
	color: #000000;
}
#footer a:active {
	color: #000000;
}
#footer a:visited {
	color: #000000;
}
.valerror {
	color: #ff0000;
	font-size:0.8em;
	font-weight: bold;
}
.validationText {
	font-size: 0.9em;
	font-style:italic;
}