﻿body { font-family: Arial,Helvetica,sans-serif; font-size: 12px; background: #A29775; margin: 0; padding: 36px 0 0 0; }
body.normal { background: none; padding: 0; }
iframe { border: none; display: block; position: relative; overflow: hidden; }
img { border: none; }
img.pad-small { float: left; margin: 0.5em 5px 0.5em 0; }
ul { padding: 0 0 0 20px; }
li { padding: 0; margin-bottom: 0.25em; }
ul, p, h1 { margin: 0 0 1em 0; }
h1 { border: solid 2px #552F08; display: inline-block; position: absolute; top: -1px; left: 0; }
h2 { margin: 0 0 10px 0; padding: 0; border: solid 2px #552F08; background: #844C0F; color: #DBD2B0; text-transform: uppercase; line-height: 36px; font-size: 19px; font-weight: normal; padding-left: 8px; }
h2.multi-line { line-height: 20px; }
h3, h4 { margin: 0 0 0.5em 0; font-size: 12px; }
h3.larger { font-size: 14px; }
a { color: #45461B; }
a:hover { color: #959654; }
.center { text-align: center; }
.last { margin-bottom: 0 !important; }
form { margin: 0; }

ul.lines
{
	list-style: none;
	padding: 0;
}

/* Clear fix styling */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* WinIE7 only */
*:first-child+html .clearfix{
	height:1%;
}

/* WinIE6 and below */
/*¥*/
* html .clearfix{
	height:1%;
}
/**/

/* MacIE only */
/*¥*//*/
.clearfix{
	display:inline-table;
}
/**/

.no-pad { padding: 0 !important; }
.no-border { border: none !important; }
.columns-two .column { width: 322px; float: left; margin-right: 10px; }
.section .columns-two .column { width: 305px; margin-right: 20px; }
.column-last { margin: 0 !important; }

.w120 { width: 120px; }
.w125 { width: 125px; }
.w133 { width: 133px; }
.w146 { width: 146px; }
.w152 { width: 152px; }
.w166 { width: 166px; }
.w178 { width: 178px; }
.w181 { width: 181px; }
.w182 { width: 182px; }
.w195 { width: 195px; }
.w221 { width: 221px; }
.w236 { width: 236px; }
.w316 { width: 316px; }

#header { position: relative; height: 132px; border-top: solid 1px #6E3305; }
#footer { border: solid 2px #45461B; text-align: center; }
#footer, #footer a { font-size: 11px; background: #70722C; color: #DBD2B0; line-height: 27px; }
#footer p { margin: 0; }
#footer a { text-decoration: none; font-weight: bold; }
#footer span { margin: 0 4px; }

#page { width: 909px; border: solid 10px #DBD2B0; background: #DBD2B0; margin: auto; }
#content { float: left; width: 654px; margin-bottom: 10px; color: #847754; }
#content .section { position: relative; border: solid 2px #552F08; margin-bottom: 10px; background: #FFFFFF; padding: 10px; }
#content .image-caption { border: none; padding: 0; background: none; text-align: center; }
#content .image-caption img { border: solid 2px #552F08; margin-bottom: 0.25em; }
#content .image-caption .caption { font-size: 10px; }

#banner { position: relative; border: solid 2px #595139; margin-bottom: 20px; }
#banner .slides { position: relative; }
#banner .slides-425, #banner .slides-425 * { height: 425px; width: 905px; }
#banner .slides .slide1 { background: url(../images/banners/view1.jpg) no-repeat; }
#banner .slides .slide2 { background: url(../images/banners/view2.jpg) no-repeat; }
#banner .slides .slide3 { background: url(../images/banners/view3.jpg) no-repeat; }

.slides { position: relative; overflow: hidden; }
.slides * { position: absolute; top: 0; left: 0; z-index: 1000; }
.slides .current { z-index: 1001; }
.slides-229, .slides-229 * { height: 170px; width: 229px; }

#side-menu { float: left; background: #A59A78 url(../images/bg_menu.jpg) repeat-x; border: solid 2px #595139; width: 241px; height: 489px; margin: 0 10px 10px 0; }
#side-menu ul { list-style-type: none; margin: 0; padding: 0 22px 12px 17px; }
#side-menu li { padding: 12px 0; border-bottom: solid 2px #aea37e; }
#side-menu a { font-size: 14px; color: #ddd8c7; text-decoration: none; }
#side-menu a:hover { color: #FFFFFF; } 

#toplinks { list-style: none; position: absolute; top: 6px; left: 412px; margin: 0; padding: 0; }
#toplinks li { display: block; float: left; }
#toplinks a { display: block; width: 75px; padding-left: 10px; color: #404119; text-decoration: none; line-height: 18px; background: url(../images/arrow.gif) no-repeat left center; margin-right: 8px; }
#toplinks a:hover { color: #827552; background: url(../images/arrow_r.gif) no-repeat left center; }
#search { float: right; width: 200px; height: 32px; border-right: solid 1px #6E3305; }
#searchbox { float: left; margin-top: 6px; background: #a29775; height: 14px; width: 130px; border: 1px solid #68621c; }
#searchbutton { float: left; margin-top: 7px; margin-left: 5px; }

#uppernav { clear: both; border: solid 2px #45461B; width: 604px; height: 56px; float: right; overflow: hidden; }
#uppernav a { display: block; background: url(../images/top-navigation.gif) no-repeat left top; height: 56px; width: 206px; overflow: hidden; text-indent: -5000px; float: left; }
#uppernav a.un2 { width: 200px; background-position: -206px top; }
#uppernav a.un3 { width: 198px; background-position: -406px top; }
#uppernav a:hover { background-position: left bottom; }
#uppernav a.un2:hover { background-position: -206px bottom; }
#uppernav a.un3:hover { background-position: -406px bottom; }

#lowernav { clear: both; border: solid 2px #72752E; border-top: none; }
#lowernav #tabcontentcontainer { overflow: hidden; height: 38px; background: #FDF9ED url(../images/lower-navigation.gif) repeat-x; }
#lowernav .tabcontent { display: none; }
#lowernav .tabcontent a { display: block; cursor: pointer; float: left; height: 29px; line-height: 29px; vertical-align: top; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 9px 0 0 0; text-align: center; background: url(../images/navigation-bar.gif) no-repeat 0 16px; }
#lowernav .tabcontent a.first { background: none; }
#lowernav .tabcontent a span { display: block; }
#lowernav #sc1 { display: block; }

.chart { border-collapse: collapse; }
.chart th { text-transform: uppercase; }
.chart th, .chart td { border: solid 1px #231F20; text-align: center; width: 33%; color: #231F20; padding: 3px; font-family: Helvetica, Arial; }
.chart tr.even { background: #D1C9A1; }

.tab-content .tabs h2 { float: left; margin: 0 10px 0 0; padding: 0; overflow: hidden; width: 156px; font-size: 14px; text-transform: none; font-weight: bold; border: none; }
.tab-content .tabs h2 a { display: block; padding-left: 8px; color: #DBD2B0; text-decoration: none; }
.tab-content .tabs .current, .tab-content .tabs .current a { color: #FFFFFF; }
.tab-content .tabs .tab-last { margin-right: 0; }
.tab-content .content { margin-bottom: -10px; }

.left-overhang { margin-left: -35px; }
.gallery-large { border-collapse: collapse; width: 100%; }
.gallery-large td { width: 50%; vertical-align: top; }
.gallery-medium a { display: inline-block; border: solid 1px #552F08; margin: 0 0 4px; }
.gallery-small a { margin: 0 4px 4px 0; }
.gallery-small a.third { margin-right: 0; }
#webcam { background: #EEE; border: solid 1px #552F08; height: 257px; margin: 0 0 4px; line-height: 257px; text-align: center; font-size: 18px; }
#web-cam-caption { margin-top: 0.5em; }

.floor-plan { margin-bottom: 2em; }
#side-menu { margin-bottom: 0; border-bottom: none; height: auto; }
#side-menu-bottom { background: url(../images/side-menu-stretch.png); clear: both; float: left; height: 12px; width: 245px; }
#content { margin-bottom: -2px; }
#body { background: url(../images/side-menu-stretch.png) repeat-y -245px 0; }

#side-menu .stilt { float: left; font-size: 0; line-height: 0; width: 0; height: 183px; }
.group { margin-bottom: 3em; }

#web-cam { position: relative; width: 303px; height: 227px; background: #000 url(../images/loader.gif) no-repeat center center; border: 1px solid #552F08; }
#web-cam img { position: absolute; left: 0px; top: 0px; width: 303px; height: 227px; }
#web-cam div { position: absolute; left: 0px; top: 0px; width: 303px; height: 227px; text-align: center; }
#web-cam div div { position: absolute; left: 0px; top: 0px; width: 303px; height: 227px; background: #000; }
#web-cam div a { position: relative; color: #fff; top: 106px; }
web-cam-image-large img { width: 640px; height: 480px; }

/*
IE
#web-cam { position: relative; width: 303px; height: 227px; background-color: #000; overflow: hidden; }
#web-cam div { position: relative; display: inline; top: 50%; left: 50%; zoom: 1; }
#web-cam img { position: relative; top:-50%; left:-50%; }
Mozila
#web-cam { position: relative; width: 303px; height: 227px; background-color: #000; overflow: hidden; }
#web-cam div { position: relative; display: inline-block; top: 50%; left: 50%; }
#web-cam img { margin: -50% 0 0 -50%; }
*/

/* Administrator Login Styling */
#loginBox, #facebox #loginBox { border-collapse: separate; border-spacing: 2px; margin: auto; }
#facebox #loginBox { margin-bottom: 2em; }
#loginBox td { padding: 2px 5px; }
#loginBox h2 { margin-bottom: 6px; border: none; background: none; padding: 0; color: #000000; text-transform: none; }
#loginBox input.button { margin-left: 4px; margin-right: 0; }
