@import url("reset.css");

/* Generic elements */
body { background: #f3f7c5; font: 12px/170% Verdana, Arial, sans-serif; color: #000000; }
form { float:left; position: relative; margin:0; padding:0; }
form input {
	float:left;
	color:#8b8b8b;
	margin-bottom: 2px;
}
form select {
	float:left;
	color:#8b8b8b;
	margin-bottom: 2px;
}
fieldset { padding:0 0.5em 0.5em; border: 1px solid #d09829;}
fieldset legend {	/* Fix disappearing legend in FFox */
	display: block;	
	color:#b4b28f; 
	font-weight: bold;
}
fieldset table {
	margin-top:-20px;
	text-align:right;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: Tahoma; color: #998c33; }
h1 {
	color:#808000;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
}
hr.fine {
	background-color:#9c9966;
	border:medium none;
	clear:both;
	height:1px;
	margin-bottom:10px;
	width:100%;
}
p { margin: 0.6em 0 1.2em; padding: 0; }
p.navigation { 
	font-family: Tahoma; 
	color: #333; 
	font-size: 0.9em; 
	margin: 0; 
	padding: 0.5em 2em 0.5em 4em; 
	background-color: #f3f7c5; 
	text-align: right; 
	opacity: .9; 
	border-top: #999 solid 1px; 
	clear: both; 
	position: relative; 
	bottom: 0; 
	right: 0; 
	left: 0;
}
p.navigation a { margin-left: 1em; }
p.navigation a:link, a:visited { color: #a0a387; text-decoration: none; }
p.navigation a:hover { color: #3b3806; text-decoration: none; }
p.navigation a:active, a.active { color: #a0a387; }
a:link, a:visited { color: #9c9c9c; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
a:active, a.active { color: #9c9c9c; }
hr { color: #fff; background-color: #fff; border: 1px dash #cccccc; border-style: none none dash; margin: 0; padding: 0; height: 1px; }
ul { margin: 0.5em 0 1em; padding: 0; }
ul li { margin: 0.4em 0 0.4em .5em; }
img { vertical-align: bottom; } /* Remove extra padding in Firefox problem */
blockquote { background: transparent url(../images/quoleft.gif) left top no-repeat; }
blockquote div { padding: 0 2em 0 1em; margin: 0 35px; background: transparent url(../images/quoright.gif) right bottom no-repeat; }
/* Class Styles */
.bodyText { color: #000000; }
.bodyText a { color: #000000;}
.bodyText a:link, a:visited { color: #000000;  }
.bodyText a:hover { color: #000000;  }
.bodyText a:active, a.active { color: #000000;  }
.copy { color: #3b3806; float:left; }
.indented { margin-left: 25px; }
.mainCenter { margin-left: auto; margin-right: auto; width: 980px; }
.floatleft { float:left; margin-right: 10px; }
.yellow {background-color: #fcfce8; border: 1px solid #e5e58f; padding:10px 20px;}
.blue {background-color: #f0fbfe; border: 1px solid #b8d3e5; padding:10px 20px;}

/* Easy Float Clearing */
.clearfix:after { content:"."; display: block; height: 0; clear:both; visibility: hidden; }
/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
/* End hide from IE-mac */	

/* LAYOUT */
#header-region { min-height: 1em; background: #f3f7c5 url(../images/bg1.png) repeat-x 50% 100%; }
#header-region * { display: inline; line-height: 1.5em; margin-top: 0; margin-bottom: 0; }
#wrapper { background: #f3f7c5 url(../images/bg2.png) repeat-x 50% 0; }
#wrapper #container { min-width: 1024px; margin: 0 auto; padding: 0 20px; }
#wrapper #container #header { height: 80px; }
#wrapper #container #header #logo-floater { position: absolute; z-index: 10;} /* Fix IE bug of z-index recalculation */
#wrapper #container #header h1, 
#wrapper #container #header h1 a:link, 
#wrapper #container #header h1 a:visited { padding-top: 0px; line-height: 120px; position: relative; z-index: 2; white-space: nowrap; }
#wrapper #container #header h1 img { padding-top: 5px; padding-right: 20px; float: left; }
#wrapper #container #center { float: left; width: 100%; } /* Must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center #squeeze { background: #fff url(../images/bg3.png) repeat-x 50% 0; position: relative; } /* Add the backgrounds for the main content shading */
#wrapper #container #center .right-corner { background: transparent url(../images/bg5.png) no-repeat 100% 0; position: relative; left: 10px; }
#wrapper #container #center .right-corner .left-corner 
{ padding: 60px 25px 5em 35px; background: transparent url(../images/bg4.png) no-repeat 0 0; margin-left: -10px; position: relative; left: -10px; min-height: 400px; }
#wrapper #container #footer { float: none; clear: both; text-align: center; margin: 0 0 -3em; color: #898989; padding: 0; }
#wrapper #container #footer a:link, a:visited { color: #898989; }
#wrapper #container #footer a:active, a.active { color: #898989; }
#wrapper #container .breadcrumb { position: absolute; top: 15px; left: 35px; z-index: 3; }
#wrapper #container #header h1, 
#wrapper #container #header h1 a:link, 
#wrapper #container #header h1 a:visited { color: #fff; font-weight: normal; text-shadow: #1659ac 0px 1px 3px; font-size: 1.5em; }
#wrapper #container #header h1 a:hover { text-decoration: none; }
#wrapper #container .breadcrumb { font-size: 0.92em; }
#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a { color: #529ad6; }
/* END LAYOUT */

/* NAVIGATION */
ul.primary-links { margin: 0; padding: 0; float: right; position: relative; z-index: 4; list-style-type:none; }
ul.primary-links li { margin: 0; padding: 0; float: left; background-image: none; }
ul.primary-links li a, 
ul.primary-links li a:link, 
ul.primary-links li a:visited { display: block; margin: 0 1em; padding: .75em 0 0; color: #fff; background: transparent url(../images/nav1.png) no-repeat 50% 0; }
ul.primary-links li a:hover, 
ul.primary-links li a.active { color: #fff; background: transparent url(../images/nav1-hover.png) no-repeat 50% 0; text-decoration:none; }
ul.secondary-links { margin: 0; padding: 18px 0 0; float: right; clear: right; position: relative; z-index: 6; }
ul.secondary-links li { margin: 0; padding: 0; float: left; background-image: none; }
ul.secondary-links li a, 
ul.secondary-links li a:link, 
ul.secondary-links li a:visited { display: block; margin: 0 1em; padding: .75em 0 0; color: #cde3f1; background: transparent; }
ul.secondary-links li a:hover, ul.secondary-links li a.active { color: #cde3f1; background: transparent; }
ul.tabs { list-style-type: none; margin: 0; position:relative; top:32px; z-index: 38; } 
ul.tabs li { background: transparent url(../images/navTab2.png) no-repeat; height:26px; width:162px; float: right; padding: 0; margin: 0; padding-top: 0; display: block; } 
ul.tabs li a { display: block; padding: 4px 0px; text-align:center; color: #fff; text-decoration: none; } 
ul.tabs li a:hover { background:transparent url(../images/navTab2.png) no-repeat; height:26px; width:162px; float: right; display: block; padding: 4px 0px; }