/**************** Body and Tag Styles ****************/

*{margin:0; padding:0;}

body {
	font: Verdana,Tahoma,Arial,sans-serif;
	line-height:1.4em;
	text-align:center;
	color:#303030;
	background: #ACADAE url('../graphics/background.jpg') repeat-x;
	margin: 0 0 20px 0;
	padding: 0;
}



/**************** Header and Navigation Styles ****************/

#container {
	margin-left: auto;
	margin-bottom: 20px;
	margin-right: auto;
	margin-top: 20px;
	width:1050px;
	text-align:left;
	padding: 0;
}

#top_right_nav {
	float: right;
	font-family: Verdana,Arial,Tahoma,sans-serif;
	color: #fff;
	padding: 0 50px 0 0;
	font-size: 0.8em;
	text-align:  right;
}

#top_right_nav a {
	font: Verdana,Arial,Tahoma,sans-serif;
	text-decoration: none;
	color: #fff;
}

#top_right_nav a:hover {
	text-decoration: underline;
	color: #fff;
}

#header {
	height:178px;
	width:1050px;
	background: url('../graphics/header-bg01.jpg') no-repeat;
	margin: 0 0 0 -8px;
	padding: 0;
}



/**************** Dropdown Menu Styles ****************/

 /* Set up the default font and ovrall size to include image */
.top_menu {
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	width:800px;
	height:29px;
	background:#445062;
	position:absolute; 
	margin:149px 125px 0 125px;
	z-index: 99;
}

/* get rid of the default padding - margin and bullets */
.top_menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}

/* make menu horizontal */
.top_menu ul li {
	float:left;
	position:relative;
}

/* set up the default top level links */
.top_menu ul li a, .top_menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#000; 
	height:1.5em;
	font-weight:bold;
	color:#888; 
	background:#fff; 
	line-height:1.5em;
}

/* hack for IE5.5 to correct the faulty box model
* html .top_menu ul li a, .top_menu ul li a:visited {
	width:200px;
	w\idth:200px;
}
 */

/* hide the drop down menu */
.top_menu ul li ul {
	display: none;
}

/* remove all table style so that it does not interfere with the menu */
.top_menu table {
	margin:-1px; 
	border-collapse:collapse;
	font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.top_menu ul li:hover a,
.top_menu ul li a:hover {
	color:#000; 
	border-bottom:20px solid #7c8fad;
}

/* make the drop down menu show and correctly position it */
.top_menu ul li:hover ul,
.top_menu ul li a:hover ul {
	display:block; 
	position:absolute; 
	top:1.2em;
	margin-top:11px;
	left:0; 
	width:200px;
	border-top:0;
	background:transparent;
}

/* style the drop down links with no hover */
.top_menu ul li:hover ul li a,
.top_menu ul li a:hover ul li a {
	display: block; 
	background: transparent url(../graphics/opaque-85.png); 
	border: 0;
	margin: 0;
	color: #333;
	font-weight: normal; 
	font-size: 0.85em;
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	height: auto; 
	line-height: 1em; 
	padding: 5px; 
	width: 200px;
	border-bottom: #bbb thin solid;
	border-left: #bbb thin solid;
	border-right: #bbb thin solid;
}

/* style the drop down menu links when hovered */
.top_menu ul li:hover ul li a:hover,
.top_menu ul li a:hover ul li a:hover {
	background:#888; 
	color:#fff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.top_menu ul li a:hover ul {
	background:transparent filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity:0.8;
	margin-top:10px; /* for IE5.5 faulty box model */
	marg\in-top:11px; /* for IE6 */
}

/* IE5.5 hack for faulty box model in drop down menu */
.top_menu ul li a:hover ul li a {
	background:#ddd;
	width:96px; /* for IE5.5 faulty box model */
	w\idth:86px; /* for IE6 */
}



/**************** Form Styles ****************/

#dropDownForm {
	margin-top: 35px;
	border:1px #00FF00;
}

#dropDownForm select {
	margin-bottom: 15px;
}



/**************** Content Styles ****************/

.clear {
	width:100%;
	height:0px;
	clear:both;
}

#content {
	width: 900px;
	margin-left: 75px;
	background: #fff;
	background-image: url(../graphics/bg-content.gif);
}

.content_banner {
	width: 650px;
	height: 50px;
	float: left;
	background: #889ab7;
	background-image: url(../graphics/bg-header.jpg);
}

.content_banner p {
	margin: 18px 0 0 15px;
	font-family: verdana; sans-serif;
	font-size: 0.8em;
	color: #fff;
}

#content_left {
	background: #fff;
	background-image: url(../graphics/bg-pageOneContent.gif);
	width: 650px;
	float: left;
	clear: both;
}



/**************** Right Menu Styles ****************/

#menu_right {	
	width: 250px;
	float: left;
}

#menu_right ul, #menu_right li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu_right li {
	background: #dfe5ec;
	font-size: 0.9em;
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	background: url("../graphics/bulletSquareLightBlue.gif") no-repeat left center;
	background-color: #dfe5ec;
}

#menu_right li a{
	display: block;
	padding: 5px 5px 5px 45px;
	text-decoration:  none;
}

#menu_right li a:link,
#menu_right li a:visited,
#menu_right li a:active {
	color: #445062;
	text-decoration: none;
}

#menu_right li a:hover {
	color: #445062;
	text-decoration: underline;
}

#menu_right h2 {
	position: relative;
	top: 15px;
	left: 20px;
	color: #445062;
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
}


/**************** Left Menu Styles ****************/

#menu_left {	
	width: 215px;
	float: left;
}

#menu_left ul, #menu_left li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu_left li {
	background: #dfe5ec;
	font-size: 0.9em;
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	background: url("../graphics/bullet_BlueArrow.gif") no-repeat left center;
	background-color: #dfe5ec;
}

#menu_left li a{
	display: block;
	padding: 5px 5px 5px 45px;
	text-decoration:  none;
}

#menu_left li a:link,
#menu_left li a:visited,
#menu_left li a:active {
	color: #445062;
	text-decoration: none;
}

#menu_left li a:hover {
	color: #445062;
	text-decoration: underline;
}

#menu_left h3 {
	position: relative;
	top: 15px;
	left: 20px;
	color: #eee;
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

.calendar {
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	background-color: #cdd7e2;
	border: medium none;
	color: #FFFFFF;
	font-size: 0.75em;
	position: relative;
	padding: 15px 10px 15px 10px;
	width: 215px;
}

.calendar th {
	background-color: #445062;
	border-bottom: medium none;	
	border-color: #02414A -moz-use-text-color -moz-use-text-color;
	border-left: medium none;
	border-right: medium none;
	border-width: thin medium medium;
	font-weight: bold;
	padding: 3px 0 0 0;;
	width: 60%;
}

.calendar td {
	background-color: #727f92;
	border: medium none;
	color: white;
	padding: 0 5px 0 0;;
	text-align: right;
}

.calendar td a, .calendar td a:visited, .calendar td a:hover {
	text-decoration:none;
	color: #222;
}


/**************** Menu Title Styles ****************/

.lightBlueBlock {
	height: 50px;
	background: #e9edf3;
}

.mediumBlueBlock {
	height: 50px;
	background: #cdd7e2;
}

.darkBlueBlock {
	height: 50px;
	background: #445062;
}

.darkGrayBlock {
	height: 50px;
	background: #787878;
}


/**************** Headline Styles ****************/

#frontpage_headlines {
	width: 430px;
	float: left;
}

#frontpage_headlines p {
	color: #333;
	margin: 0px 10px 0px 20px;
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	font-size: 0.85em;
	line-height: 1.1em;
}

#frontpage_headlines h3 {
	padding: 10px 0px 5px 10px;
	color: #6d9308;
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}


/**************** Secondary Content Styles ****************/

#secondary_content {
	width: 900px;
	margin-left: 75px;
	background: #fff;
	background-image: url(../graphics/bg-secondary_content.gif);
}

.secondary_content_banner {
	width: 900px;
	height: 51px;
	float: left;
	background: #889ab7;
	background-image: url(../graphics/bg-secondary_header.jpg);
}

.secondary_content_banner p {
	margin: 22px 0 0 15px !important;
	font-family: verdana, sans-serif !important;
	font-size: 0.8em !important;
	color: #fff !important;
}

.secondary_content_banner a:link,
.secondary_content_banner a:visited,
.secondary_content_banner a:active {
	color: #fff;
	text-decoration: none;
}

.secondary_content_banner a:hover {
	color: #fff;
	text-decoration: underline;
}

#secondary_main_content {
	width: 650px;
	float: left;
}

#secondary_content p {
	color: #333;
	margin: 0px 10px 25px 20px;
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	font-size: 0.85em;
	line-height: 1.1em;
}

#secondary_content h2 {
	color:#666699;
	font-family:Arial,sans-serif;
	font-size:19pt;
	font-weight:bold;
	line-height:18pt;
	margin: 25px 0px 35px 10px;
}

#secondary_content h3 {
	padding: 10px 0px 5px 10px;
	color: #6d9308;
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

#secondary_content h4 {
	padding: 10px 0px 5px 10px;
	color: #6d9308;
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

#secondary_content h5 {
	padding: 0px 0px 5px 10px;
	color: #445062;
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
}

#secondary_content hr {
	border: none 0;
	border-top: 1px solid #aaa;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin: 20px 10px 20px 10px;
}

#tabular_content_skin01 {
font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
width: 100%;
border-collapse: collapse;
margin-left: 15px;
}

#tabular_content_skin01 td, th {
font-size: 0.9em;
border: 1px solid #98bf21;
padding: 3px 7px 2px 7px;
}

#tabular_content_skin01 th {
font-size: 1.2em;
text-align: left;
padding-top: 5px;
padding-bottom: 4px;
background-color: #A7C942;
color: #fff;
}

#tabular_content_skin01 tr.alt {
color: #000;
background-color: #EAF2D3;
}

#tabular_content_skin01 td.largetext {
	font-size: 1.1em;
	font-weight: bold;
}

/**************** Secondary Menu Styles ****************/

#secondary_menu_left {	
	width: 215px;
	float: left;
}

#secondary_menu_left ul, #secondary_menu_left li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#secondary_menu_left li {
	background: #dfe5ec;
	font-size: 0.9em;
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	background: url("../graphics/bullet_BlueArrow.gif") no-repeat left center;
	background-color: #dfe5ec;
}

#secondary_menu_left li a{
	display: block;
	padding: 5px 5px 5px 45px;
	text-decoration:  none;
}

#secondary_menu_left li a:link,
#secondary_menu_left li a:visited,
#secondary_menu_left li a:active {
	color: #445062;
	text-decoration: none;
}

#secondary_menu_left li a:hover {
	color: #445062;
	text-decoration: underline;
}

#secondary_menu_left h3 {
	position: relative;
	top: 5px;
	left: 15px;
	color: #eee;
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}


/**************** Secondary Calendar Styles ****************/

.secondary_calendar {
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	background-color: #cdd7e2;
	border: medium none;
	color: #FFFFFF;
	font-size: 0.75em;
	position: relative;
	padding: 15px 27px 15px 27px;
	width: 250px;
}

.secondary_calendar th {
	background-color: #445062;
	border-bottom: medium none;	
	border-color: #02414A -moz-use-text-color -moz-use-text-color;
	border-left: medium none;
	border-right: medium none;
	border-width: thin medium medium;
	font-weight: bold;
	padding: 3px 0 0 0;;
	width: 60%;
}

.secondary_calendar td {
	background-color: #727f92;
	border: medium none;
	color: white;
	padding: 0 5px 0 0;;
	text-align: right;
}

.secondary_calendar td a, .secondary_calendar td a:visited, .secondary_calendar td a:hover {
	text-decoration:none;
	color: #222;
}


/**************** Footer Styles ****************/

#footer {
	width: 900px;
	height: 165px;
	background: #cadaf;
	background-image: url(../graphics/bg-footer.jpg);
}

#footer p {
	padding: 25px 0 0 0;
	text-align: center;
	font-size: 0.75em;
	font-family: arial, tahoma, geneva, verdana, sans-serif;
	color: #fff;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:active {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}