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

html, body {
	height				: 100%;
}

body {
	background			: url(images/bg.jpg) top left repeat-x;
	font-family			: Arial, Helvetica, sans-serif;
}

#wrapper {
	height				: 100%;
}

.container {
	overflow			: hidden;
	min-height: 100%;
}

#logo {
	padding-top			: 20px;
}

#sidebar {
	background-color	: #8a9fa7;
	padding-bottom		: 32767px;
	margin-bottom		: -32767px;
}

/* Main Navigation */

#header {
	position			: relative;
	height				: 155px;
}

#main_nav {
	position			: absolute;
	bottom				: 0;
	height				: 50px;
	width				: 100%;
	padding				: 0;
}

#main_nav ul {
	position			: absolute;
	bottom				: 0;
	padding				: 0;
	margin				: 0;
	font-size			: 14px;
	text-align			: center;
}

#main_nav ul li {
	display				: block;
	float				: left;
	margin-right		: 5px;
}

#main_nav ul li a {
	display				: block;
	width				: 84px;
	height				: 37px;
	padding-top			: 8px;
	color				: #fff;
	text-decoration		:none;
	background			: #799099 url(images/tab_bg.jpg) top left no-repeat;
}


#main_nav ul li a:hover, #main_nav ul li.active a {
	background-position	: -84px 0;
	background-color	: #d1e1e5;
	color				: #455560;
}

#page_content {
	padding-top			: 30px;
}

#page_content h1 {
	color				: #31302a;
}

#photos {
	text-align			: center;
	padding-top			: 10px;
	background			: url(images/photos.jpg) center no-repeat;
	height				: 300px;
}

#photo_content {
	width				: 78%;
	height				: 80%;
	margin				: 0 auto;
	background-color	: black;
	margin-top			: 23px;
	overflow			: hidden;
}

#join {
	margin-top			: 20px;
	background			: url(images/join.jpg) top left no-repeat;
	height				: 160px;
	padding-top			: 65px;
	margin				: 10px auto;
	width				: 94%;
}

#join_content {
	width				: 90%;
	height				: 60%;
	margin				: 0 auto;
}

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

#image_container {
	width				: 94%;
	margin				: 0 auto;
	text-align			: center;
}

#youth_music {
	padding-top			: 13px;
}


/* Templates */

/* home */

#main_content {
	color				: #455560;
	font-size			: 16px;
	border-bottom		: 2px dotted #455560;
}

/* primary */

#secondary_nav {
	background-color	: #d1e1e5;
	padding-top			: 6px;
	font-size			: 14px;
}

#secondary_nav ul {
	margin				: 0;
}

#secondary_nav ul li {
	display				: inline;
	padding-right		: 0.5em;
	border-right		: 1px solid #455560;
	margin-right		: 0.4em;
}

#secondary_nav ul li a {
	text-decoration		: none;
	color				: #455560;
}

#secondary_nav ul li a:hover, #secondary_nav ul li.active a{
	text-decoration		: underline
}

#secondary_nav ul li.last {
	margin-right		: 0;
	border-right		: none;
}

#primary_content {
	font-size			: 14px;
	color				: #65645f;
	width: 93%;
}

#primary_content h2 {
	font-size			: 150%;
	color				: #8fb4be;
}

#primary_content img {
	border: 1px solid #939ba1;
}	

#primary_content a {
	color: #65645f;
}

#primary_content a:hover {
	text-decoration: none;
}

/* events and news chunk */

#events, #news {
	margin-top			: 10px;
}

#events h1, #news h1 {
	font-size			: 150%;
	padding				: 3px 0px 3px 5px;
	color				: #fff;
	background			: #5c8727 url(images/events_bg.jpg) top right no-repeat;
	margin				: 0;
}

#news h1 {
	background			: #174a7c url(images/news_bg.jpg) top right no-repeat;
}

#events_header, #news_header {
	height				: 25px;
	margin				: 0;
}

#events #view_all, #news #view_all {
	text-align			: right;
	padding-top			: 5px;
}

#events_image, #news_image {
	height				: 60px;
	background-color	: #000;
	margin-bottom		: 10px;
	overflow			: hidden;
	border				: 1px solid #fff;
}

.event {
	border-bottom		: 2px dotted #7d7e81;
	margin-bottom		: 10px;
	color				: #003826;
	font-size			: 110%;
	padding-bottom		: 10px;
}


.event h2 {
	font-size			: 110%;
	font-weight			: bold;
	margin				: 0;
	color				: #414142;
}

.event a, .news a {
	text-decoration		: none;
	color				: #414142;
}

.news a {
	color				: #005a84; 
}

.event a:hover, .news a:hover {
	text-decoration		: underline;
}

.event_dates {
	text-align			: center;
	background			: #014713 url(images/date_bg.jpg) top left repeat-x;
	color				: #fff;
	padding				: 3px;
	width				: 45px;
	font-size			: 16px;
	
}
#view_all {
	font-size			: 10px;
}

#view_all a{
	color				: #25251f;	
	text-decoration		: none;
}

#view_all a:hover {
	text-decoration		: underline;
}

.news h2 {
	font-size			: 120%;
	color				: #005a84;
	margin				: 0;
}

.news p {
	font-size			: 110%;
	color				: #231f20;
}


/* sidebar */

#sidebar_text {
	color				: #fff;
}

#join_content {
	padding: 5px 0 0 5px;
	color: #231f20;
	font-size: 14px;
}

#join_content p {
	margin: 0;
}

#events_sidebar {
	width				: 280px;
	margin				: 0 auto;
}

#events_sidebar h1 {
	font-size			: 150%;
	padding				: 3px 0px 3px 5px;
	color				: #fff;
	background			: #5c8727 url(images/event_sidebar_bg.jpg) top right no-repeat;
	margin				: 0;
}

#events_sidebar #event_dates_container {
	width				: 50px;
}

#events_sidebar #event_desc {
	width				: 215px;
}

#events_sidebar #view_all {
	text-align			: right;
}

/* Event Template */

.event_for_page {
	border-bottom: 1px solid #7a7a7a;
	min-height: 100px;
	margin-bottom: 10px;
}

.event_for_page p {
	font-size: 12px;
}
.event_for_page h2 {
	margin: 0;
}

.event_for_page h2 a {
	color: #8fb4be; !important;
	text-decoration: none;
	display: block;
	padding-bottom: 5px;
}

.event_for_page h2 a:hover {
	text-decoration: underline;
}

.read_more {
	text-align: right;	
	padding-top: 10px;
	padding-bottom: 10px;
}

.event_for_page_date {
	color: #7a7a7a;
}
/* footer */

#footer {
	height				: 60px;
	background			: #31302a;
	border-top			: 5px solid #939ba1;
	text-align			: center;
	padding-top			: 10px;
	color				: #585856;
}

#footer ul li {
	display: inline;
	list-style-type:none;
	border-right: 1px solid #585856;
	margin-right: 0.5em;
	padding-right: 0.5em;
}

#footer ul li.last {
	border-right: none;
	margin-right: 0;
}

#footer ul li a {
	color: #585856;
}

#footer ul li a:hover {
	text-decoration: none;
}