/* CSS Document */

html, body, form, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.8em/1.7 Arial,sans-serif;
	background:#f8d08a url(../images/body_bg.gif) repeat;
	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:2.0em;
	font-weight:normal;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#812f2c;
	border-bottom:1px solid #d6b9b9;
}

h2 {
	font-size:1.3em;
	color:#885e2a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

h3 {font-size:1.2em}

/* ---- container ---- */
#container {
	margin:0 auto;
	position:relative;
	width:751px;
	border:19px solid #fff;
	border-top:0;
	background:url(../images/container_bg.gif) repeat-y 0 0;
}

/* ---- left area ---- */
#left {
	width:184px;
	float:left;
}

#logo {
	width:184px;
	height:188px;
	background:url(../images/logo.gif) no-repeat 0 0;
}

#logo a {
	width:184px;
	height:188px;
	display:block;
	border:0;
}

#logo a img {display:none} /* hides logo for screen */
.print_logo {display:none}

#sidebar {
	width:184px;
	border-top:1px solid #d4b6b5;
	background:url(../images/sidebar_bg.gif) no-repeat 10px 10px;
}

/* ---- menu ---- */
.menu {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:50px;
	position:relative;
	top:20px;
	left:25px;
	width:128px;
}

.menu li {margin:0; padding:0}

.menu li a {
	font-size:1.0em;
	color:#812f2c;
	text-decoration:none;
	display:block;
	width:auto;
	padding:4px 0;
	text-transform:uppercase;
	border-bottom:1px solid #d5b7b6;
	text-decoration:none;
}


* html .menu li a {width:128px} /*IE only. Actual menu width minus left padding of A element (10px) */

.menu li a:hover, .menu li.selected a {font-weight:bold; color:#5a1a17}
.menu li a.menu_bottom {border:0}

/* ---- text size ---- */
p#text-size {
	display:block;
	float:left;
	margin:-3px 0 0 12px;
	padding-top:1px;
	text-transform:uppercase;
	font-size:.9em;
	color:#843231;
}

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

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

ul#text-size-options a {
	display:block;
	width:19px;
	height:16px;
	background:#FFF url(../images/textsize_buttons.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

li#text-m a {background-position:0 -16px}
li#text-l a {background-position:-19px 0}
li#text-xl a {background-position:-38px 0}

li#text-m a:hover {background-position:0 -16px}
li#text-l a:hover {background-position:-19px -16px}
li#text-xl a:hover {background-position:-38px -16px}

/* ---- right area ---- */
#right {
	width:567px;
	float:right;
}

#banner {
	width:567px;
	height:54px;
	padding-top:40px;
	background:url(../images/banner_bg.jpg) repeat-x 0 0;
}

#banner p {
	text-align:right;
	font-size:.86em;
	font-weight:bold;
	line-height:2.1em;
	color:#3e1c01;
	text-transform:uppercase;
	margin-bottom:0;
}

#facebook {
	position:absolute;
	width:24px;
	height:24px;
	background:url(../images/icon_facebook.gif) no-repeat 0 0;
	top:13px;
	right:10px;
}

.socialmedia {clear:both; padding-top:14px}

#main_pic {
	width:567px;
	height:205px;
}

#main_pic img {
	border-top:2px solid #843231;
	border-bottom:2px solid #843231;
}

#content {
	width:547px;
	min-height:300px;
	height:auto !important;
	height:300px;
	padding:14px 20px 0 0;
	background:url(../images/content_bg.gif) no-repeat 425px 9px;
}

#content a {color:#812f2c; text-decoration:underline}
#content a:hover {text-decoration:none}

#content ul {list-style:none} /* hides default bullet for screen */

#content li {
	margin-bottom:5px;
	margin-left:-10px;
	padding-left:18px;
	background:url(../images/bullet.gif) no-repeat 0 8px;
}
#content .r_image {border:1px solid #843231; float:right; margin:4px 0 4px 8px}

#content_bottom {
	width:567px;
	height:97px;
	clear:both;
	background:#f8f0f0 url(../images/content_bottom_bg.jpg) no-repeat right bottom;
}

iframe {margin-left:20px; border:1px solid #843231; padding:2px; background:#fff}

/* ---- footer ---- */
#footer {
	width:751px;
	height:35px;
	padding-top:15px;
	clear:both;
	color:#fff;
	font-size:.8em;
	background:#812f2c;
}

#footer a {color:#fff; text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer_left {width:475px; float:left; background:#812f2c}
#footer_right {width:276px; float:right; text-align:right; background:#812f2c}

/* ---- forms ---- */
fieldset {border:0; 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:#812f2c;
	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:#f8f0f0;
	color:#812f2c;
}

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

input.submit:focus {
	border:1px solid #000;
	background:#f8f0f0;
	color:#812f2c;
}

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  ---- */
#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 14px .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 #843231}
ul#tour a:hover {background:#843231}