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

body {background:#202224; margin:0; padding:0; font-family:"Tahoma", Arial, sans-serif}

#top {background: url(images/blue_white_top.jpg) repeat-x; width:100%; height:64px}
#youth_top {background:#272727; width:100%; height:64px;}
#left_column {float:left; width:663px;}

/*Small Top Nav*/
#small_nav_holder {width:960px; margin:0 auto; padding:0;}
#small_nav {width:150px; height:39px; margin:10px 0 0 0; padding:0; float:right;}

#home {width:95px; height:39px; margin:10px 0 0 0; padding:0; float:left; background:url(images/small_nav/home_a.png);}
#home a {display:block; width:95px; height:39px;}
#home a:hover {background:url(images/small_nav/home_b.png);}

#faq {width:95px; height:39px; margin:10px 0 0 0; padding:0; float:left; background:url(images/small_nav/faqs_a.png);}
#faq a {display:block; width:95px; height:39px;}
#faq a:hover {background:url(images/small_nav/faqs_b.png);}

#staff {width:95px; height:39px; margin:0; padding:0; float:left; background:url(images/small_nav/staff_a.png);}
#staff a {display:block; width:95px; height:39px;}
#staff a:hover {background:url(images/small_nav/staff_b.png);}

#contact {width:97px; height:39px; margin:0; padding:0; float:left; background:url(images/small_nav/contact_a.png);}
#contact a {display:block; width:97px; height:39px;}
#contact a:hover {background:url(images/small_nav/contact_b.png);}

#facebook {width:42px; height:39px; margin:0; padding:0; float:left; background:url(images/small_nav/facebook_a.png);}
#facebook a {display:block; width:42px; height:39px;}
#facebook a:hover {background:url(images/small_nav/facebook_b.png);}

#rss {width:42px; height:39px; margin:0; padding:0; float:left; background:url(images/small_nav/rss_a.png);}
#rss a {display:block; width:42px; height:39px;}
#rss a:hover {background:url(images/small_nav/rss_b.png);}

#blog {width:40px; height:39px; margin:0; padding:0; float:left; background:url(images/small_nav/blog_a.png);}
#blog a {display:block; width:40px; height:39px;}
#blog a:hover {background:url(images/small_nav/blog_b.png);}

/* End Small Top Nav */

#rough_bg {background:url(images/rough_bg.jpg) no-repeat top center; margin:0; padding:0; width:100%;}
#youth_rough_bg {background:url(images/youth_rough_bg.jpg) no-repeat top center; margin:0; padding:0; width:100%;}
#wrapper {width:940px; margin:0 auto; padding:0;}

/*Large Nav */

#nav {width:529px; height:124px; margin:0 30px 0 0; padding:0; float:right;}

#staff {width:109px; height:124px; margin:10px 5px 0 5px; padding:0; float:right; background:url(images/nav/staff_a.png);}
#staff a {display:block; width:109px; height:124px;}
#staff a:hover {background:url(images/nav/staff_b.png);}

#youth {width:109px; height:124px; margin:10px 5px 0 5px; padding:0; float:right; background:url(images/nav/youth_a.png);}
#youth a {display:block; width:109px; height:124px;}
#youth a:hover {background:url(images/nav/youth_b.png);}

#calendar {width:109px; height:124px; margin:10px 5px 0 5px; padding:0; float:right; background:url(images/nav/calendar_a.png);}
#calendar a {display:block; width:109px; height:124px;}
#calendar a:hover {background:url(images/nav/calendar_b.png);}

#golden_rule {width:109px; height:124px; margin:10px 5px 0 5px; padding:0; float:right; background:url(images/nav/golden_rule_a.png);}
#golden_rule a {display:block; width:109px; height:124px;}
#golden_rule a:hover {background:url(images/nav/golden_rule_b.png);}

/* End Large Nav */




/* Youth Large Nav */

#y_staff {width:109px; height:124px; margin:10px 5px 0 5px; padding:0; float:right; background:url(images/nav/y_staff_a.png);}
#y_staff a {display:block; width:109px; height:124px;}
#y_staff a:hover {background:url(images/nav/y_staff_b.png);}

#y_ministries {width:109px; height:124px; margin:10px 5px 0 5px; padding:0; float:right; background:url(images/nav/y_ministries_a.png);}
#y_ministries a {display:block; width:109px; height:124px;}
#y_ministries a:hover {background:url(images/nav/y_ministries_b.png);}

#y_calendar {width:109px; height:124px; margin:10px 5px 0 5px; padding:0; float:right; background:url(images/nav/y_calendar_a.png);}
#y_calendar a {display:block; width:109px; height:124px;}
#y_calendar a:hover {background:url(images/nav/y_calendar_b.png);}

#y_golden_rule {width:109px; height:124px; margin:10px 5px 0 5px; padding:0; float:right; background:url(images/nav/y_golden_rule_a.png);}
#y_golden_rule a {display:block; width:109px; height:124px;}
#y_golden_rule a:hover {background:url(images/nav/y_golden_rule_b.png);}

/* End Youth Large Nav */


/* Side Bar */
#side_bar {width:254px; margin:0 10px 0 0; padding:0; float:right;}

#side_youth {width:254px; height:80px; margin:5px 0 0 0; padding:0; background:url(images/side_bar/youth_a.jpg); float:left;}
#side_youth a {display:block; width:254px; height:80px;}
#side_youth a:hover {background:url(images/side_bar/youth_b.jpg);}

#children {width:254px; height:80px; margin:5px 0 0 0; padding:0; background:url(images/side_bar/children_a.jpg); float:left;}
#children a {display:block; width:254px; height:80px;}
#children a:hover {background:url(images/side_bar/children_b.jpg);}

#awana {width:254px; height:80px; margin:5px 0 0 0; padding:0; background:url(images/side_bar/awana_a.jpg); float:left;}
#awana a {display:block; width:254px; height:80px;}
#awana a:hover {background:url(images/side_bar/awana_b.jpg);}

#music {width:254px; height:80px; margin:5px 0 0 0; padding:0; background:url(images/side_bar/music_a.jpg); float:left;}
#music a {display:block; width:254px; height:80px;}
#music a:hover {background:url(images/side_bar/music_b.jpg);}

#senior {width:254px; height:80px; margin:5px 0 0 0; padding:0; background:url(images/side_bar/senior_a.jpg); float:left;}
#senior a {display:block; width:254px; height:80px;}
#senior a:hover {background:url(images/side_bar/senior_b.jpg);}

#women {width:254px; height:80px; margin:5px 0 0 0; padding:0; background:url(images/womens_ministry_pic.jpg); float:left;}
#women a {display:block; width:254px; height:80px;}
#women a:hover {background:url(images/womens_ministry_picb.jpg);}

#address {margin:5px 0 5px 0; padding:0; font-size:14px; color:#fff; line-height:20px; text-align:center;}
/* End Side Bar */

#intro {background:#fff; border:10px solid #115d99; float:left; width:613px; margin:0; padding:15px;}
#intro h1 {color:#a2141c; font-size:18px; font-family:Tahoma, Arial, sans-serif; margin:0 0 0px 0; padding:0;}
#intro h2 {color:#a2141c; font-size:16px; font-family:Tahoma, Arial, sans-serif; margin:0 0 0px 0; padding:0;}
#intro h3 {color:#115d99; font-size:14px; font-family:Tahoma, Arial, sans-serif; margin:0 0 5px 0; padding:0;}
#intro p {font-size:14px; line-height:20px; margin:0; padding:0;}
#intro a {color:#1f79c0; text-decoration:none;}
#intro ul li {font-size:14px; line-height:20px; margin:0; padding:0;}

#footer {background:url(images/footer.jpg) no-repeat top; margin:0 auto; width:940px; }
#youth_footer {background:url(images/youth_footer.jpg) no-repeat; margin:0 auto; width:940px;}

#footer_info {color:#fff; font-size:12px; width:200px; margin:20px 0 0 30px; float:left;}

#footer_nav {float:right; width:635px; color:#dbd8d8; font-size:12px; text-transform:uppercase; margin:40px 15px 0 0; }
#footer_nav a {color:#dbd8d8; text-decoration:none; margin:0 5px 0 5px;}
#footer_nav a:hover {color:#fff;}

#chart {width:600px; margin:20px 0 0 0; padding:0; border:1px solid #ccc; float:left;}
#chart_header {width:600px; background:#115d99; font-size:18px; color:#fff; text-align:center;}
#chart_column {color:#000; font-size:14px; line-height:24px;text-align:center; float:left; margin:0; padding:0;}

#contact_address {width:275px; padding:15px; float:right; text-align:center; font-size:14px; line-height:20px; margin:0px 0px 0 0;}
#contact_address h1 {color:#115d99; font-size:18px; font-family:Tahoma, Arial, sans-serif; margin:0 0 0px 0; padding:0; text-decoration:underline;}



.clear {clear:both; margin:0; padding:0; height:0;}
.fltleft {float:left;}
.fltright {float:right;}
.logo {float:left; margin:0 0 0 50px;}
.steeple {float:left; margin:12px 0 0 28px;}
.utw {float:right; margin:25px 15px 0 0;}
.chart_header {color:#115d99; font-size:14px; font-weight:bold; padding:0 0 0 10px; text-decoration:underline;}
.even { background:#fff;width:100%; margin:0; padding:0 8px 0 8px; }
.odd {background:#cbe6fb; width:100%; margin:0; padding:0 8px 0 8px;}



/* Contact Form */

#contact_form {float:left;}

#contact_form form{
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0 0 0 0;
}

#contact_form input, #contact_form select, #contact_form textarea{
	float: left;
	padding: 5px;
	margin: 0;
	width:200px;
	background:#ebebeb;
	border:inset 1px #ccc;
	text-align:left;
	height:15px;
	color:#084783;
	}
	
#contact_form input:focus {background:#dce6f0;}

.submit {
width: 100px;
}

#contact_form label{
	font-size:16px;
	display: block;
	float: left;
	width: 300px;
	margin: 5px 6px 2px 0;
	line-height: 20px;
	padding: 0px;
	color:#424444;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

#contact_form fieldset{ border:none}

.errors{color:#FF0000}

/* Youth Page */

#grey_gradient {width:100%; height:178px; margin:0; padding:0; background:url(images/youth_grey_grad.png) repeat-x;}

#youth_header {background:url(images/youth_header.jpg) no-repeat; margin:0 auto 0 auto; padding:0; width:928px; height:331px;}
#y_info1 {width:280px; height:156px; font-size:14px; line-height:20px; color:#fff; float:right; margin:17px 18px 0 0; padding:15px;}
#y_info1 h1 {color:#99c329; font-size:20px; margin:0 0 5px 0; padding:0;}
#y_info1 p a, #y_info1 p a:visited, #y_info1 p a:active { color: #fff; text-decoration: none; font-size:12px; line-height: 18px; margin:0 0 8px 0; padding:0;}
#y_info1 p a:hover { color: #fff; text-decoration: underline; font-size:12px; line-height: 18px; margin:0 0 8px 0; padding:0;}
#y_info2 {width:280px; height:85px; float:right; margin:0px 18px 0 0; padding:15px; font-size:14px; color:#fff;}
#y_info2 h1 {color:#d7a9fe; font-size:20px; margin:0; padding:0;}

#youth_info {background:#fff; border:10px solid #184b73; width:280px; margin:50px 15px 0 0; padding:10px; float:right;}
#youth_info h1 {color:#759b10; font-size:18px; font-family:Tahoma, Arial, sans-serif; margin:0 0 0px 0; padding:0;}
#youth_info h2 {color:#a2141c; font-size:16px; font-family:Tahoma, Arial, sans-serif; margin:0 0 0px 0; padding:0;}
#youth_info h3 {color:#115d99; font-size:14px; font-family:Tahoma, Arial, sans-serif; margin:0 0 5px 0; padding:0;}
#youth_info p {font-size:14px; line-height:20px; margin:0; padding:0;}
#youth_info a {color:#1f79c0; text-decoration:none;}