@charset "utf-8";
/*color code
dark brown: #341e11
text: #fef5e4
footer link: #2e4648
*/
/* reset */
*{ margin: 0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
	outline: none;
}

html, body {height: 100%;}
body {
	line-height: 1;
	color: #fef5e4;
	background: #341e11 url(../images/bg.jpg) repeat;
	text-align: center;
	width: 100%;
	font: 12px/14px Trebuchet, Verdana, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
a:link, a:visited {
	color: #e8d4a3;
	letter-spacing: 0.1em;
	text-decoration: none;
	}	
a:hover {
	color: #0690c5;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
img.floatLeft {
	float:left;
}
/*----------- header --------------*/
#header {
	width:100%;
}
#top {
	width: 100%;
	position: absolute;
	top:0px;
	left: 0;
	right: 0;
	z-index: 100;
}
#top img {
	width:100%;
	height:210px;
}
#logo{
	position: absolute; 
	top:30px;
	left: 280px;
	z-index: 200;
}
/*------ container ------------------*/
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 1152px;
	margin: 0;
	text-align: left;
}	
#container #sidebar {
	width:277px;
	float: left;
	margin: 115px 5px 20px 0;
	padding:0;
	border: 0;	
}

/*------ navbar ---------*/
#sidebar #navbar {
	background: url(../images/nav3.png) top left no-repeat;
	width: 277px;
	height: 678px;
	margin: 0;
	padding: 0;
	position: relative;
	}
#navbar span { 
	display: none;
	}
#navbar ul {
	margin: 0; 
	padding: 90px 0 0 0;
	}
#navbar ul+li {
	display:block; 
	position: relative; 
	z-index: 100;
	}
#navbar li, #navbar a {
	height: 42px; 
	display: block;
	}
#navbar li {
	list-style: none; 
	display: inline;
	}
#navbar #loc a:hover {  background:url(../images/nav3.png) -277px -90px no-repeat;}
#navbar #gal a:hover {  background:url(../images/nav3.png) -277px -132px no-repeat;}
#navbar #res a:hover {  background:url(../images/nav3.png) -277px -174px no-repeat;}
#navbar #amen a:hover { background:url(../images/nav3.png) -277px -216px no-repeat;}
#navbar #feat a:hover { background:url(../images/nav3.png) -277px -258px no-repeat;}
#navbar #serv a:hover { background:url(../images/nav3.png) -277px -300px no-repeat;}
#navbar #life a:hover { background:url(../images/nav3.png) -277px -342px no-repeat;}
#navbar #artc a:hover { background:url(../images/nav3.png) -277px -384px no-repeat;}
#navbar #tm a:hover {   background:url(../images/nav3.png) -277px -426px no-repeat;}
#navbar #news a:hover { background:url(../images/nav3.png) -277px -468px no-repeat;}
#navbar #con a:hover {  background:url(../images/nav3.png) -277px -510px no-repeat;}


/*------ cBody ------------------*/
#container #cBody {
	width: 870px; 
	float: left; 
	margin-bottom: 20px;
	}
#container #cBody #flash {
	margin-top: 50px;
	}	
#container #cBody .txtBox {
	width: 840px; 
	margin: 0;
	padding:20px 15px;
	}
			
.bodyTxt{
	font: 12px/22px Trebuchet, Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}
.bodyTxt2, .bodyTxt2 p{
	font: 12px/18px Trebuchet, Verdana, Helvetica, sans-serif;
	margin: 15px 0;
	}
.bodyTxt4{
	font: 11px/18px Trebuchet, Verdana, Helvetica, sans-serif;
	margin: 5px 0;
	}
/*------ content ------------------*/
#container #content {
	padding-bottom:30px;
}
.placeholder {
	background: #341e11; 
	width: 600px; 
	height: 327px; 
	opacity: 0.53; 
	-moz-opacity: 0.53; 
	filter:alpha(opacity=53);
	}
.hidden {
	display: none;
	}
.siteplanIcon {
	background: url(../images/viewIcon.gif) left center no-repeat; 
	display: block; 
	padding-left: 20px;
	margin-top: 15px; 
	width: 125px;
	}
.siteplanIcon2 {
	background: url(../images/viewIcon.gif) left center no-repeat; 
	display: block; 
	padding-left: 20px;
	margin-top: 20px; 
	margin-left
	width: 250px;
}
#title {
	width: 870px; 
	height: 203px; 
	position: relative;
}
#title .titleOverlay {
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	width: 100%;
	height: 203px;
	background-color: #084e69; 
	opacity: 0.55; 
	-moz-opacity: 0.55; 
	filter:alpha(opacity=55);
}	
#title .titleCon {
	width: 100%; 
	margin-top: 0; 
	position: relative;
}
#title .titleCon img {
	position: relative; 
	top: 175px; 
	left: 60px;
}

/*-------------- full content area --------------------*/
#mainSlide { width: 100%; }

/*------ map ---------*/
#cBody .maparea {
	width: 870px; 
	height: 488px; 
	position: relative;
}
#cBody .maparea .mapbg {
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	width: 100%; 
	height:494px;
	background: #220904; 
	opacity: 0.53; 
	-moz-opacity: 0.53; 
	filter:alpha(opacity=53);
	}
#cBody .maparea .mapContainer {
	width: 870px;
	height: 488px;
	position: relative;
	padding: 0;
	margin:0;
	}
#cBody .directions {
	width: 870px; 
	margin:0;
	padding:0;	
	background: url(../images/body-bg.png) top left repeat-x;
	}
#map {
	width: 650px; 
	height: 450px;
	}
#cBody .mapContainer .mapLeft {
	float: left; 
	width: 650px;
	text-align:center;
	}
#cBody ul#checkBoxes {
	position: relative;
	width:600px;
	text-align:center;
	padding: 10px 0 15px 0px;
	}
#cBody ul#checkBoxes li {
	display: block; 
	float: left; 
	margin-right: 20px;
	}
#cBody ul#checkBoxes li.last {
	margin-right:0;
}
#cBody #side_bar {
	width:200px; 
	height:488px; 
	overflow:auto; 
	float: left; 
	padding-left: 20px;
}
#cBody #side_bar ul.mapList li {
	width: 150px; 
	margin-bottom: 5px;
	}
#cBody #side_bar ul.mapList img { float:left; }
#side_bar a { 
	display: inline-block; 
	width: 125px;
	letter-spacing: 0; 
	line-height:19px;
	}
.googleTxt{ color:#341e11;}
.googleTxt a, .googleTitle { color:#0690c5;}
.googleTxt a:hover {color:#559caa;}
#disclaimer {width: 400px; padding: 25px;text-align: left; height: 100px;}

/*-------------- split content area -------------------*/

.mainLeft {
	width: 250px;
	float: left;
	margin-top:10px;		
	}
.mainLeft ul#leftLinks li, .mainLeft ul#leftLinks li a {
	position: relative;
	z-index: 205;
	color: #c7a678;
	display: block;
	margin: 0 10px 10px 20px;
	padding:0;
	font-weight: bold;
	letter-spacing: 0;
	line-height:14px;
	}
.mainLeft ul#leftLinks li a {
	margin:0;
	line-height:14px;
	padding-bottom:3px;
	border-bottom: 1px solid #542504; 
	}
.mainLeft ul#leftLinks li a:hover {
	color:#e8d4a3; 
	border-bottom: 1px solid #e8d4a3;
	}
.mainRight { 
	width: 600px; 
	padding: 0 10px;
	float: left;
	background: url(../images/body-bg2.png) top left repeat-x;
	}	
.mainRight div { margin: 5px 0;}
.mainRight h5, .mainLeft h5, .directions h5, .txtBox h5 {
	font: 14px/14px "Times New Roman", Times, serif;
	font-weight: bolder;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #e5b746;
	margin: 10px 0 5px;
	}
.smLinks a{color:#c7a678; display: block; margin-top: 15px;}
ul#conInfo {margin: 40px 0 0 25px;}
ul#conInfo li {margin-bottom: 25px;}
#conInfo h5 {
	font: 11px/14px TrebuchetMS, Arial, sans-serif;
	font-weight: bolder;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 3px;
	}
.italicize { 
	font-family: Verdana; 
	font-size: 14px; 
	color: #e8d4a3;
	}
span.indentList {width: 300px; margin: 7px 25px 7px; display: block;}
div.slideHolder {margin: 25px 20px; width: 100%;}
/*----- news -------------*/
.eventsMainRight {
	width: 240px;
	float: left;
	margin-top:10px;
	padding-left:10px;	
	}
.pressDate {
	color:#fff5e5; 
	text-transform: uppercase; 
	font-size: 11px; 
	font-weight: bold;
	}
.mainRight h3 {
	color:#c7a678; 
	font: 18px/24px bold TrebuchetMS, Verdana, Arial, Helvetica, sans-serif;
	}
.events { 
	margin-bottom: 25px;
	}
.event1 h3 {
	color:#e8d4a3; 
	font: 14px/18px TrebuchetMS, Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bolder; 
	}
.event1 p, .event2 p, #conInfo p, #conForm p {
	color: #e8d4a3;}
.shortNews p, .fullNews p{ 
	color:#c7a678;
	}
.mainRight img.breakbar {
	width: 448px; 
	margin-left: 76px;
	}
.eventsMainRight h5 {
	margin: 15px 0 10px 0px;
	font-weight:bold;
}
.eventsMainRight .dateOverlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 45px;
	height:45px;
	background:#194a59;	
	opacity: 0.80;
	-moz-opacity: 0.80;
	filter:alpha(opacity=80);
	}
.eventsMainRight .eventDate1 {
	position: relative;
	width: 45px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bolder;
	color: #fff;
	}
.eventsMainRight div.event1, .eventsMainRight div.event2 {
	width: 165px; 
	padding-left:10px; 
	float: left; 
	position:relative;
	clear: right;
	}
.eventsMainRight .eventDate {
	width: 45px; 
	height: 45px;
	text-align: center; 
	position: relative;
	float: left;
	}

a.moreLinks{
	width: 40px;
	padding: 5px;
	display: block;
	margin-top: 10px;
	color: #ccac5f;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 11px;
	background: #361804;
	opacity: 0.55;
	-moz-opacity: 0.55;
	filter:alpha(opacity=55);
	}
	
a.moreLinks:hover {
	opacity: 0.80;
	-moz-opacity: 0.80;
	filter:alpha(opacity=80);}
	
a.pdfLink {
	width: 100px;
	padding: 0 0 10px 25px;
	margin: 15px 5px 15px;
	text-decoration:underline;
	background: url(../images/pdficon_small.gif) left top no-repeat;
	}
/* services styles */
.serviceHolder{
	padding-top: 10px;
}
.serviceHolder .serviceImg{
	float:left;
		margin:0px 0px 25px 0px;
}
.serviceHolder .serviceBox{
	width:355px;
	float:left;
	margin:0px 0px 25px 22px;
	padding-top:35px;
}

/*---- 3 buckets----------*/	
#col1, #col2, #col3, .col {
	position: relative;
	float: left;
	width: 269px;
	padding: 10px;
	height:98px;
	margin: 1px 1px 0 0;
	background-color: #e3caae;
	
	}	

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width:100%;
	height:118px;
	background: #ffefd7;
	opacity: 0.80;
	-moz-opacity: 0.80;
	filter:alpha(opacity=80);
	}
	
#col1 .buckets, #col2 .buckets, #col3 .buckets, #col .buckets {width: 260px; color: #341e11;}
#col1 .buckets a, #col2 .buckets a, #col3 .buckets a, #col .buckets { display:block; color:#341E11;}
#col1 .buckets a:hover, #col2 .buckets a:hover, #col3 .buckets a:hover, #col a:hover {color:#341E11;}
.bucketTitle {margin: 0px 0px 10px 0;}
.buckets {position: relative;}
.buckets img.photoFloat { float: left; margin: 0 10px 0 0;}
.buckets p {width: 132px; text-align: left; float: left; letter-spacing: 0; font-size: 10px;}

#col1:hover, #col2:hover, #col3:hover, .col:hover {cursor: pointer; background-color: #ffefd7;}

/*------ gallery ----- */
#cBody #gallery {
	width: 870px;	 
	padding-top: 25px;
	text-align: center;
	position:relative;
	}
#cBody #galleryBG {
	background: url(../images/body-bg.png) top left repeat-x;
	position:absolute;
	top:0;
	left:0;
	width:870px;
	height:252px;
}
img.gImgTitle {
	width: 748px; 
	margin: 0 auto;
	}
#gallery .gAlbum {
	width: 748px;
	margin: 0 auto 40px;
	padding:0;	
	text-align: left;
	position:relative;
}	
#gallery .gAlbum .albumBG {
	background: url(../images/gallery-bg.png) top left repeat-x;
	position: absolute;
	top:0;
	left:0;
	width:747px;
	height:255px;
}
#gallery .gAlbum li {
	position: relative;
	width: 148px;
	height: 150px;
	display: block;
	margin: 15px;
	float: left;
	}
#gallery .gAlbum li div.thumbOverlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 150px;
	background: #491c03;
	opacity: 0.30;
	-moz-opacity: 0.30;
	filter:alpha(opacity=30);
	}
#gallery .gAlbum li div.thumbOverlay2 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 115px;
	background: #491c03;
	opacity: 0.30;
	-moz-opacity: 0.30;
	filter:alpha(opacity=30);
	}
#gallery .gAlbum .thumbLink {
	position:relative;
	padding:10px;
	margin:0;
	width: 128px;
	height: 130px;
}
#gallery .gAlbum .imgTitle {
	font-family: TrebuchetMS, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	line-height:16px; 
	color:#c7a678;
}
#gallery .gAlbum li:hover div.thumbOverlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 150px;
	background: #491c03;
	opacity: 0.50;
	-moz-opacity: 0.50;
	filter:alpha(opacity=50);
}
#gallery .gAlbum li:hover div.thumbOverlay2 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 115px;
	background: #491c03;
	opacity: 0.50;
	-moz-opacity: 0.50;
	filter:alpha(opacity=50);
}

/*------- subnav header -----*/
#subnav {
	width: 100%;
	height: 27px;
	background: url(../images/subnav-bg.png) top left repeat-x;
	position: relative;
	z-index: 205;
	}
#subnav #subnavLeft {
	float:left;
	
}
#subnav ul { 
	width: 730px; 
	margin-left: 50px;
	}
#subnav #subnavLeftWide ul {
	width: 700px;
	
} 
#subnav ul li, #subnav ul li a {
	width: auto;
	height: 20px;
	display: block;
	float:left;
	color: #559caa;
	z-index:300;
	padding-left: 15px;
	margin-right: 15px;
	}
#subnav li a {
	background: url(../images/subnav-on.png) 0 2px no-repeat;
	}
#subnav li a:hover {
	color:#c6ebf2; 
	background: url(../images/subnav-off.png) 0 2px no-repeat;
	}
#subnav li {
	float: left; 
	margin-top: 7px;
	}
.vidBtn {
	float:right;
	width:150px;
	text-align: right; 
	position:absolute;
	right:5px;
	top:-30px;
	padding: 11px 20px 0 0;
	}
.sendFriendBtn {
	float: right; 
	margin: 11px 20px 0 0;
	}
/*------ footer ------*/
#footer, .push { 
	height: 75px; 
	}
#footer {
	background: #341e11 url(../images/footer-bg.jpg) top left repeat-x;
	text-align: left;
	width: 100%;
	}
#footer #footLeft {
	float:left;
	width:910px;
	padding: 15px 0 0 35px;
}
#footer #footRight {
	float:left;
	text-align:right;
	width: 207px;
	padding: 20px 0 0 0;
}
#footer p, #footer ul {
	clear: none;
	}
#footer span {
	display: inline; 
	margin: 0 5px;
	text-transform: uppercase;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #d7b999;
	}
#footer ul {
	width: 975px; 
	margin-top: 5px;
	font-size: 10px;
	}
#footer ul li { display: inline;}	
#footer ul li a{
	display: block;
	border-left: 1px solid #2e4648;
	color: #2e4648;
	float: left;
	text-transform: uppercase;
	padding: 1px 4px;
	}	
#footer ul li a:hover {
	color: #502b10;}
#footer ul li a.noline	{border-left: none; padding-left: 0;}

/*---------- clearing floats hacks ---------------------*/
.clear {
	clear:both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	overflow: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */