html, body { height:100%; }

body {
	background-color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}


/*-- show vertical scrollbar --------------------*/
html { overflow-y: scroll; }


body,div,p,td,th {
	font-family: Arial, Verdana, Tahoma;
}

img { border: none; }

a { color: #000; text-decoration: underline; }



/* headers */

h1 {
	border-bottom: 2px solid #353535;
	font-size: 24px;
	line-height: 24px;
	margin: 0px 0px 20px 0px;
	padding-bottom: 5px;
}
h2 {
	font-size: 20px;
	margin: 0px 0px 20px 0px;
}
h3 {
	font-size: 15px;
	margin: 0px 0px 10px 0px;
}

p {
	margin: 0px 0px 10px 0px;
}

hr {
border: none;
color: #333;
background-color: #333;
height: 1px;
}




.layWrapper { 
	margin: auto;
	text-align: left;
	width: 1000px;
}


.layTopBanner { 
	margin: auto;
}


/* menu */
.layMenu {
	background-color: #999999;
	margin: 0px;
	padding: 5px 0px 6px 25px;
	text-align:center;
}
.layMenu ul {
	list-style: none;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 970px;
}
.layMenu ul li {
	float: left;
	margin-right: 20px;
}
.layMenu ul li a {
	color: #fff;
	display: block;
	padding-top: 4px;
	font-size: 13px;
	font-family: Trebuchet MS, Sans-Serif;
	text-transform:uppercase;
	text-decoration: none;
}




.layContent {
	height: auto;
	min-height: 500px;
	margin: 20px 0px 20px 0px;
}


/* min height hack for IE */
/*\*/
* html .layContent { height: 500px; }
/**/





.layContent .layHeader {
	background-color: #999999;
	display: none;
	margin: 0px 0px 40px 0px;
	padding: 10px;
	text-align: left;
}	

.layContent .layLeft {
	background-color: #000;
	color: #fff;
	float: left;
	width: 450px;
}
.layContent .layRight {
	background-color: #444;
	color: #000;
	float: right;
	font-size: 12px;
	line-height: 18px;
	padding: 20px;
	width: 490px;
}


.layContent .layLeft .laySubMenu {

}
.laySubMenu .layMenuItem {
	background-color: #444;
	margin-bottom: 10px;
}
.laySubMenu .layMenuItem .l {
	background-color: #000;
	float: left;
}
.laySubMenu .layMenuItem .l img {
	height: 70px;
	margin-right: 10px;
	width: 70px;
}
.laySubMenu .layMenuItem .r {
	float: left;
	padding: 6px 10px 0px 10px;
	width: 330px;
}
.laySubMenu .layMenuItem .r a {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
}
.laySubMenu .layMenuItem .r p {
	color: #000;
	font-size: 12px;
	margin: 5px 0px 0px 0px;
}

.laySubMenu .layMenuItem .r a.lnkSelected {
background-color: #ef3e8f;	color: #000; text-decoration: none;
}
.laySubMenu .layMenuItem .layClear{
background-color: #000;
}


.layClear {  clear: both; font-size: 1px; height: 1px; line-height: 1px; padding: 0px; }
.layClear img { height: 1px; width: 1px; }




.layFooter {
margin-bottom: 20px;
}



/* errors */

.layErrors
{
	background-color: #aaa;
	border-bottom: 1px solid #333;
	margin-bottom: 30px;
	padding: 10px 10px 5px 10px;
}
.layErrors div
{
	border-left: 2px solid #ef3e8f;
	margin-bottom: 5px;
	padding-left: 8px;
}



/* gallery */

.layGallery .layGalLeft { float: left; margin-right: 10px; }
.layGallery .layGalLeft a img { border: 2px solid #000; }
.layGallery .layGalRight { float: left; width: 380px; }
.layGallery .layGalRight h3 { margin-bottom: 5px;}
.layGallery .layGalRight a { color: #000; }
.layGallery .layClear { height:10px; }
.layGalleryPictures a { margin-left: 2px; }
.layGalleryPictures a img { border: 2px solid #000; }



/* calendar */

.layCalNav { margin-bottom: 15px; text-align: center; text-transform: uppercase; }
.layCalNav .layYear { margin-bottom:10px;}
.layCalNav .layYear a { margin: 0px; }
.layCalNav .layYear span { margin: 0px 10px 0px 10px; }
.layCalNav .layYear span a { font-size: 18px; margin: 0px; text-decoration: none; }
.layCalNav a { color: #fff; font-size: 14px; font-weight: bold; margin-right: 6px;}
.layCalNav a.lnkSelected { background-color: #ef3e8f; color: #000; text-decoration: none; } 

.layCalendar div { background-color: #444; font-size: 12px; margin-bottom: 5px; padding: 4px; position: relative; }
.layCalendar div a.lnkRss { position: absolute; top: 8px; right: 8px; }


.layCalendar div h3 { color: #000; font-size: 18px; margin: 0px; }
.layCalendar div h3 a { color: #000; text-decoration: none; }
.layCalendar p { color: #fff; font-size: 18px; margin: 0px 0px 10px 0px; }
.layCalendar h3 { margin: 0px 0px 5px 0px; }
.layCalendar p a.lnkHdr, .layCalendar p a.lnkSelected { color: #fff; font-size: 15px; font-weight: bold; margin: 10px 0px 5px 0px;  }
.layCalendar p a.lnkSelected { background-color: #ef3e8f; color: #000; text-decoration: none; }
.layCalendar span { display: block; font-size: 12px; margin-top: 5px; }

.layCalLeft { float: left; }
.layCalRight { float: right; font-size: 15px; font-weight: bold; }

.layCalendarEntry h3 { margin: 0px 0px 2px 0px; }
.layCalendarEntry h2 { color: #fff; line-height: 20px;  }
.layCalendarEntry h3 a { color: #000; }
.layCalendarEntry p { margin: 0px; }


/* news */

.layNews h3 { margin: 0px 0px 5px 0px; }
.layNews p { margin: 0px 0px 20px 0px; }
.layNews p a { color: #000; text-decoration: none; }
.layNews p a span { text-decoration: underline; }

.layNewsPanel { background-color: #444; padding: 20px; }
.layNewsPanel h2 { border-bottom: 2px solid #353535; color: #000; line-height: 24px; margin: 0px 0px 20px 0px; padding-bottom: 5px; }
.layNewsPanel hr { margin-top: 30px; }
.layNewsPanel a.lnkSelected { background-color: #ef3e8f; color: #000; text-decoration: none; } 

	

	

/* paging */
.layPaging { text-align:center; }
.layPaging div { border-top: 1px solid #333; margin: 40px 0px 10px 0px; padding-top: 10px; }
.layPaging a { font-size: 14px; }
.layPaging b { font-size: 14px; }
.layPaging span { color: #333; }




/* contact form */

.tblContact {
	
}
.tblContact .cellTxt {
	font-weight: bold;
	width: 80px;
}
.tblContact .cellFld select {
	font-family: Arial, Tahoma;
	width: 350px;
}
.tblContact .cellFld input {
	font-family: Arial, Tahoma;
	width: 350px;
}
.tblContact .cellFld textarea {
	font-family: Arial, Tahoma;
	height: 150px;
	width: 350px;
}



/* links */

.layLinks h3 { margin: 0px 0px 0px 0px; }
.layLinks p { margin: 0px 0px 0px 0px; }





@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
  .layCalNav a {
    font-size: 9px;
  }
}














































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */