﻿/* CSS Document */

html, body, form, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.75em/1.8 Verdana,sans-serif;
	background:#ac886a url(../images/bgtile2.jpg) 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}

/* ---- headers ---- */

h1 {
	font:1.6em/1.2 Georgia, "Times New Roman", Times, serif;
	color:#800000;
}

h2 {
	font:1.4em/1.0 Georgia, "Times New Roman", Times, serif;
	color:#800000;
	margin-top:20px;
	margin-bottom:1px;
}

h3 {
	font:bold 1.3em/1.0 Georgia, "Times New Roman", Times, serif;
	color:#035fb4;
}

/* ---- container ---- */
#container {
	margin:0 auto;
	width:900px;
}

#left_swoosh {
	margin:0 auto;
	margin-left:-53px;
	width:53px;
	height:295px;
	position:relative;
	background:url(../images/leftswoosh_bg.gif) no-repeat 0 0;
}

#wrapper {
	width:900px;
	margin-top:-295px;
	background:#bcac8c url(../images/wrapper_bg.gif) repeat-y 0 0;
}

/* ---- top ---- */

#top {
	width:900px;
	height:57px;
	clear:both;
	position:relative;
	background:#bdae8e url(../images/top_bg.gif) no-repeat 0 0;
}

#banner {
	width:900px;
	height:102px;
	color:#4a0000;
	font-size:.9em;
	font-weight:bold;
	background:url(../images/banner_bg.jpg) no-repeat 0 0;
}

.logo_print {display:none; margin-left:1in}

.sec_nav {
	position:relative;
	top:70px;
	right:30px;
	float:right;
}

.sec_nav a {color:#4a0000; text-decoration:none}
.sec_nav a:hover {text-decoration:underline}

a.textsize_small {padding-left:2px; text-decoration:underline}
a.textsize_large {padding-left:3px; text-decoration:none}
a.textsize_extralarge {padding-left:3px; text-decoration:none}


/* ---- navigation ---- */

#nav {
	width:854px;
	height:28px;
	margin-left:23px;
	background:url(../images/nav_bg.gif) repeat-x 0 0;
}

.menu{
	width:100%;
	overflow:hidden;
}

.menu ul{
	margin:0;
	padding:0;
	font:12px Verdana;
	list-style-type:none;
}

.menu li{
	display:inline;
	margin:0;
}

.menu li a{
	float: left;
	display: block;
	text-decoration: none;
	font-weight:bold;
	padding:7px 36px;
	color:#fff;
	background:none;
}

.menu li a:visited {
	color:#fff;
}

.menu li a:hover, .menu li.selected a {background-color:#b69d7f;	background-image:none}

.menu li.selected a {background-color:#b30000; background-image:none; color:#fff}

.menu a {position:relative}

.menu a span.left {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:3px;
	height:28px;
	overflow:hidden;
	background:url(../images/nav_divider.gif) no-repeat 0 0;
}

/* ---- sidebar ---- */

#leftwrap {
	float:left;
	width:307px;
	position:relative;
	left:23px;
}

#sidebar {
	width:307px;
	background:#fff url(../images/sidebar_bg.gif) repeat-x 0 0;
}

#sidepic {
	margin-bottom:5px;
}

#testimonial {
	width:282px;
	min-height:100px;
	height:auto !important;
	height:100px;
	color:#2a0000;
	padding:12px 10px;
	font:1.1em/1.5 Georgia, "Times New Roman", Times, serif;
	background:#e0d19d url(../images/testimonial_bg.gif) no-repeat bottom;

}

#widget {
	width:307px;
	min-height:30px;
	height:auto !important;
	height:30px;
	padding:6px 0;
	font-size:.92em;
	color:#560000;
	background:#f1e1bc url(../images/widget_bottomleft_bg.gif) no-repeat bottom left;
}

#leftwrap a {color:#800000}
#leftwrap a:hover {text-decoration:none}

/* ---- content ---- */

#content {
	width:517px;
	min-height:450px;
	height:auto !important;
	height:450px;
	float:right;
	position:relative;
	right:23px;
	padding:30px 10px 10px 20px;
	background:url(../images/content_bg.gif) repeat-x 0 0;
}

.contentpic_right {border:5px solid #fff; margin-left:10px}
#content a {color:#800000 !important}
#content a:hover {text-decoration:none}
#content ul {margin-left:50px}
#content li {margin-bottom:10px}
#content table {margin:10px 10px}

#contact {
	width:487px;
	min-height:50px;
	height:auto !important;
	height:50px;
	padding:6px 8px 1px 8px;
	font-size:.92em;
	color:#560000;
	background:#f1e1bc url(../images/contact_bottomright_bg.gif) no-repeat bottom right;
}

.flash_warning {
	background-color:#e0d19d;
	padding:10px;
	border:1px solid #964922;
}


#bottomcap {
	width:900px;
	height:37px;
	clear:both;
	background:url(../images/bottomcap_bg.gif) no-repeat 0 0;
}

/* ---- footer ---- */

#footer {
	width:900px;
	xxxheight:40px;
	font-size:.86em;
	text-align:center;
	color:#000;
	padding-top:6px;
	background:#ac886b;
}

#footer a {text-decoration:none; color:#000}
#footer a:hover {text-decoration:underline}

/* ---- forms ---- */

form {background:#f1e1bc; border:1px solid #00464d; margin-left:20px; padding:10px; width:400px}
fieldset {display:inline; border:none}
fieldset p {margin-left:0; margin-right:0}
fieldset span {color:#F00; font-weight:bold}
fieldset dl {margin:0; padding:0}
fieldset dt {margin:13px 0 1px 20px; font-weight:normal; width:380px}
fieldset dd {
	margin-left:20px; 
	 width:380px;
}

hr {
	height:0;
	width:375px;
	background:none;
	border:none;
	margin-top:10px;
	border-bottom:2px solid #ac886a}


label {cursor:pointer}
input, textarea, select {
	width:293px;
	padding:4px;
	border:1px solid #CCC;
	font:1em verdana,sans-serif;
	border-top-color:#a1a592;
	border-left-color:#a1a592;
	background:#FFF;
	color:#333}
textarea {overflow:auto}

input:hover, textarea:hover, select:hover {
	border:1px solid #602C05;
	background:#FFF}
input:focus, textarea:focus, select:focus {
	border:1px solid #303f00;
	background:#FFF;
	color:#000}
input.radio, input.check {
	width:auto;
	margin:0 5px -3px;
	border:none;
	background:none}

input.submit, input.reset {cursor:pointer; margin:2em 0 0 40px; width:100px}
input.submit {margin-right:30px; background:url(../images/nav_bg.gif) repeat-x 0 0; color:#FFF}
input.reset {background:#bdc1b0}

input.submit:hover, input.reset:hover, input.submit:focus, input.reset:focus {border:1px solid #000; background:#b69d7f; color:#FFF}
input.submit:hover, input.reset:hover {border-top-color:#000; border-left-color:#000}
input.submit:focus {background:#b69d7f}
input.reset:hover {background:#E0E2DA; color:#000}
input.reset:focus {background:#E0E2DA; color:#000}

input#city {width:187px}
input#state {width:30px}
input#zip {width:46px}

input.validation-failed, textarea.validation-failed, select.validation-failed {
	border:1px solid #F00;
	color:#F00}
.validation-advice {
	margin:0 0 5px;
	padding:4px;
	font-size:.9em;
	color:#F00;
	width:307px}
html>body .validation-advice {background:none}

.message {
	background:#CFC;
	visibility:visible;
	display:none;
}

li.form{
	margin:10px 0 5px 0 !important;
	list-style-type:disc;
}

/* ---- Calendar ---- */

table.calendar {width:100%; margin:0 auto 1.5em; background:#f5f5f5; border:1px solid #d7e3ec; border-width:1px 1px}
table.calendar td {width:50%; border:1px solid #e7e7e7; border-width:0 0}
table.calendar h3 {color:#154263; margin:6px 0 10px 0; padding:0 10px; font-size:1.1em}
table.calendar h5 {color:#154263; margin:9px 0 10px 0; padding:0 10px; font-size:1.1em}
table.calendar p {margin-top:.5em; font-size:.95em}
table.calendar span {margin:3px; cursor:default; color:#999; font:normal .9em arial,sans-serif}
table.calendar span.format {display:block; font-size:.9em}
table.calendar input {width:65px}
table.calendar input.submit {margin:15px 0 0}

ul#month {margin-top:1em}
ul#range {margin:0 0 1em}
ul#range li {list-style:none;background:none}

dl.calendar {width:100%; margin:0 auto 1.5em; padding:0 0 7px; background:#f1f1f1; border:1px solid #d7e3ec; border-width:1px 1px}
dl.calendar dt {padding:7px; background:#e0d19d; font:bold 1em arial,sans-serif; text-transform:uppercase; color:#000; position:relative;}
dl.calendar dd {margin:0 7px}
dl.calendar dd.title {padding-top:7px; font-weight:bold}
dl.calendar dd.desc {padding-top:.5em; color:#333}
dl.calendar dd.desc p {margin:0 0 1em}
dl.calendar dd.more {margin-top:.5em}

.EventLabel {font-weight:bold; color: #000}

.EventLabel2 {
	font-size:1.4em;
	color:#074222;
	padding:6px 0 1px 0;
	border-bottom:1px solid #b9b18b}
	
/* ---- 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:3px;
	background:#4a0000}
ul#tour a:hover {background:#b69d7f}

ul.highlights{
	font-size:1.2em
}
