/* CSS Document */

body {
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	/*background: transparent url(assets/stain_glass2.jpg) 50% 1.5em no-repeat;*/
	background: url(assets/header_comm.jpg) no-repeat;
	background-color: #000000;
	}

img {
	border: none;
	}

#container {
	width: 90%;
	margin: 0 auto;
	}

#header {
	text-align: center;
	height: 100px;
	}

#header ul {
	list-style-type: none;
	/*background-color: #000000;*/
	}

#header ul li {
	display: inline;
	margin: 0 1em;
	}	

#header ul li a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.4em;
	}

#logo {
	background-color: #FFFFFF;
	padding: 3px 6px;
	margin-bottom: 50px;
	min-height: 100px;
	margin-top: 100px;
}

#logo h1 {
	font-size: 3.2em;
	line-height: 0.9;
	}

#logo img {
	float: left;
	}

#main {
	clear: both;
	}

#content {
	background-color: #FFFFFF;
	padding: 1em;
	/*opacity: .85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; // first!
	filter: alpha(opacity=85);					// second!*/

	}
	
#footer {
	clear: both;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 0.8em;
}

#footer a {
	color: #fff;
}

#right {
	float: right;
	width: 45%;
	}

#left {
	width: 45%;
	margin-right: 50%;
	}

#questionnaire {
	clear: both;
	}

#questions {
	background-color:#000000;
	color: #FFFFFF;
	margin: 0.2em auto;
	padding: 0.5em;
	min-height: 75px;
	}

#questions label {
	display: inline;
	margin: 0.25em 0.5em;
	}

p.qsub {
	clear: both;
	text-align:center;
	margin-top: 1em;
	}

#welcome {
	margin: 5px;
	margin-bottom: 2em;	
	}

#welcome img {
	float: right;
	}

#welcome p, #welcome ul {
	margin: 0.5em;
	margin-left: 1em;
	}

#gallery {
	margin: 5px;
	margin-bottom: 2em;	
	}

#events {
	margin: 5px;
	margin-bottom: 2em;	
	}

#eventsdetail {
	background-color:#000000;
	color: #FFFFFF;
	width: 100%;
	margin: 0.2em auto;
	padding: 0.5em;
	font-size: 0.8em;
	}

#eventsdetail ul {
	list-style-type: none;
	}

#eventsdetail ul li {
	margin: 0.2em;
	font-size: 1.2em;
	}

#eventsdetail ul li a {
	color: #FFFFFF;
	}

#featured {
	margin: 5px;
	margin-bottom: 2em;	
	}

#local {
	margin: 5px;
	height: 450px;
	margin-bottom: 2em;	
	}

/* feature box styles */

#f1, #f2, #f3 {
	width: 80%;
	background-color: #000000;
	color: #ffffff;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 0.9;
	margin: 0.5em 0;
	height: 80px;
	padding-bottom: 5px;
	padding-top: 15px;
	}

#f3 {
	padding-top: 5px;
	}

#featured a {
	color: #FFFFFF;
	text-decoration: none;
	}
	

/* Misc banner styles */

#misc {
	background-color: #000000;
	color: #FFFFFF;
	position: relative;
	height: 200px;
	clear: both;
}

#rfun {
	position: absolute;
	left: 5px;
	top: 0;
	height: 200px;
	width: 250px;
	}

#rfun img {
	border: none;
	}

#rfun h2 {
	margin-top: -125px;
	color: #000000;
	margin-left: 5px;
	}

#enews {
	position: absolute;
	left: 300px;
	top: 0;
	height: 200px;
	width: 450px;
}

#enews a {
	color: #FFFFFF;	
	font-size: 0.8em;
	}

#enews ul {
	list-style-type: none;
	}

#schrist {
	position: absolute;
	right: 5px;
	top: 0px;
	font-size: 0.8em;
	width: 300px;
	}

#schrist a {
	color: #FFFFFF;	
	}

#schrist p {
	margin-bottom: 1em;
	}
	

/* content pages styles */

#cright {
	float: right;
	width: 35%;
	background-image: url(assets/stainedglass.jpg);
	background-repeat: no-repeat;
	height: 666px;
	}

#cleft {
	width: 55%;
	margin-right: 40%;
	min-height: 666px;
	}