/* CSS Document */

html, body, form, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.75em/1.4 verdana,arial,sans-serif;
	background:#bfc7d9 url(../images/body_bg.gif) repeat-x 0 0;
	color:#000}

/* Universal Properties ----------------------------------------------- */
p, ul, li, h1, h2, h3 {margin:0 10px 1em; padding:0}

abbr, acronym {cursor:help}

/* ---- lists ---- */
ul {margin-left:35px}
li {margin-right:0}
ul li ul {margin-top:10px}

/* ---- headings ---- */

h1 {
	font-size:1.76em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#2b4268;
	border-bottom:2px solid #d9d9ab;
}

h2 {
	font-size:1.38em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#507fb4;
	padding-top:4px;
}

h3 {
	margin:0;
	padding:5px 0 0 12px;
	font-size:1.16em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}

h4 {
	font:1.0em/1.2 Verdana, Arial, Helvetica, sans-serif;
	padding:0px 10px;
	font-weight:bold;
	color:#2b4268;
}

/* ---- containers ---- */

#container {
	margin:0 auto;
	width:749px;
}

/* ---- top ---- */

#top {
	width:749px;
	height:134px;
}

#logo {
	width:188px;
	height:134px;
	float:left;
	background:url(../images/nav_bg.gif) repeat-y 0 0;
}

.logo_pos {
	position:relative;
	top:10px;
	left:40px;
}

#banner {
	width:561px;
	height:105px;
	float:right;
	background:url(../images/banner_bg.gif) no-repeat 0 0;
}

#banner p {
	text-align:right;
	color:#FFF;
	padding-top:5px;
}

#banner a {color:#FFF; text-decoration:none}
#banner a:hover {text-decoration:underline}

.banner_print {display:none}

#textsize {
	width:148px;
	height:27px;
	float:right;
	color:#FFF;
	padding-top:2px;
}

#textcontainer {float:right; width:148px}

p#text-size {
	display:block;
	float:left;
	margin:0;
	padding-top:1px;
}

ul#text-size-options {
	list-style:none;
	padding:0;
}

ul#text-size-options li {
	margin:0 4px 0 0;
	padding:0;
	float:left;
}

ul#text-size-options a {
	display:block;
	width:18px;
	height:17px;
	border:1px solid #2b4268;
	background:#FFF url(../images/textsize_buttons.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

ul#text-size-options a:hover {border-color:#FFF}

li#text-m a {background-position:0 -17px}
li#text-l a {background-position:-17px 0}
li#text-xl a {background-position:-34px 0}

/* ---- bottom ---- */

#bottom {
	width:749px;
	background:#FFF;
}

#navigation {
	width:188px;
	height:238px;
	float:left;
	padding-top:1px;
	background:url(../images/nav_bottomcap.gif) no-repeat 0 189px;
}

#mainpic {
	width:559px;
	height:239px;
	float:right;
	margin-right:2px;
	background:#FFF;
}

#sidebar {
	width:188px;
	min-height:365px;
	height:auto !important;
	height:365px;
	float:left;
	padding-top:30px;
}

.sidebar_item {
	width:177px;
	padding-left:5px;
}

.sidebar_item_sub {
	width:177px;
	padding-left:5px;
	position:relative;
	top:250px;
}

.sidebar_top {
	width:177px;
	height:30px;
	background:url(../images/sidebar_top.gif) no-repeat 0 0;
}

.sidebar_mid {
	width:177px;
	min-height:20px;
	height:auto !important;
	height:20px;
	font:1.0em/1.4 Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/sidebar_mid.gif) repeat-y 0 0;
	padding-bottom:1px;
}

.sidebar_mid img {padding:0 1px}
.sidebar_mid a {font-weight:normal; color:#2b4268; text-decoration:underline}
.sidebar_mid a:hover {text-decoration:none}

.sidebar_bottom {
	width:177px;
	height:11px;
	background:url(../images/sidebar_bottom.gif) no-repeat 0 0;
	position:relative;
	top:-10px;
}

.lastupdated {
	color:#888;
	font-size:.9em;
}

/* ---- content ---- */

#content {
	width:521px;
	min-height:470px;
	height:auto !important;
	height:470px;
	float:right;
	line-height:1.8em;
	padding:30px 20px 0 20px;
}

#content hr {
	margin-top:16px;
	margin-bottom:16px;
	height:1px;
	border:none 0;
	background:#507fb4;
	color:#507fb4;
	width:96%;
}

#content a {color:#003264}
#content a:hover {text-decoration:none}
#content li {margin-bottom:5px}
.img_center {padding:2px; background:#fff; border:1px solid #003264}
.img_right {margin:6px 0 4px 8px; padding:2px; background:#fff; border:1px solid #003264; float:right}

.quote {margin:5px 50px; font-style:italic}
.subtitle {font-size:.9em; line-height:1.4em; xxxfont-weight:bold; font-style:italic}

/* ---- footer ---- */

#footer {
	width:745px;
	height:38px;
	background:#2b4268;
	border:2px solid #FFF;
	text-align:center;
	font-size:.9em;
	color:#fff;
	padding-top:6px;
	clear:both;
}

#footer a {color:#FFF}
#footer a:hover {text-decoration:none}

/* ---- Menu ---- */

.menu li {position:absolute; margin:0; padding:0; border:0; list-style:none none}

.menu ul {position:absolute; margin:0; padding:0; border:0; list-style:none none}

.menu {position:absolute; margin:0; padding:0; border:0; list-style:none none}

.menu {width:188px}

.menu li {
	position:relative;
	z-index:5;
	float:left;
	width:100%;
	margin-top:-1px;
	font-size:10px}

.menu li:hover {
	z-index:10000;
	white-space:normal}

.menu ul {
	width:100%;
	visibility:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	background-image:url(../images/empty.gif); /* required for sticky to work in IE6 and IE7 */
	/*background:#F00; /* uncomment this if you want to see the "safe" area. */
	margin:-20px 0 0 0;
	padding:20px 20px 20px 1px}
	
.menu li li {
	float:none;
	margin-left:-1px;
	top:1px;
	width:280px; /* border area */
	border-width:0 1px;
}

.menu li:hover>ul {visibility:visible; left:100%}

.menu ul:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both} 

.menu:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both} /* force containment of floated LIs inside of UL */
.menu ul {min-height:0} 
.menu {min-height:0} /* IE7 float clear: */
	
.menu a {
	display:block;
	margin:0;
	padding:5px 0 5px 20px;
	width:168px;
	text-decoration:none;
	color:#2b4268;
	background:url(../images/nav_bg.gif);
	border-top:1px solid #003264;
	border-bottom:1px solid #003264;
	font-size:1.2em;
}

.menu li a.sub {background:url(../images/nav_arrows.gif) no-repeat 0 0}
	
.menu li li a {
	padding:5px 0 5px 20px;
	width:260px; /*text area */
	border:1px solid #003264;
	border-left:none;
}

.menu li.selected ul li.selected a {background-color:#d9d9ab; background-image:none}

.menu a:visited {text-decoration:none}

.menu li li a, .menu li.selected ul li a {background-color:#FFF; background-image:none}

.menu li.selected a {background:url(../images/nav_plain_over.gif) repeat-y 0 0}
.menu li.selected a.sub {background:url(../images/nav_arrows.gif) no-repeat 0 -27px}

.menu li:hover>a:hover, .menu li.selected:hover>a {background:url(../images/nav_plain_over.gif) repeat-y 0 0}
.menu li li:hover>a:hover {background-color:#d9d9ab; background-image:none}
.menu li a.sub:hover, .menu li:hover>a, .menu li.selected:hover>a {background:url(../images/nav_arrows.gif) no-repeat 0 -27px}
.menu li a.nosub:hover {background:url(../images/nav_plain_over.gif) repeat-y 0 0}
.menu li ul {padding-left:1px}

/* Forms ----------------------------------------------- */
fieldset {border:1; margin:0; padding:10px; width:90%}
legend {
	margin:0;
	padding:0;
	color:#440000;
	font:bold 1.2em/1.5em verdana,sans-serif
}

html>body legend {margin:0}

fieldset span {color:#FF0000; font-weight:bold}
fieldsetdl {margin:0; padding:0}
fieldset dt {margin:17px 0 2px; padding:0}
fieldset dd {margin:0; padding:0}

label {font-weight:bold; cursor:pointer}
label.unbold {font:normal .95em verdana,sans-serif; color:#000}
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;
}

input:hover, textarea:hover {
	border:1px solid #004080;
	border-top:1px solid #002850;
	border-left:1px solid #002850;
	background:#E8E7E0;
}

input:focus, textarea:focus {
	border:1px solid #666;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:#FFF;
}

input.radio, input.check {
	width:auto;
	margin:2px 5px 0;
	border:none;
	background:none;
}

input.submit {
	cursor:pointer;
	margin:20px 0 0;
	width:150px;
	color:#fff;
	font-weight:bold;
	background:#2b4268;
	display:inline;
}

input.reset {
	cursor:pointer;
	margin:20px 0 0;
	width:150px;
	color:#000;
	font-weight:bold;
	background:#ddd;
	display:inline;
}

input.submit:hover {
	border:1px solid #000;
	background:#6585b9;
	color:#fff;
}

input.reset:hover {
	border:1px solid #000;
	background:#fff;
	color:#000;
}

input.submit:focus {
	border:1px solid #000;
	background:#2b4268;
	color:#FFF;
}

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 #FF0000;
	color:#FF0000;
}

.validation-advice {
	margin:-1px 0 5px;
	padding:4px;
	background:#FF0000;
	color:#FFF;
	width:352px;
}

.message {visibility:visible; display:none}

/* ---- Lightbox 2.02 ---- */

#lightbox {
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	z-index:100;
	text-align:center}

#outerImageContainer {
	position:relative;
	background:#FFF;
	width:250px;
	height:250px;
	margin:0 auto}

#imageContainer {padding:10px}

#loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0}
#hoverNav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10}
#imageContainer>#hoverNav {left:0}
#hoverNav a {outline:none}

#prevLink, #nextLink {
	width:49%;
	height:100%;
	background:transparent url(../images/lightbox/lightbox_blank.gif) no-repeat; /* Trick IE into showing hover */
	display:block}
#prevLink {left:0; float:left}
#nextLink {right:0; float:right}
#prevLink:hover, #prevLink:visited:hover {background:url(../images/lightbox/lightbox_prev.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background:url(../images/lightbox/lightbox_next.gif) right 15% no-repeat}


#imageDataContainer {
	margin:0 auto;
	font-size:.8em;
	background:#FFF}

#imageData {padding:0 10px}
#imageData #imageDetails {width:70%; float:left; text-align:left}
#imageData #caption {font-weight:bold}
#imageData #numberDisplay {font-size:.9em; display:block; clear:left; padding-bottom:1.0em}
/*#imageData #bottomNavClose {width:66px; float:right; padding-bottom:0.7em}*/
#imageData #bottomNavClose {	
	position:relative;
	left:70px;
	margin:4px 0;
	width:66px;
	height:27px;
}
		
#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6}

.clearfix:after {
	content: "."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden}

* html>body .clearfix {
	display:inline-block; 
	width:100%}

* html .clearfix {
	/* Hides from IE-mac \*/
	height:1%;
	/* End hide from IE-mac */
	}

/* ---- photo tour ---- */

ul#tour {margin:0 0 1em 10px; padding:2em 0 0; list-style:none}
ul#tour li {margin:0 22px .25em 0; padding:0; float:left; display:inline}
html>body ul#tour li {margin-bottom:2em}
ul#tour li.last {margin-right:0} /* this class is added using js */
ul#tour a {
	display:block;
	padding:2px;
	background:#fff;
	border:1px solid #003264}
ul#tour a:hover {background:#003264}