@charset "utf-8";
/* CSS Document */

body {
	background: #421c16;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
a {
	color: #06C;
	text-decoration: none;
}
a:hover {
	color: #09C;
}
hr {
	background: #fff;
	border: none;
	border-bottom: 2px solid #421c16;
	display: block;
	clear: both;
	margin: 5px 0px;
	height: 6px;
}
img {
	border-color: #421c16;
}

li {
	list-style-image: url("/images/icons/arrow1.png");
	list-style-type: none;
	line-height: 1.65em;
}
/*********************************************/
/* Heading and Title styles
/*********************************************/
h1,h2,h3,h4,h5,h6{color: #421c16; line-height: 1.3em;}
h1{font-size:2.0em;margin:0 0 0.2em 0;}
h2{font-size:1.8em;margin:0 0 0.2em 0;}
h3{font-size:1.6em;margin:0 0 0.5em 0;}
h4{font-size:1.4em;margin:0 0 0.6em 0;}
h5{font-size:1.3em;margin:0 0 0.7em 0;}
h6{font-size:1.2em;margin:0 0 1.3em 0;}

/**********************************************/

.HeaderBar {
	text-align: left;
	font-size:1.1em;
	color: #000;
	background: #fff;
	text-align:left;
	display: block;
}
.HeaderBox {
	text-align:left;
}
.HeaderBar .imgHeaderMobile {
	width: 75%;
	text-align: center;
}
.HeaderBar .imgHeaderTitle, .HeaderBar .imgHeaderLogo {
	display: none;
}
.HeaderBar .SocialBox {
	display: none;
}
/******************************************/
.MenuBar {
	margin: 0px;
	padding: 4px 0px;
	width: 100%;
	text-align: center;
	background-color: #FFF;
	display: block;
}
.MenuBar .mnuMain {
	margin: 0px;
	padding: 0px;
}
.mnuMain {
	background: #ddd;
	height: auto;
}
.mnuMain li {
	list-style: none;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.5em;
	padding: 3px 10px 3px;
	margin: 0px 3px;
	display: inline;
}
.mnuMain li a {
	color: #333;
}
mnuMain li.mnuRight {
	float: right;
}
.mnuMain li.mnuMember {
	float: right;
}
.mnuMain li:hover, .mnuMain li.mnuActive {
	background: #421c16 ;
	color: #fff;	
}
.mnuMain li:hover a, .mnuMain li.mnuActive a {
	color: #fff;	
}
/*----------------------------------*/
.SubMenu {
	margin: 0px;
	padding: 4px 0px;
	width: 100%;
	text-align: center;
	display: block;
	background-color: #bbb;
}
.SubMenu ul {
	margin: 0px;
	padding: 0px;
}
.SubMenu ul {
	background: #bbb;
}
.SubMenu ul  li {
	list-style: none;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 3px 10px 4px;
	margin: 0px 3px;
	display: inline;
}
.SubMenu ul  li a {
	color: #333;
}
.SubMenu ul  li.mnuRight {
	float: right;
}
.SubMenu ul  li.mnuMember {
	float: right;
}
.SubMenu ul  li:hover, .SubMenu ul  li.mnuActive {
	background: #421c16 ;
	color: #fff;	
}
.SubMenu ul  li:hover a, .SubMenu ul  li.mnuActive a {
	color: #fff;	
}

/***************************************************/

.MemberBar {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	background: #421c16;
	color: #fff;
	display: block;
	font-size: 1.35em;
	border: 1px solid #333;
}

/*****************************************************/

.HeaderTitle {
	position: absolute;
	top: 5px;
	left: 50%;
	margin: 0px 0px 0px -30px;
	font-size: 2em;
	font-weight: bold;
}
#HeaderLogo {
	width: 60%;
}
.RotateBar, .RotateBar2 {
	display: none;
	visibility: hidden;
}

/**********************************************/
.HomeGallery {
	background: #222 url("/images/layout/metalback1.jpg") center center;
	width: 100%;
	height: auto;
	padding: 10px 0px;
	margin: 10px 0px;	
}
.HomeGalleryBox {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	color: #FFF;
}
.HomeGalleryFrame {
	width: 300px;
	height: 300px;
	margin: 10px;
	padding: 0px;
	float: left;
	color: #fff;
	font-size: 1.75em;
}
.HomeGalleryFrame .HomeGalleryImage {
	width: 200px;
	height: 200px;
	border-radius: 8px;
	border: 3px solid #000;
	margin: 5px;
	border: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.HomeGalleryFrame a {
	color: #fff;
}
.HomeGallery .GalleryTitle {
	font-size: 2em;
	color: #fff;
	text-align: center;
}
/***********************************************/

.ContentBar {
	background: #FFF;
	padding: 10px;
	text-align:left;
	display: block;
	clear: both;
}
.ContentBox {
	font-size: 1.2em;
	line-height: 1.25em;
	text-align: left;
	padding: 5px 0px;
	text-align:left;
	background: #fff;
}

.ContentBox3 {
	width: auto;
	height: auto;
	text-align: left;
	background: #ddd;
	border-radius: 20px;
	margin: 10px 10px;
	padding: 7px;
	float: left;
	font-size: 0.80em;
	line-height: 1.35em;
	position: relative;
}
.ContentBox3 .ContentImage {
	float: left;
	margin: 2px 10px 2px 0px;
	border-radius: 20px;
	width: 250px;
	height: 220px;
	position: relative;
	z-index: 2;
}
.ContentBox3 .ContentFrame {
	width: 250px;
	height: 220px;
	position: absolute;
	border-radius: 20px;
	top: 0px;
	left: 0px;
	z-index: 5;
}
.ContentBox3 .ContentTitle {
	font-size: 1.5em;
	position: absolute;
	top: 10px;
	left: 10px;
	color: #fff;
	z-index: 8;
}
.ContentBox3 #ContentHomeImg {
	border: 5px solid #fff;
	border-radius: 5px;
	overflow: hidden;
	width: 330px;
	height: 175px;
}
.MenuPathBox {
	margin: 3px 0px;
	text-align: center;
	width: 100%;
	background: #f3f3f3;
	padding: 4px 0px 5px;
}
.RightBox, .LeftBox, .ContactForm {
	background: #f3f3f3;
	padding: 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: auto;
	text-align: left;
	width: auto;
	margin: 5px;
	
}
.MapBox {
	width: 100%;
	height: 300px;
	border: 2px solid #421c16;
	margin: 10px 0px;
}

.ContactForm {
	width: 80%;
}
/***********************************************/
.FooterBar {
	background: #421c16;
	color: #FFF;
	padding: 10px;
	text-align: center;
}

.FooterBox, .FooterText {
	font-size: 1.0em;
	line-height: 1.25em;
	text-align: center;
	color: #fff;
}
.FooterBox a, .FooterText a {
	color: #ffc;
}
.FooterBar .SubMenu, .FooterBar h3 {
	color: #FFF;
	font-size: 1.5em;
	margin: 0px;
}
.FooterBar .SubMenu ul {
	margin: 0px;
	font-size: 1.15em;
}
.FooterBar .SubMenu li {
	list-style: disc;
	font-size: 1.15em;
	background: none;
	border: none;
	padding: 2px 0px;
}
.FooterBar2 {
	background: #FFF;
	text-align:	center;
}
/*************************************************/
.EventsFrame, .EventsLoading {
	display: none;
}
.EventMedium {
	margin: 15px 0px;
	width: auto;
	padding: 20px;
	border-radius: 25px;
	background-color: #efffff;
	position: relative;
}
.EventMedium .EventDate {
	font-weight: bold;
}
.EventMedium .EventCat {
	font-style: italic;
}
.EventLarge .EventTitle {
	font-size:2.2em;
	margin:0 0 0.2em 0;
	color: #421c16; 
}
.EventMedium .EventTitle {
	font-size:2.0em;
	margin:0 0 0.2em 0;
	color: #421c16; 
}

/*********************************************/

.TrailerBox {
	margin: 15px 0px;
	width: auto;
	padding: 20px;
	border-radius: 25px;
	background-color: #f3f3f3;
	border: 1px solid #e3e3e3;
	position: relative;
}
.TrailerBox .TrailerImage {
	float: right;
	margin: 0px 10px 10px 10px;
}
/*********************************************/

.NewsMedium {
	margin: 15px 0px;
	width: auto;
	padding: 20px;
	border-radius: 25px;
	background-color: #efffff;
	position: relative;
}
.NewsMedium .NewsImage {
	float: right;
	margin: 0px 10px 10px 10px;
}
.NewsMedium .NewsTitle, .NewsLarge .NewsTitle {
	font-size: 2.2em;
	line-height: 2em;
}
.NewsMedium .NewsDate {
	font-style: italic;
}

/****************************************/
.StaffBox {
	margin: 15px 10px;
	padding: 5px 0px;
	text-align:left;
	border-bottom: 2px solid #ccc;
}

/*=================================*/
/* PHOTO GALLERIES
/*=================================*/

#gallery ul { 
	list-style: none; 
	margin: 0px;
	padding: 0px;
}
#gallery ul li { 
	display: inline; 
	float: left;
	text-align: center;
	overflow: hidden;
	margin: 10px;
}
#gallery ul li div {
	border: 2px solid #333;
	border-right: 2px solid #222;
	border-bottom: 2px solid #111;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#gallery ul img {
	border: 1px solid #ccc;
}
#gallery ul a:hover img {
	border: 1px solid #c00;
}
/*********************************************/
/*  BUTTONS */
/*********************************************/
.boxButton, .boxButton2 {
	float: right;
	background: #421c16;
	color: #fff;
	border: none;
	padding: 8px 15px;
	margin: 2px 0px 2px 5px;	
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 1.2em;
	line-height: 1.8em;
}
.boxButton a, .boxButton2 a {
	color: #fff;
	text-decoration: none;
	font-size: 1.75em;
}
.boxButton a:hover, .boxButton2 a:hover {
	text-decoration: none;
	color: #FF0;
}
.boxButton2 {
	float: left;
}

.boxClear {
	width: 1px;
	height: 1px;
	clear: both;
	display: block;
}

input, select, textarea {
	font-size: 1.2em;
}

.tablePages {
	padding: 2px 5px;
	background: #eee;
	width: 95%;
	font-size: 1.0em;
}
.tableClear td {
	font-size: inherit;
}

.boxError {
	color: #c00;
	text-align:center;
	font-style: italic;
}
.boxSuccess {
	color: #421c16;
	text-align:center;
	font-style: italic;
}