/* ////////////////////////////  MAIN LAYOUT ////////////////////////////  */

/*html {

background-color: #696965;

overflow: -moz-scrollbars-vertical;

}*/



*{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;}



html, body {

background-color: #696965;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	

height: 101%;

margin: 0 0 1px;

padding: 0;

}





/*body {

	margin: 0;

	padding: 0;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	

	overflow-x: hidden;

}*/





/* ////////////////////////////  HEADER ////////////////////////////  */

#HeaderWrapper {

	position:relative;

	background: url(../images/header_background.jpg) repeat-x;

	height: 170px;

	text-align: center; /* IE hack */



}



#Header {

	position:relative; /*CAUSING THE GREY BACKGROUND IN FFX*/

	width: 950px;

	height: 170px;

	margin: 0 auto;

	text-align: left;

	background-image: url(../images/header_swirls.png);

	background-repeat:no-repeat;

}



#Header_Logo {

		position:absolute;

		background-image: url(../images/header_logo.png);

		background-repeat:no-repeat;

		height: 170px;

		width: 170px;

		float:left;

		top: 0px;

		left: 0px;

		margin: 0px;

		padding: 0px;

}



#Header_TitleTag {

		position:absolute;

		background-image: url(../images/header_titletag.png);

		background-repeat:no-repeat;

		height: 128px;

		width: 601px;

		top: 0px;

		left: 170px;

}



#Header_Login {

		position:absolute;

		background-image: url(../images/header_login.png);

		background-repeat:no-repeat;

		height: 128px;

		width: 160px;

		top: 0px;

		left: 771px;

}



#Header_Logout {

		position:absolute;

		background-image: url(../images/header_logout.png);

		background-repeat:no-repeat;

		height: 128px;

		width: 160px;

		top: 0px;

		left: 771px;

}





/* ////////////////////////////  HEADER  (UNUSED) ////////////////////////////  */



#Header {

}



#Header h1 {

	margin-top: 0;

}



/*#SiteName {

	font-size: 35px;

	text-shadow: #548b14 1px 1px 2px;

	margin-bottom: 0px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	letter-spacing: -2px;

}



#SiteName a {

	color: #d4d883;

}



#SiteName span {

	color: #d4da84;

}



#TagLine {

	color: #d4d883;

	font-weight: bold;

	text-shadow: #548b14 1px 1px 2px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}



#TagLine span {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: italic;

}

*/

/* ////////////////////////////  NAVIGATION ////////////////////////////  */

/* NavWrapper provides a centered base, so #Navigation can set 

 * the left position needed to line up the menu next to the ZC logo */

#NavWrapper { 

	margin: 0 auto;

	position: relative;

	top: -40px;

	padding-top: 40px;


}

#Navigation {

	position:absolute;

	top: -40px;

	left: 163px;

	margin: 0 auto;

	text-align: left;

	z-index: 100;
	
	font-size: 14px;

}



/* ////////////////////////////  BODY ////////////////////////////  */



#BodyWrapper {

	background: #eee url(../images/bboard.jpg) repeat-x;

	background-color: #decaa9;

	text-align: left;

	min-height:300px;

	height:auto !important;

	height:300px;

	clear: both;

}



#Body {

	position: relative;

	width: 950px;

	margin: 0 auto;

	padding: 0px 0px 10px 0px;	

	min-height:300px;

	height:auto !important;

	height:300px;

	background: #efeee9 url(../images/body_backgroundstretch.jpg) repeat-y;

	background-position: center top;

	text-align: left;

	color: #4e4f4c;
}





#Layout {

	position:relative;



}



/** primaryContent is used by the event_calendar module **/

#primaryContent {

	background: url(../images/bodypage_background.jpg) no-repeat;

	background-position: center top;

}

#Content {

	background: url(../images/bodypage_background.jpg) no-repeat;

	background-position: center top;

	text-align: left;

	padding: 10px 40px 0px 40px;

	min-height:300px;

	height:auto !important;

	height:300px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:13px;

/*	color: #82827e;  Original Text Grey*/
	color: #4e4f4c;  

}



#ContentHome {

	background: url(../images/bodyhome_background.jpg) no-repeat;

	background-position: center top;

	text-align: left;

	padding: 10px 40px 0px 40px;

	min-height:300px;

	height:auto !important;

	height:300px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:14px;

	color: #4e4f4c;  

}

#Content li{list-style:square; list-style-type:square;}
#ContentHome li{list-style:square; list-style-type:square;}
#TwoColumnContent li{list-style:square; list-style-type:square;}
#RightColumn li{list-style:square; list-style-type:square;}

/* ////////// Two columns for MenuPage page type ////////////////// */

#TwoColumnContent {

	background: url(../images/body_background_menu.jpg) no-repeat;

	background-position: center top;

	text-align: left;

	min-height:300px;

	height:auto !important;

	height:300px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:14px;

	color: #4e4f4c;  

}



#RightColumn {

	width: 418px;

	min-height:300px;

	height:auto !important;

	height:300px;

	padding: 10px 27px 10px 10px;

	float: right;



}





 #LeftColumn{

	width: 443px;

	min-height:300px;

	height:auto !important;

	height:300px;

	padding: 10px 10px 10px 27px;

	float: left;



 }



/* ////////// Two columns for HomePage page type ////////////////// */

#HomeTwoColumnContent {

	background: url(../images/body_background_home.jpg) no-repeat;

	background-position: center top;

	text-align: left;

	min-height:300px;

	height:auto !important;

	height:300px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:14px;

	color: #4e4f4c;  

}



#HomeRightColumn {

	width: 548px;

	min-height:300px;

	height:auto !important;

	height:300px;

	padding: 0px 27px 10px 10px;

	float: right;

	margin: 0;

}



#HomeRightColumn p{

/*Provides spacing for slideshow at top*/	

	padding-top: 5px;

	margin: 0px;

}



 #HomeLeftColumn{

	width: 321px;

	min-height:300px;

	height:auto !important;

	height:300px;

	padding: 20px 10px 10px 27px;

	float: left;



 }







/* //////////////////////////// BREADCRUMBS (UNUSED) ////////////////////////////  */

#Breadcrumbs {

	font-size: 11px;

}

/* end of Breadcrumbs */





/* ////////////////////////////  PAGE COMMENT (UNUSUED) ////////////////////////////  */

#PageComments_holder h4 {

	font-size: 1.2em;

	margin-bottom: 5px;

	color: #666;

}

#PageComments {

	list-style: none;

	padding-left: 0px;

	margin-left: 0px;

}

	#PageComments li {

		padding: 5px 10px 5px 10px;

	}

	#PageComments li.even {

		background: #eee;

	}

#PageComments .actionLinks {

	list-style: none;

	padding-left: 0px;

	margin-left: 0px;

}

	#PageComments .actionLinks li {

		display: inline;

		padding-left: 0;

		margin-left: 0;

	}



/* ////////////////////////////  FOOTER ////////////////////////////  */



#FooterWrapper {

	width: 100%;

	margin: 0 auto;

	margin-bottom: 30px;

	background: #82837e;

	}



#Footer {

		text-align: center;

		color: #c7c7c5;

		font-weight: bold;

		font-size: 14px;

		padding: 10px 0px 10px 0px;

			background: #82837e;

}

/* ////////////////////////////  GOOGLE MAP ////////////////////////////  */

.google_map{

border: 1px solid #4f4f4d;

}



/* ////////////////////////////  CMS IMAGES ////////////////////////////  */

img { border:none;}

img.no-border { border: none; }

img.float-right, img.right { margin: 5px 0px 5px 15px;}

img.float-left { margin: 5px 15px 5px 0px; }



.img_caption{

	color: #eae9d7;

	font-style:italic;

	font-size:11px;

	font-weight: bold;

}

/* alignment classes */

.float-left, /*.left*/ { float: left; padding-right: 10px;}

.float-right, .right { float: right; padding-left: 10px; }

.align-left { text-align: left; }

.align-right { text-align: right; }



p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}



/* ///////////////////// special tables ///////////////////// */

table.mp3 {

	padding: 5px;
	background-color: #FFFFFF;
	width: 100%;

}

table.calendar {

	padding: 5px;
	background-color: #FFFFFF;
	width: 100%;

}

/* ///////////////////// EWA custom calendar feed //////////////// */
.cal_date_caption {
	padding: 5px;
	margin-top: 10px;
	font-size:16px;
	color: #4f4f4d;
	font-weight: bold;
	background-color: #FFFFFF;
}
.cal_event_row {
/*	padding-left: 20px;*/
}