/* CSS Document */


html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, pre,
dd, dl, dt, a, cite, code, img, tt, legend, fieldset, label {margin: 0; padding: 0; text-align:left;}

img, a img, form, fieldset {border: 0;}

html, body 		{height: 100%;}

body {text-align:center;min-width:983px;font-size: 14px;line-height:21px;color:#4B4B4B;background:url(../images/bg.jpg) repeat-x center top;background-color: #fff;margin:0; padding:0}


/* 
default links-------------------- */

a:link, a:visited {
	color: #977251;
	text-decoration: none;
	font-weight: normal;
} 
a:active, a:hover {
	color: #664E37;
	text-decoration: none;
}
a.active2  {
	color: #664E37;
	text-decoration: none;
}

/* 
menu links-------------------- */

a.menu:link, a.menu:visited {text-decoration: none;color: #000;}
a.menu:hover {	text-decoration: none;color: #791f21;}
a.active {  	text-decoration: none;color: #791f21;
}
/* 
footer menu links-------------------- */

a.footer:link, a.footer:visited {text-decoration: none;color: #fff;}
a.footer:hover {	text-decoration: underline;	color: #fff;}


p {	margin: 0px; padding: 0px;}
.clear { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.mrB10 { margin-bottom: 10px;}
.mrB20 { margin-bottom: 20px;}
.mrB30 { margin-bottom: 30px;}
.mrB40 { margin-bottom: 40px;}

.mrL10 { margin-left: 10px; }
.mrL20 { margin-left: 20px; }

.mrR0 { margin-right:0}
.mrR15 { margin-right: 15px; }
.mrR20 { margin-right: 20px; }
.mrR30 { margin-right: 30px; }
.mrR50 { margin-right: 50px; }

.mrT5 { margin-top: 5px; }
.mrT10 { margin-top: 10px; }
.mrT15 { margin-top: 15px; }
.mrT20 { margin-top: 20px; }
.mrT25 { margin-top: 25px; }
.mrT35 { margin-top: 35px; }
.mrT50 { margin-top: 50px; }

.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

.fl { float: left; }
.fr { float: right }
.fr2 { margin: 0 20px 0 920px; position:absolute;}
.wd1 { width: 200px;}
.wd3 { width: 430px;}
.wd4 { width: 450px;}
.wd5 { width: 226px; text-align:center}
.wd6 { width: 715px;}


/* 
body ----------------- */
#wrapper {width: 983px;margin: 0 auto;text-align:left;background:url(../images/content_bg.png) repeat-y center top;}

/* 
header ----------------- */
#header {margin:0 auto;height:202px; width:983px; position:relative;font-family: 'League Gothic', Arial, sans-serif; font-size:21px}
#branding {position:absolute; width:295px; height:234px; margin:10px 0 0 345px; z-index:3}
#address {position:absolute; width:340px; height:21px; margin:50px 0 0 30px; z-index:2; color:#977251;letter-spacing:1px;}
#sns {position:absolute; width:230px; height:21px; margin:45px 0 0 765px; z-index:2; color:#977251;letter-spacing:1px;}


/* 
navigation----------------- */
#navigation {position:absolute; width:966px; height:85px; margin: 82px 0 0 13px; z-index:1; text-align:center;}

#navigation ul {margin:0; padding:0;}
#navigation ul li {margin:0; padding:0 0; float:left;list-style:none;}
#navigation ul li a {color:#FCFCFC;text-shadow: 0 2px 0 #333;}
#navigation ul li a:hover {color:#ebc071; text-decoration:none; text-shadow: 0 2px 0 #333;}
#navigation ul li.active2 a {color:#ebc071; text-decoration:none; text-shadow: 0 2px 0 #333;}

/* 
visual area ----------------- */
#mainVisual {margin:0 3px 0 7px;}
#shadow {width:969px; height:33px;background:url(../images/header_shadow.jpg) no-repeat center top;margin: 0 auto;}

/* 
content area common/home ----------------- */
#mainContent {font-family: 'Cabin', Arial, sans-serif; font-size:14px;padding:30px 40px 30px 40px;}
#mainBanner div {width:288px;}

#home2 {margin: 0 auto;text-align:center; width:90%;}
#home2 ul {margin:0 auto ; text-align:left; padding:0;list-style:none; }
#home2 li {float:left;margin:10px 20px 0 0; padding:0 0 0 15px; font-weight:bold; background:url(../images/bullet_green.gif) no-repeat left center; font-size:13px; display:inline-block; width:125px;}
#home #homeLine {height:20px; width: 100%; background:url(../images/content_line.gif) repeat-x right bottom; clear:both; }

#mainBanner h1 {font-family: 'League Gothic', Arial, sans-serif; font-size:27px;color:#977251; font-weight:normal; margin:0; padding:0;}
#mainContent #home h1 {font-family: 'League Gothic', Arial, sans-serif; font-size:27px;color:#977251; font-weight:normal;background:url(../images/content_line.gif) repeat-x right bottom;margin: 0 0 20px 0;}
#mainContent #home h1 strong { padding:2px 11px 0 0; background:#fff}

#mainContent p {margin: 0 0 15px 0}
#mainBanner p {font-size:13px;font-family: 'Cabin', Arial, sans-serif; color:#73573E; margin:0 0 0 7px; line-height:17px;}


/* 
content area common/sub ----------------- */
#subContent {}
#subContent p {margin: 0 0 17px 0}
#box1 {height:20px;margin-bottom:50px;padding:20px; border:solid 1px #D9D5C6; background-color:#e8e5dc;}
#box2 {height:40px;margin-bottom:50px;padding:20px; border:solid 1px #D9D5C6; background-color:#e8e5dc;}
#box3 {margin-bottom:50px;padding:20px; border:solid 1px #D9D5C6; background-color:#e8e5dc;}

#box1 span {font-family: 'League Gothic', Arial, sans-serif; font-size:21px;color:#AE8A6A; font-weight:normal; margin:0; padding:0 0 0 20px; float:left;}

#gallery1 {}
#facilities {width:402px;margin-bottom:50px;margin-left:15px; float:left;}
#faq{}
#events {border:10px solid #e8e5dc; background:#FFF;padding:3px;margin:0 0 30px 0;}
#menuLeft {float:left; width:48%}
#menuRight {float:right; width:48%;}
#faqOpener {width:135px;margin: -50px 0 0 770px;position:absolute;}	
.faqBox {
	display: none;
	width: 90%;
	margin: 0 0 20px 0;
	padding: 10px 20px;
	background-color: #DFDCDB;
	border: 1px dashed #B5AEAC;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
.faqBtn {margin:3px 7px 0 0 ; display:inline-block; width:20px;float:left;}
#events .eventsBg {background:url(../images/events_logo.jpg) no-repeat right bottom; background-color:#f8f8f8; min-height:250px;margin:0; padding:30px;}
#events .pframe img {padding:3px; background-color:white; border:#999 1px solid;	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	position:relative;
	z-index:0;
}


#subContent h1 {font-family: 'League Gothic', Arial, sans-serif;font-size:27px;	color:#BD9F84;font-weight:normal;background:url(../images/content_line.gif) repeat-x right bottom;margin: 0 0 20px 0;padding: 0 0 15px 0
}
#box1 h1 {font-family: 'League Gothic', Arial, sans-serif; font-size:27px;color:#775A40; font-weight:normal; margin:0; padding:0; display:inline-block; float:left;}
#box2 h1 {font-family: 'League Gothic', Arial, sans-serif; font-size:27px;color:#775A40; font-weight:normal; margin:0; padding:0; }
#box2 h2 {font-family: 'League Gothic', Arial, sans-serif; font-size:21px;color:#AE8A6A; font-weight:normal; margin:0;}
#box3 h1 {font-family: 'League Gothic', Arial, sans-serif; font-size:27px;color:#775A40; font-weight:normal; margin:0; padding:0; }
#box3 h2 {font-family: 'League Gothic', Arial, sans-serif; font-size:21px;color:#AE8A6A; font-weight:normal; margin:0;}
#faq h2 {font-family: 'Cabin', Arial, sans-serif; font-size:17px;color:#775A40; font-weight:normal; margin:0 0 10px 0; padding:0;}
#events h2 {font-family: 'League Gothic', Arial, sans-serif;font-size:27px;color:#846446;font-weight:normal;background:url(../images/events_line.jpg) repeat-x right bottom;margin: 0 0 20px 0;padding: 0 0 15px 0}

#facilities h2 {font-family: 'League Gothic', Arial, sans-serif; font-size:23px;color:#AE8A6A; font-weight:normal; margin:0;padding:0 0 10px 7px; top:10px;bottom:20px;}
#facilities p {font-size:15px;font-family: 'Cabin', Arial, sans-serif; color:#73573E; margin:10px 0 0 7px; line-height:17px;}


/* 
menu area ----------------- */
br {clear: both;}
#menu h3 {margin:21px 0 7px 0; font-size:16px; color:#62371b}
ul#nav {margin: 0; padding: 0; list-style: none;}
#nav li {
	margin: 8px 0; 
	padding-top: 1px; 
	color: #777; 
	/*font: .6em Georgia, serif; 
	text-transform: uppercase; 
	letter-spacing: 1px; */
	background: url(../images/bg_dotted.gif) repeat-x 0 77% !important; 
	background-position: 0 61%;
	} 

#nav li p {float: left; background: #FFF;color: #777; text-decoration: none;  padding: 1px 3px; margin: 0 0 5px 0;}

ul#nav li span {display: block; float: right; padding: 1px 3px; background: #FFF;}	
#nav .bgnone {background-image:none !important;}

/* 
footer area ----------------- */
#footer {margin:0 auto;height:267px; width:911px; padding: 40px 30px 0 30px; position:relative;font-family: 'Cabin', Arial, sans-serif; font-size:14px;background:url(../images/footer_bg.jpg) no-repeat center top;}
#footer div {width:288px;}

#footer .footerInfo {width:300px; font-size:16px; margin-right:60px; float:left}
#footer .footerInfo p {font-size:14px;}
#footer .footerPhoto {width:240px; float:left}

#footer h1 {font-family: 'League Gothic', Arial, sans-serif; font-size:27px;color:#fff; font-weight:normal; margin:0 0 20px 0; padding:0;}
#footer p {font-size:13px;font-family: 'Cabin', Arial, sans-serif;margin:0; color:#fff; line-height:17px;}

#footer a {color:#FCFCFC;}
#footer a:hover {color:#E0D1C5; text-decoration:underline;}
#footer a.active2 {color:#E0D1C5; text-decoration:underline;}


/* 

contact us ---------*/
#subSub #box7 .formContact { font-size: 14px; width: 600px;}

#subSub #box7 .formContact fieldset { margin: 0 10px 20px 10px;  padding: 25px; border-bottom: 1px solid #ccc; background-color:#F5F5F5;font-size: 12px; width:490px}

#subSub #box7 .formContact legend { font-weight: bold;font-size: 15px;}

#subSub #box7 .formContact form p {	position: relative;	width: 600px;}

#subSub #box7 .formContact label { float: left;  width: 170px;}

#subSub #box7 .formContact label .required {font-size: 14px;color:#600;}

#subSub #box7 .formContact input { width: 250px;}

#subSub #box7 .formContact select { width: 250px;}

#subSub #box7 .formContact input[type="text"], textarea { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}

#subSub #box7 .formContact input:focus, select:focus, textarea:focus {background-color: #e9e9e9;}


#subSub #box7 .formContact textarea { width: 250px; height: 50px;}
#subSub #box7 .formContact .btnSubmit { width: 105px; height: 31px;}

input.twelvea{display:none;}


/* Italic 
@font-face {
    font-family: 'League Gothic';
    src: url('leaguegothic-italic-webfont.eot');
    src: url('leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic-italic-webfont.woff') format('woff'),
         url('leaguegothic-italic-webfont.ttf') format('truetype'),
         url('leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;

}*/

/* Regular */

@font-face {
    font-family: 'League Gothic';
    src: url('leaguegothic-regular-webfont.eot');
    src: url('leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic-regular-webfont.woff') format('woff'),
         url('leaguegothic-regular-webfont.ttf') format('truetype'),
         url('leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('leaguegothic-condensed-regular-webfont.eot');
    src: url('leaguegothic-condensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic-condensed-regular-webfont.woff') format('woff'),
         url('leaguegothic-condensed-regular-webfont.ttf') format('truetype'),
         url('leaguegothic-condensed-regular-webfont.svg#league_gothic_condensed-Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed Italic 
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('leaguegothic-condensed-italic-webfont.eot');
    src: url('leaguegothic-condensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic-condensed-italic-webfont.woff') format('woff'),
         url('leaguegothic-condensed-italic-webfont.ttf') format('truetype'),
         url('leaguegothic-condensed-italic-webfont.svg#league_gothic_condensed_itaRg') format('svg');
    font-weight: normal;
    font-style: italic;
}*/


/*backtotop*/
#toTop {
	width:95px;
        border:1px solid #ccc;
        background:#f7f7f7;
        text-align:center;
        padding:5px 0 5px 5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:verdana;
        font-size:11px;
}
.arrow-up {
	position:absolute;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
	margin: 8px 0 0 0;
}