/* ============================= IMPORTS ============================= */
@import url("nav.css");

/* ============================= GLOBAL RESET ============================= */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,
td, object{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;
font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
a img {border:none;}
a, a:visited{text-decoration:underline;}
a:hover{}

/* ============================= HTML BODY ============================= */

body{
	background:#7F695B;
	color:#DDD8D2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	height:100%;
	position:relative;
}

html>body{font-size: 10px;}


/* ============================= LAYERS ============================= */

#hdrc{
	background:url(../../images/body_bg.jpg) center top no-repeat;
	height:600px;
	position:absolute;
	top:0px;
	z-index:-1;
	width:100%;
	min-width:970px;
}

#hdrl{
	background:#173124 url(../../images/bgl_bg.jpg) left top repeat-x;
	height:155px;
	position:absolute;
	left:0;
	top:0;
	width:50%;
	z-index:-2;
}

#hdrr{
	background:#41502F url(../../images/bgr_bg.jpg) left top repeat-x;
	height:155px;
	position:absolute;
	right:0;
	top:0;
	width:50%;
	z-index:-2;
}

#shdw{
	background:transparent url(../../images/shdw-trans.png) left top no-repeat;
	height:5px;
	left:5px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:960px;
	z-index:2;
}

#zoom{z-index:301;}

/* ============================= WRAP ============================= */

#wrap{
	margin:0 auto;
	width:970px;
}

/* ============================= HEADER ============================= */

#header{
	height:150px;
	width:970px;
}

#header div.logo{
	display:inline-block;
	height:75px;
	margin:30px 0 20px;
	width:280px;
}

#header div.logo a{
	background:transparent url(../../images/logo-trans.png) left center no-repeat;
	display:block;
	height:73px;
	text-decoration:none;
	width:279px;
}

#header div.logo a span{visibility:hidden;}

/* ============================= MAIN ============================= */

#main{
	background:transparent url(../../images/page_bg.png) left center repeat-y;
	overflow:hidden;
	padding:0 5px;
	position:relative;
	width:960px;
	min-height:420px;
	height:auto !important;
	height:420px;
}

/* ============================= CONTENT ============================= */

#content{
	color:#453e32;
	float:left;
	font-size:1.2em;
	line-height:1.33;
	overflow:hidden;
	padding:0 0 20px 0;
	width:650px;
}

#content h1{
	font-size:1.6em;
	margin:20px 20px 5px 20px;
}

#content h2{
	font-size:1.3em;
	margin:10px 20px 10px 20px;
}

#content h3{
	font-size:1.1em;
	margin:10px 20px 0 20px;
}

#content h4{
	font-size:1em;
	margin:10px 20px 0 20px;
}

#content h2 a.anchor, #content h3 a.anchor{color:#463E33; text-decoration:none;}

#content p{
	margin:5px 20px;
}

#content ul, #content ol{
	margin:5px 20px 5px 50px;
}

#content ul li, #content ol li{
	margin-bottom:5px;
}

#content ul li ul{
	margin:5px 0 5px 15px;
}

#content blockquote{margin:5px 20px 10px 40px;}
#content blockquote ul{margin:5px 0 5px 30px;}

#content hr{
	clear:both;
	color:#DDD8D2;
	background-color: #DDD8D2;
	height:1px;
	border:0;
	margin:20px 20px 15px 20px;
}

#content a, #content a:visited{text-decoration:underline; color:#463E33;}
#content a:hover{color:#000000;}
#content a.mt span{display:inline-block; text-decoration:underline; width:10px; background:transparent url(../../images/icon_asym.png) no-repeat 0 3px;}
#content a.mt:hover span{background-position: 0 -27px;}
#content a.fbconnect_login_button{text-decoration:none;}
#content table{
	border-collapse:collapse;
	margin:0 20px 10px;
}

#content table th{
	border:1px solid #DECFC2;
	background:#DECFC2;
	font-weight:bold;
	padding:5px 8px;
	text-align:left;
}

#content table td{
	border:1px solid #DECFC2;
	padding:8px;
	text-align:left;
}

#content table th.center, #content table td.center{
	text-align:center;
}

#content table td p{margin:5px 0;}
#content table td ul, #content table td ol{margin:5px 0 5px 30px;}

#content img.border{border:1px solid #7F695B;}
#content a:hover img.border{border:1px solid #000000;}
#content div.right, #content img.right{float:right;  margin:0 20px 5px 10px;}
#content div.left, #content img.left{float:left;  margin:0 10px 5px 20px;}

.caption{font-size:0.83em; line-height:1.2em; text-align:right;}
.gallery-wrap{padding:10px 20px;}
.gallery{float:left; width:194px; margin:14px 14px 0 0;}
.gredge{margin-right:0;}
.gtrow{margin-top:0;}
.hide{display:none;}
.show{display:block;}
.col100{width:100px; display:block; float:left;}
ul.nobull{list-style:none;}
/* ============================= SIDEBAR ============================= */

#sidebar{
	color:#999999;
	float:right;
	font-size:1.2em;
	width:310px;
}

#sidebar ul{
	list-style:none;
	margin:15px;
}

#sidebar a{
	background:url(../../images/sdbr_arrw.png) left -40px no-repeat;
	color:#999999;
	display:block;
	font-weight:bold;
	height:1%;
	padding:10px 25px;
	text-decoration:none;
	cursor:pointer;
}

#sidebar a:hover, #sidebar a:focus, #sidebar a.active{background:url(../../images/sdbr_arrw.png) left 8px no-repeat; color:#FFFFFF;}

/* ============================= FOOTER ============================= */

#footer{
	background:transparent url(../../images/ftr_bg.png) left top no-repeat;
	clear:both;
	color:#EFE3CE;
	padding:0 0 5px;
}

#footer div.footernav{
	float:left;
	font-size:1.2em;
	margin:0 0 0 10px;
	padding:6px 10px 10px 0px;
	width:465px;
}

#footer div.copyright{
	float:right;
	font-size:1em;
	margin:0 10px 0 0;
	padding:6px 10px 10px;
	text-align:right;
	width:455px;
}

#footer div.footernav a, #footer div.footernav a:visited{
	color:#EFE3CE;
	padding:0 10px;
	text-decoration:none;
}

#footer div.footernav a:hover, #footer div.footernav a:focus{color:#FFFFFF;}

/* ============================= CLEARING ============================= */

.clearfix:after, #footer:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, #footer{display:inline-block;}
* html .clearfix, * html #footer{height:1%;}
.clearfix, #footer{display:block;}
.clear{clear:both;}

/* ============================= TYPOGRAPHY =========================== */
h1, h2, h3, h4, strong, .bold{font-weight:bold;}
em{font-style:italic;}
blockquote{margin-left:20px; margin-bottom:15px;}

/* ============================= FORMS ================================ */
div.contactform{position:relative;}
#cf-validate{color:red; font-weight:bold;}
ul.errors{font-weight:bold; color:red; margin:0 5px 0 7px; padding-left:1em;}
ul.errors li{padding-bottom:0; margin-bottom:0;}
form.contact{margin:10px 20px;}
form.contact div.half{float:left; width:50%; padding-bottom:8px;}
form.contact div.full{width:100%; padding-bottom:8px;}
label{display:block; font-size:0.85em; font-weight:bold;}
label.nob{display:inline;}
input, select, option, textarea{font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:normal; color:#333333;}
input{height:15px;}
input.cols-long{width:280px;}
input[type='checkbox']{vertical-align:middle; margin:0 3px 0 0; padding:0;}
textarea{width:592px; height:60px; margin-bottom:5px;}
input.button{
	background: transparent url(../../images/btn_bg.png) repeat-x 0 0;
	color:#efe3ce;
	font-size:1em;
	text-transform:uppercase;
	padding:0 30px;
	height:26px;
	border:0;
	border-right:1px solid #1e1e1e;
	text-decoration: none;
	font-weight: bold;
	margin:10px 0;
	cursor:pointer;
}
input.button:hover{
	color:#ffffff;
	background-position:0 -26px;
	cursor:pointer;
}
.cf-loading{position:absolute; top:130px; left:223px; background:white; border:1px solid #173124; padding:20px;}
.ui-state-error{border: 1px solid red; background: #fef1ec url(images/ui-error_bg.png) 50% 50% repeat-x; color: red; }