html {
/* 	font-family: Tahoma, Verdana, arial, sans-serif; */
/* 	font-family: georgia,"times new roman",serif; */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#222;
	background: #b1cfe1 url('../gfx/greenstripe.gif') repeat;
}

/* ----------------------- LAYOUT STYLING ------------------------------ */

#content-wrap {
}
#maintop {
	background: url("../gfx/maintop.gif");
	height:22px;
	font-size:.1em;
}
#maincontent {
	width:948px;
	border:1px solid #333;
	border-top:none;
	background-color:#fff;
	padding-top:2em;
}

/* --------------------- HEADING STYLING ------------------------------- */

#primary h1 {
	font-size:1.4em;
	color:#579700;
	text-align: center;
	background: url("../gfx/banner.jpg") -20px -275px;
	font-weight:normal;
	letter-spacing:.01em;
	height:25px;
	line-height:20px;
	padding: 4px 2px 2px 2px;
	margin:0;
	border-top: 1px solid #8CC405;
	margin-bottom:2em;
}

#secondary h1 {
	width:220px;
	height:30px;
	line-height:30px;
	background: url(../gfx/leftnav_top.gif) no-repeat;
	font-size: 1.5em;
	color:#060;
	text-align: center;
	text-transform:uppercase;
}

#secondary h2 {
	color:#579700;
	text-align: center;
	background: url("../gfx/banner.jpg") -20px -275px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	padding: 4px 2px 2px 2px;
	border-top: 1px solid #8CC405;
	font-size:1.2em;
	margin: 0 .8em .5em .6em;
}

#primary h2 {
	font-size:1.3em;
	margin: 2em 0 .8em 0;
}

#primary h3 {
	font-size: 1.3em;
	font-weight:bold;
	margin:3em 0 1.2em 0;
}

#primary h4 {
	text-align:center;
	color: #579700;
	font-size: 1.1em;
	font-weight:bold;
	margin:.5em 0 .5em 0;
}

/* --------------------- CONTENT STYLING ------------------------------- */

#primary p {
	font-size:1.1em;
	margin: 1.5em 0;
}

#primary ul {
	margin:0 10px;
}
#primary ol {
	margin:0 10px;
}

#primary ul li {
	font-size:1.2em;
	margin:13px 0 13px 20px;
	list-style-image:url(../gfx/smbullet.gif);
}
#primary ol li {
	font-size:1.0em;
	margin:13px 0 13px 40px;
	list-style-type:decimal;
	list-style-image:none;
}
#primary ol.letters li {
	font-size:1.0em;
	margin:13px 0 13px 40px;
	list-style-type:lower-alpha;
	list-style-image:none;
}

p.indented {
	margin-left:2em;
}

p.underlined {
	text-decoration:underline;
	font-weight:bold;
}

p.large {
	font-size:1.2em;
}

.centered {
	text-align:center;
}
.rjustify{
	text-align:right;
}

p.bold {
	font-weight:bold;
}

ul {
	margin-left:4em;
	font-size:.9em;
}

img.centered {
	display:block;
	margin:0 auto;
}

.imageborder {
	border:1px solid #999;
	padding:1px;
	background-color:#fff;
	
}

.floatright {
	float:right;
	margin:1em;
}

.floatleft {
	float:left;
	margin:1em;
	margin-left:0;
}
 p.clearline {
 	clear:both;
 }
/* --------------------- LINK STYLING -------------------------------- */

a {
	color:#060;
	padding:1px;
}

a:visited {
	color:#06f;
}

a:hover {
	background-color:#9C9;
	text-decoration:none;
}

/* ------------------- CERTIFICATE STYLING ---------------------------- */

#certificate {
	margin:2em auto;
	border: 4px double #8CC405;
	background:url(../gfx/certificate_bg.jpg) repeat;
	width:450px;
	padding:1em;
}
#certificate h2, #certificate h3 {
	text-align:center;
	margin:0;
	padding:0;
}
#certificate ul li {
	margin:0 0 0 1em;
}
/* --------------------- TABLE STYLING -------------------------------- */
#primary table, .notice {
	background: url(../gfx/recycledpaper.jpg);
	margin: 20px auto 0 auto;
	clear:both;
	width:90%;
	border: dashed 1px #8CC405;
	min-height:210px;
	padding:10px;
}

#primary td {
	border:none;
	vertical-align: middle;
	padding:5px;
}

#primary tr {
	padding: 7px;
}
#primary tr th {
	padding: 5px;
}
#primary tr th.heading1 {
	background: url("../gfx/banner.jpg") -20px -275px;
	font-size:1.2em;
	height: 25px;
	line-height:25px;
	border-bottom: 1px solid #8CC405;
}
#primary tr th.heading2 {
	background: url("../gfx/banner.jpg") -20px -280px;
	height: 20px;
	line-height:20px;
	border-bottom: 1px solid #8CC405;
}

/* --------------------- HEADER STYLING -------------------------------- */

#header {
	height: 210px;
	background: url("../gfx/banner3.jpg") no-repeat 50% 10px;
	margin:0 auto;
	width:100%;
}

#header h1 {
 	font-family: georgia,"times new roman",serif;
	text-transform:uppercase;
	font-size:1.0em;
	color:#fff;
	text-align:center;
	padding-top:11px;
	height:25px;
	line-height:25px;
	letter-spacing:.2em;
	word-spacing:.2em;
}

/* --------------------- FOOTER STYLING -------------------------------- */

#footer {
	background-color:#ddd;
	height: 86px;
}

#footer p.links {
	border-top:5px solid #CCCCCC;
	font-size:1.1em;
	padding: 15px 0 25px;
	margin:0 auto;
	width:948px;
	text-align:center;
}

#footer p.credits {
	font-size:.9em;
	text-align:center;
}

/* --------------------- FORM STYLING ---------------------------------- */

fieldset {
	padding: 10px 15px;
	border: 1px solid #88ac0b;
	border-left: 12px solid #88ac0b;
	margin:10px;
}

legend{
	background-color:white;
	border: 1px solid #88ac0b;
	border-left: 7px solid #88ac0b;
	padding: 3px 20px 3px 15px;
	font-weight:bold;
}
label {
	display:block;
	font-weight:bold;
	margin:15px 0 5px 0;
}
label.checkbox {
	display:inline;
	margin-left:10px;
	font-weight:normal;
}
label.error {
	background-color:#ff3;
}

input, select, textarea {
	width:170px;
	padding:2px 10px;
	margin-left:15px;
	border:1px solid #D5D5D5;
	border-left: 9px solid #D5D5D5;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	background:#fff;
}

select {
	padding-right:1px;
}

textarea {
	width:400px;
	height:100px;
}

input.button {
	font: bold 12px Arial, Sans-serif;
	height: 24px;
	margin: 20px 0 0 20px;;
	padding: 2px 13px;
	color: #FFF;
	background: #8EB50C url(images/nav.jpg) repeat-x 0 0;
	border: none;
}
input.short {
	width:200px;
}
input.medium {
	width:400px;
}
input.wide {
	width:600px;
}
.form_error {
	background-color:#ff3;
	padding: 0 10px;
	border:#aaa dashed 1px;
	margin-left:6px;
}

img.captcha {
	margin-left:15px;
}

/* ------------- JAVASCRIPT CROSSFADER STYLING -------------------------- */

div.cf_wrapper {
	position: relative;
	width:604px;
	height: 148px;
	margin:2.0em auto;
}

div.cf_element {
	width: 600px;
	height: 144px;
}
img.cf_element {
	display:block;
	border:  1px solid #666;
	margin:0 auto;
	padding:2px;
}
p.cf_element {
	text-align:center;
}

/* --------------------- HORIZONTAL NAV BAR STYLING -------------------- */

#menu {
	position:absolute;
	top:178px;
	width: 806px;
	height: 32px;
	margin: 0 74px;
}

#menu ul {
	list-style: none;
	margin: 0;
}

#menu li {
	display: inline;
}

#menu a, #menu .leftnullitem, #menu .rightnullitem    {
	display: block;
	background:url(../gfx/main_nav_bg.gif) center;
	float: left;
	height: 32px;
	line-height:32px;
	padding: 0;
	text-decoration: none;
	font-size: 1.3em;
	color: #fff;
	width:158px;
	border-right:1px solid #4373A3;
	border-left:1px solid #A3CDDA;
	text-align:center;
	letter-spacing:.05em;
font-family: arial, Tahoma, sans-serif;
}

#menu a:hover {
	background:url(../gfx/main_nav_bg.gif) bottom;
	color:#fff;
}

#menu .leftnullitem {
	width:0px;
	border-left:none;
}
#menu .rightnullitem {
	width:0px;
	border-right:none;
}

/* --------------------- VERTICAL NAV BAR STYLING ------------------------ */

#secondary h2{
	margin:0;
	padding:0;
	height:25px;
	line-height:25px;
	width:218px;
	border:1px solid #999;
	border-bottom:1px solid #3f6;
}

.padmid {
	background: url(../gfx/paper.jpg) right;
	padding:0;
	width:218px;
	border:1px solid #999;
	border-top:none;
	margin-bottom:2em;
}

.padmid ul{
	list-style:none;
	width:218px;
	margin:0;
}
.padmid li {
	border-bottom:1px solid #3f6;
}
.padmid li a, .padmid li a:visited {
	font-size:1.2em;
	margin-left:5px;
	background:url(../gfx/bullet.gif) no-repeat left center;
	padding-left:44px;
	text-decoration:none; 
	color:#060; 
	display:block; 
	height:1.9em;
	line-height:1.9em;
	letter-spacing:.05em; 
}
.padmid li a:hover {
	font-weight:bold;
	margin-left:15px;
	color:#666;
	background-color:#eee; 
}


/* ----- tool tip specific styles ----- */
#theToolTip{
	position: absolute;
	left: -300px;
	width: 250px;
	border: 2px solid #C0C09F;
	padding: 0;
	background: url(../gfx/recycledpaper.jpg);
	visibility: hidden;
	z-index: 100;
}

#ToolTipPointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

#theToolTip p{
	text-align:justify;
	font-size: .7em;
	color: #333333;
	line-height:1.4em;
	margin:10px;
}

#ToolTipTextHeading {
	background:url(../gfx/main_nav_bg.gif) top;
	padding: 1px 10px;
	text-align:left;
	border-bottom: 2px solid #C0C09F;
	font-weight:bold;
	font-size: .8em;
	color: #592C16;
	margin-right:0px;
	text-align:center;
}

#map_canvas {
	margin: 20px auto;
}
