/*CSS document*/
body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	margin: 7px; 
}

.hidden {
/* show any descriptive text in a link only in speech browsers, hide in all visual browers.*/
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; /* for the benefit of IE5 Mac */}
	/*.hidden {display:none;} */
p {font-size: 12px;	font-style: normal;	margin: 9px 0px; padding: 0px;}	
ul {margin-top: 0px;}
li, dl {font-size: 12px; margin: 2px 0px 1px 0px;}
img {border: 0px; }
table { empty-cells:show;}
td, th {font-size: 12px; padding: 3px;}
H1 {font-size: 24px; color: #99DDFF; margin: 2px; text-align: center;}
H2 {font-size: 22px; margin:5px; text-align: center;}
H3 {font-size: 18px; margin:4px 4px 4px 0px;}
H4 {font-size: 14px; margin:4px 4px 4px 0px;}
H5 {font-size: 12px; margin:4px 4px 4px 0px;}
b{font-weight : bold;}
i{font-style : italic;}

.H3Grey { font-size: 18px; font-weight: bold; color: #494949; }

a:link, a:visited {color: #00f; text-decoration: none;}
a:hover, a:active {color: #603; text-decoration: underline;}

.smaller {font-size:9px;}
.required {color:#ff0000; font-size:12px; font-weight:bold;}
.red {color:#ff0000;}	
.indent {text-indent: 30px;}

.floatleft {
	float: left; 
	margin: 0px 15px 10px 0px; 
	}
	
.floatright {
	float: right; 
	margin: 0px 0px 10px 15px; 
	}


/* ************* Style Specific For a Popup Window or Smaller Window ************* */
#contentpopup {
	overflow: visible; 
	font-size: 11px;
	border-top: 0px none #99DDFF;
	border-right: 2px solid #99DDFF;
	border-bottom: 6px solid #99DDFF;
	border-left: 2px solid #99DDFF; 
}

/*--Use this button class with struts code & comment input.button class out ----*/
.button a:link, .button a:visited {
	background-color: #99DDFF;
	font-weight: bold;
	color: #036;
	border: 2px outset #ccc;
	margin: 2px;
	height: auto;
	padding: 4px;
	width: auto;
	text-align: center;
	text-decoration: none;

}
.button a:hover, .button a:active { background-color: #99DDFF; color: #000; text-decoration: none; } 
/*End of forms styles*/	

/* --------  Page Content Layout divs  -----------*/
#banner {
	width: 760px;
	width/* */:/**/760px;
	width: /**/760px;	
	background-color: #000;
	margin: 0px auto ; /* auto used to center layout in browser window*/
	padding: 0px;
	height: 125px;
}
#bannerleft {
	width: 272px;
	width/* */:/**/272px;
	width: /**/272px;	
	height: 125px;
	/*background-color: #000;*/
	margin: 0px 0px -5px 0px; 
	padding: 0px;
	float: left;
}
#bannertop {
	width: 488px;
	width/* */:/**/488px;
	width: /**/488px;	
	height: 90px;
	background-color: #000;
	margin: 0px;
	padding: 0px;
	float: right;
}
#bannerbottom {
	width: 488px;
	width/* */:/**/488px;
	width: /**/488px;	
	background-color: #000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
	height: 34px;

}
#bannerlinks {
    width: 250px;
	width/* */:/**/250px;
	width: /**/250px;	
	margin: 0px;
	padding: 8px 0px 6px 0px;
	text-align: right;
	float: left;

}
#search {
	float:right;
	font-size: 12px;
	color:#fff;
	width:238px;
	width/* */:/**/238px;
	width:/**/238px;
	margin: 0px;
	padding: 5px 0px 1px 0px;
	vertical-align: middle;
	text-align: right;
    height: 30px;

	}
#search fieldset {
	margin: 0px; 
	padding:0px; 
	border: none;
	}
	
#search legend, #search form {
	margin: 0px; 
	padding: 0px;
	}
	
#search input{vertical-align:middle;}

.search button { 
	font-size: 10px; 
	background-color: #999; 
	color: #fff; 
	border: 2px outset #fff; 
	margin: 0px 0px 0px 5px; 
	padding: 0px; 
	}
#bannerlinks ul { list-style: none; margin: 0px; padding: 0px; font-weight: bold;}
#bannerlinks li { display: inline; padding: 0px 5px 0px 0px; margin: 0px;}
#bannerlinks li a {padding-right: 8px;}
#bannerlinks a:link, #bannerlinks a:visited {color: #fff; text-decoration: none;}
#bannerlinks a:hover, #bannerlinks a:active {text-decoration: underline;}

#nav {font: bold 12px Arial, Helvetica, sans-serif;
	color: #999;
	background-color: #8FD600;
	text-align: center; 
	margin: 0px auto; /* auto used to center layout in browser window*/
	width: 760px;
	width/* */:/**/760px;
	width: /**/760px;
	padding: 5px 0px 5px 0px;
}
#nav ul { list-style: none; margin: 0; padding: 0;}
#nav li { display: inline; padding: 5px 12px 5px 9px;} /*adjust distance between nav items with the right padding*/
#nav a:link, #nav a:visited {color: #036; text-decoration: none;}
#nav a:hover, #nav a:active {text-decoration: underline;}


#content {
	background-color: #fff;
	overflow: visible; 
	vertical-align: top;
	width: 760px;
	width/* */:/**/760px;
	width: /**/760px;
	font-size: 12px;
	text-align: left;
	margin: 0px auto; /* auto used to center layout in browser window*/
	padding: 0px;
	clear: both;
	/*float: left;*/
}
#main {
	background-color: #fff;
	overflow: visible;
	width: 615px;
	width/* */:/**/615px;
	width: /**/615px;
	font-size: 12px;
	text-align: left;
	margin: 0px;
	float: right;
	padding-left: 5px;  
}

/* Style Specific For a Second level navigation or left hand navigation */
#subnav {
	color: #000; 
	background-color: #8FD600;
	text-align: left;
	margin: 0px;
	width: 140px;
	width/* */:/**/140px;
	width: /**/130px;
	font-size: 12px;
	padding: 20px 5px 3px 5px;
	float: left;
	vertical-align: top;
}
#subnav p {font-weight:bold; padding:9px 0;}
#subnav ul { list-style: none; margin: 0; padding: 0;}
#subnav li { display: block; padding: 5px 0px 5px 0px; border-bottom: ridge #ccc 2px ;} /*adjust distance between nav items with the bottom/top padding*/
#subnav a:link, #subnav a:visited {text-decoration: none; color: #000;}
#subnav a:hover, #subnav a:active {text-decoration: underline; }

/* This code controls the format of the left navigation using <div> level
no additional code is needed on navigation.htm
NOTES:
 (display:block;) Takes up the full width available, with a new line before and after 
 (display:inline;) Takes up only as much width as it needs, and does not force new lines - default display
*/
#subnav ul li a{background:#8FD600; display:block; padding: 3px; width:95%;}
#subnav ul li a:hover{background:#A0F000; color: #000; display:block; padding: 3px; width:95%;}

/* This code does the same thing but is used as a class for the <li>
you would need to change <li> to <li class="subnav"> in navigation.htm
NOTES: You can remove this code if you don't need it */
/*.subnav a{background:#B38125; display:block; padding: 5px 0px 5px 0px; width:100%;}
.subnav a:hover{background:gold;  display:block; padding: 5px 0px 5px 0px; width:100%;}*/
	
/*Beginning of footer style*/
#footer {
	clear: both; 
	width: 760px;
	width/* */:/**/760px;
	width:/**/760px;
	margin: 3px auto; 
	padding: 0px;
	font-size:11px; 
	text-align:center;
	}
#footerleft {
	width: 150px;
	width/* */:/**/150px;
	width: /**/150px;	
	height: 75px;
	/*background-color: #000;*/
	margin: -5px 0px -5px 0px; 
	padding: 0px;
	float: left;
}

#footer p{
	font-size:10px;
	margin: 0px 0px 0px 0px;
	}

#footer a:link, #footer a:visited {
	color: #00f; 
	text-decoration: none;
	}
	
#footer a:hover, #footer a:active{text-decoration: underline;}

#footerlinks {font: 8px Arial, Helvetica, sans-serif;
	color: #999;
	background-color: #8FD600;
	text-align: center; 
	margin: 0px auto; /* auto used to center layout in browser window*/
	width: 760px;
	width/* */:/**/760px;
	width: /**/760px;
	padding: 2px 0px 2px 0px;}
	
#footerlinks ul { list-style: none; margin: 0; padding: 0;}
#footerlinks li { display: inline; padding: 5px 15px 5px 12px;} /*adjust distance between nav items with the right padding*/
#footerlinks a:link, #footerlinks a:visited {color: #036; text-decoration: none; font-size: 11px;}
#footerlinks a:hover, #footerlinks a:active {text-decoration: underline;}
	
#contact1 {	width: 610px;
	width/* */:/**/610px;
	width:/**/610px;
	height: 75px;
	text-align:center; 
	margin: 0px; 
	padding: 10px 0px 0px 0px; 
	float: right;
	}

#contact2{
	width: 252px;
	width/* */:/**/252px;
	width:/**/252px;
	height: 65px;
	float: left;
	text-align:center; 
	margin: 0px; 
	padding: 10px 0px 0px 0px; 
	}
	
#contact3{
	width: 253px;
	width/* */:/**/253px;
	width:/**/253px;
	height: 65px;
	float: right;
	text-align:center; 
	margin: 0px; 
	padding: 10px 0px 0px 0px; 
	}

.speciallink {font: 14px Arial, Helvetica, sans-serif;
	color: #999;
	text-align: center; 
	margin: 0px auto; /* auto used to center layout in browser window*/
	padding: 2px 0px 2px 0px;}
.speciallink a:link, .speciallink a:visited {color: #036; text-decoration: none; font-size: 14px; font-weight:bold;}
.speciallink a:hover, .speciallink a:active {text-decoration: underline;}