﻿/* CSS Document */

html, body, form, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.85em/1.6 arial,sans-serif;
	background:#003001 url(../images/body_bg.jpg) repeat-x 0 0;
	color:#444;
}

/* ---- Universal Properties ---- */
p, ul, li, h1, h2, h3 {margin:0 10px 1em; padding:0}

a:link	{color:#016805;}
a:visited {color:#016805}
a:hover {text-decoration:none;}

abbr, acronym {cursor:help}

hr {
	border:1px #e1e1e1 solid;
	margin:15px 0 20px 0;
	clear:both;
}

/* ---- lists ---- */
ul {margin-left:35px;}
li {margin-right:0;}
ul li ul {margin-top:10px;margin-bottom:0;}

/* ---- linkPreview ---- */
.doc, .pdf, .ppt, .txt, .xls {
	padding:0 20px 0 0;
	background:url(../images/icon_doc.png) no-repeat 6px 50%}
.pdf {background-image:url(../images/icon_pdf.gif)}
.ppt {background-image:url(../images/icon_ppt.png)}
.txt {background-image:url(../images/icon_txt.png)}
.xls {background-image:url(../images/icon_xls.png)}

/* ---- headings ---- */
h1 {font:normal 1.8em/1.6 Georgia, "Times New Roman", Times, serif;	color:#016805}
h2 {font-size:1.4em; color:#016805; margin-bottom:0; font-family:Georgia, serif;}
h3 {font-size:1.1em; margin-bottom:0; color:#333;}

/* ---- container ---- */
#container {
	margin:0 auto;
	width:960px;
	position:relative; /* sets origin for #logo positioning */
}

#logo {
	width:223px;
	height:165px;
	position:absolute;
	left:9px;
	top:22px;
	background:url(../images/logo_screen.png) no-repeat 0 0;
}

#logo img {
	display:none;
}

#logo a {
	display:block;
	width:223px;
	height:165px;
}

/* ---- utilities ---- */
#utilities {
	width:945px;
	height:30px;
	padding-top:47px;
	padding-right:15px;
	color:#fff;
	text-align:right;
	background:url(../images/utilities_bg.gif) no-repeat bottom center;
}

#utilities a {color:#fff; text-decoration:none}
#utilities a:hover {text-decoration:underline}

#utilities .dividerpad {margin:0 12px}

#utilities a.textsize_small {font-size:1.0em; text-decoration:underline}
#utilities a.textsize_large {font-size:1.2em; text-decoration:none}
#utilities a.textsize_extralarge {font-size:1.4em; text-decoration:none}

#options, #search {float:right}
#options {margin-right:30px; margin-top:-3px}

/* ---- navigation ---- */
#nav {
	width:956px;
	height:49px;
	border-left:2px solid #e1e3d6;
	border-right:2px solid #e1e3d6;
	background:url(../images/nav_bg.gif) repeat-x 0 0;
}

.menu, .menu ul, .menu li {
	margin:0;
	padding:0;
	border:0;
	display:block;
	list-style:none;
}

.menu {float:right}

.menu li {
	margin:0;
	float:left;
	position:relative;
	z-index:5;
}

.menu li:hover {
	z-index:10000;
	white-space:normal;
}

.menu li li {
	margin:-1px 0 0 0;
	float:none;
}

.menu ul {
	visibility:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:15em;
	margin:1px 0 0 -20px;
	padding:0 0 20px 20px;
	/* background:#F00; /* uncomment this if you want to see the "safe" area */
	background-image:url("../images/empty.gif");
}

.menu ul ul {
	margin:-20px 0 0 1px;
	padding:20px 20px 20px 0;
}

.menu li:hover>ul {visibility:visible; top:100%}
.menu li li:hover>ul {top:0; left:100%}

.menu:after, .menu ul:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both} /* float.clear */
.menu, .menu ul {min-height:0}	/* IE7 float clear: */

.menu a {
	padding:14px 15px 13px;
	text-decoration:none !important;
	color:#fff;
	font-weight:bold;
	display:block;
}

.menu a:visited {color:#fff}

.menu li li a {background-color:#043f64; width:200px; border-bottom:1px #fff solid; border-top:1px #fff solid; text-decoration:none;}

li li a.first {
	border-top:0;
}

li li a.last {
	border-bottom:0;
}

.menu li.selected a {background:#0573b7; color:#fff; border:none;}
.menu li.selected li.selected a {background:#298ecd ; color:#FFF}
.menu li.selected li a {background:#043f64; color:#fff}

/* .menu a:hover {} */
.menu li:hover>a {background:#0573b7; color:#fff}
.menu li:hover>a:hover {background:#0573b7; color:#fff}


/* ---- main pic ---- */
#mainpic {
	width:956px;
	height:207px;
	border-left:2px solid #e1e3d6;
	border-right:2px solid #e1e3d6;
	background:url(../images/mainpic_bg.jpg) no-repeat 0 0;
}

#wrapper {width:960px; background:url(../images/container_bg.gif) repeat-y 0 0}

/* ---- sidebar ---- */
#sidebar {
	width:319px;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding-top:92px;
	padding-left:23px;
	float:left;
	display:inline; /* fixes IE6 bug */
	background:url(../images/sidebar_bg.jpg) no-repeat 0 0;
}

/* === Plugin === */

.plugin {
	width:296px;
	min-height:20px;
	height:auto !important;
	height:10px;
	background:url(../images/plugin_bg.gif) repeat-y 0 0;
}

.plugin_title {
	width:296px;
	height:35px;
	padding-top:6px;
	margin-bottom:14px;
	background:url(../images/plugin_title.gif) no-repeat 0 0;
}

.plugin_title h2 {
	color:#fff;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:33px;
}

.plugin_title a {
	text-align:center;
	text-decoration:none;
	color:#fff;
	padding:10px 75px 10px 75px;
}

.plugin_title a:visited {
	text-decoration:none;
	color:#fff;
	padding:10px 75px 10px 75px;
}

.plugin_title a:hover {
	text-decoration:none;
	color:#fff;
	padding:10px 75px 10px 75px;
}


.plugin p {
	padding-left:20px;
}

.plugin h3 {
	padding-left:20px;
}

.plugin ul {
	margin-top:0;
	padding-top:0;
	line-height:1em;
	list-style:none;
}

.plugin_bottom {
	width:296px;
	height:14px;
	background:url(../images/plugin_bottom.gif) no-repeat top left;
}

.plugin a.allnews {
	padding:0 0 0 35px;
	font-size:.95em;
	text-decoration:none;
}

.plugin a.allnews:hover {
	text-decoration:underline;
}

.plugin a.allnews:visited {
	color:#013002;
}

ul.highlights{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#016805;
	line-height:1.1em;
	margin:5px 0 0 20px;
	padding:0;
	list-style:disc;
}

.plugin dd {
	margin:15px 15px 0 15px;
	padding-right:5px;
	padding-bottom:10px;
}

.plugin dd ul {
	margin-bottom:0;
}

ul.highlights li {
	margin:5px 0;
	padding:0;
	text-indent:0;
}

ul.highlights li a {
	text-decoration:none;
}

ul.highlights li a:hover {
	text-decoration:underline;
}

ul.highlights a:visited {
	color:#016805;
	text-decoration:none;
	text-transform:capitalize;
}

.details h3 {
	list-style:none;
	font-weight:700;
	font-size:1.2em;
	color:#016805;
	line-height:1.2em;
	margin:0 0 0 0;
	padding:0;
}

.details ul li {
	margin:0;
	padding:0;
}

.details dd {margin:0}

#news .details a {
	text-decoration:underline;
}

#news .details a:hover {
	text-decoration:none;
}

.details a:visited {
	color:#016805;
	text-decoration:none;
}

dl.details {
	list-style:none;
	margin:0;
}

h2.news {
	list-style:none;
	font-weight:700;
	font-size:1.2em;
	color:#016805;
	line-height:1.2em;
	margin:0 0 0 10px;
	padding:0;
}

p.date {
	font-size:.9em;
	font-weight:700;
	margin:10px 0 10px 10px;
	padding:0 0 0 0;
}

#news p.date {
	margin:10px 0 10px 0;
}

/* ---- content ---- */
#content {
	width:578px;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:18px 20px 20px;
	float:right;
	background:url(../images/content_bg.jpg) no-repeat 0 0;
}


p.essentials {
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
}

img.checklist {
	float:right;
	border:1px #0069AC solid;
	margin:45px 20px 10px 50px;
}

.img_right {
	float:right;
	margin:4px 0 4px 20px;
	padding:3px;
	border:1px solid #c3c5c2;
}

#content ul {
	margin-bottom:5px;
	margin-top:0;
	padding-top:0
}

#content ul li {
	margin:0 0 5px;
}

#content ul a:hover {
	color:#000;
	font-weight:normal;
	text-decoration:none;
}

#content ul a:visited {
	color:#016805;
	font-weight:normal;
}

p.troublespots {
	float:right;
	width:235px;
	height:85px;
	background-color:#EFFFF0;
	padding:10px 10px 10px 10px;
	border:1px #E0EFE1 solid;
}

p.troublespots img {
	float:right;
	border:1px #0069AC solid;
	margin-left:10px;
}

p.troublespots a {
	font-weight:700;
	font-size:.95em;
}

.firstpara {
	font-weight:700;
	font-size:1em;
}


/* === return to top === */

#returntotop {
	width:75px;
	height:13px;
	line-height:11px;
	font-size:.85em;
	margin:10px 20px 10px 0;
	padding:7px;
	float:right;
	background-color:#0469A8;
	color:#fff;
	text-align:center;
}

#returntotop a:link {
	color:#fff;
	text-decoration:underline;
	font-weight:700;
}

#returntotop a:visited {
	color:#fff;
	font-weight:bold;
}

/* ---- footer ---- */
#footer {
	width:960px;
	height:50px;
	padding-top:20px;
	font-size:.9em;
	clear:both;
	text-align:center;
	color:#fff;
	background:url(../images/footer_bg.gif) no-repeat 0 0;
}

#footer .dividerpad {margin:0 6px}
#footer a {color:#fff; text-decoration:none}
#footer a:hover {text-decoration:underline}



/* ---- forms ---- */

#contact fieldset {border:0; margin:0; padding:10px; width:90%}
#contact legend {
	margin:0;
	padding:0;
	color:#440000;
	font:bold 1.2em/1.5em verdana,sans-serif;
}

html>body legend {margin:0}

#contact fieldset span {color:#FF0000; font-weight:bold}
#contact fieldsetdl {margin:0; padding:0}
#contact fieldset dt {margin:17px 0 2px; padding:0}
#contact fieldset dd {margin:0; padding:0}

#contact label {font-weight:bold; cursor:pointer}
#contact label.unbold {font:normal .95em verdana,sans-serif; color:#000}
#contact input, textarea {
	width:350px;
	padding:4px;
	font:1em verdana,arial,sans-serif;
	border:1px solid #E8E6E0;
	border-top:1px solid #666;
	border-left:1px solid #666;
	background:#F6F5F3;
	color:#333;
}

	textarea {
	overflow:auto;
	margin:0 0 -2px;
}

#contact input:hover, textarea:hover {
	border:1px solid #004080;
	border-top:1px solid #002850;
	border-left:1px solid #002850;
	background:#E8E7E0;
}

#contact input:focus, textarea:focus {
	border:1px solid #666;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;
}

#contact input.radio {
	width:auto;
	margin:2px 5px 0;
	border:none;
	background:none;
}

#contact input.check {
	width:auto;
	margin:2px 5px 0;
	border:none;
	background:none;
}

#contact input.submit {
	cursor:pointer;
	margin:20px 0 0;
	width:150px;
	color:#fff;
	font-weight:bold;
	background:url(../images/nav_bg.gif) repeat-x 0 0;
	display:inline;
	border:0;
}

#contact input.reset {
	cursor:pointer;
	margin:20px 0 0;
	width:150px;
	color:#000;
	font-weight:bold;
	background:#ddd;
	display:inline;
}

#contact input.submit:hover {
	border:0;
	background: #003300;
	color:#fff;
}

#contact input.reset:hover {
	border:1px solid #000;
	background:#fff;
	color:#000;
}

#contact input.submit:focus {
	border:1px solid #000;
	background:#692820;
	color:#fff;
}

#contact input.reset:focus {
	border:1px solid #000;
	background:#fff;
	color:#000;
}

input#city {width:230px}
input#state {width:30px}
input#zip {width:46px}

input.validation-failed, textarea.validation-failed {
	border:1px solid #f00;
	color:#f00;
}

.validation-advice {
	margin:-1px 0 5px;
	padding:4px;
	background:#FF0000;
	color:#fff;
	width:352px;
}

.message {visibility:visible; display:none}


/* === search results === */

.highlight {background:#FFFF40}

input.zoom_button {
	width:75px;
	text-align:center;
}

input.zoom_searchbox {
	width:250px;
	text-align:left;

}


/* ---- jQuery lightBox (0.5) ---- */
#jquery-overlay {position:absolute; top:0; left:0; z-index:200; background:#000}
#jquery-lightbox {position:absolute; top:0; left:0; z-index:201; width:100%}
#jquery-lightbox a {border:0}

/* ---- lightbox-container ---- */
#lightbox-container {
	position:relative;
	margin:0 auto;
	background:#FFF;
	width:250px;
	height:250px;
}

img#lightbox-image {padding:10px 10px 0}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#lightbox-nav a {
	position:absolute;
	top:0;
	width:50%;
	outline:0;
}

a#lightbox-prevLink {left:0; background:url(../images/lightbox/blank.gif) repeat}
a#lightbox-nextLink {right:0; background:url(../images/lightbox/blank.gif) repeat}

a#lightbox-prevLink:hover {background:url(../images/lightbox/prev.png) no-repeat 0 10px}
a#lightbox-nextLink:hover {background:url(../images/lightbox/next.png) no-repeat 100% 10px}

#lightbox-loading {
	position:absolute;
	top:45%;
	left:0;
	width:100%;
	height:25%;
	background:url(../images/lightbox/loading.gif) no-repeat 50% 0}

/* === lightbox-data === */

#lightbox-data {
	position:relative;
	margin:0 auto;
	padding:0 10px 10px;
	background:#FFF;
	overflow:hidden;
}

#lightbox-data span {
	display:block;
	padding:0 50px 0 0;
	background:#FFF;
}

span#lightbox-caption {font-weight:700;font-size:.95em;line-height:1.15em}

span#lightbox-meta {
	padding-top:10px;
	color:#666;
	font:.85em Arial,"Helvetica Neue",Helvetica,sans-serif;
}

span#lightbox-meta em {
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-style:normal;
	text-transform:none;
	letter-spacing:0;
}

a#lightbox-closeLink {
	position:absolute;
	top:0;
	right:0;
	width:70px;
	height:30px;
	background:url(../images/lightbox/close.gif) no-repeat 47px 0;
}

/* === Photo Tour === */

ul#tour li {
	float:left;
	padding:10px 1.75em 10px 0 !important;
	margin:0;
	display:inline;
	background:none;
	list-style:none;
}
	
ul#tour li.end {padding:0}

ul#tour a {display:block; border:3px solid #ccc; padding:0}
ul#tour a img {margin:0; border:0}

ul#tour a:hover {border:1px solid #006235; padding:2px}




