/*CONSTANT*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	background-image: url(images/page_bg2.gif);
	background-position: center top;
	background-repeat: repeat-y;
}

td {vertical-align: top;}

p {
	line-height: 1.3em;
	margin-bottom: 14px;
}

h1, h2, h3, h4, h5, h6, h7 {color: #05274f;}

img {
	margin: 0px;
	padding: 0px;
}

ul {
	padding-left: 1.4em;
	list-style: disc;
}

a {color: #0a51a1;}

hr {
	color: #05274f;
	border: #05274f 1px solid;
	margin: 14px 0;
	clear: both;
}

/*LAYOUT*/

#wrapper {
	position: relative;
	width: 886px;
	margin: 0 auto;
	padding: 100px 0 0 0;
	background: #ffffff url(images/header.gif) top center no-repeat;
	border-left: #05274f 7px solid;
	border-right: #05274f 7px solid;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#content {
	width: 876px;
	margin: 5px;
}

#left {
	position: relative;
	float: left;
	width: 145px;
	padding-right: 5px;
	text-align: left;
}

#right {
	position: relative;
	float: left; /* float: left; */
	width: 684px; /* width: 719px; */
	padding: 10px 20px; /* padding-left: 5px; */
	border-left: #d7d7d7 2px solid;
}

#left50 {
	position: relative;
	float: left;
	width: 433px;
	padding-right: 5px;
	text-align: left;
}

#right50 {
	position: relative;
	float: left;
	width: 431px;
	padding-left: 5px;
	border-left: #d7d7d7 2px solid;
	text-align: left;
}

/*BANNER*/

#banner {
	position: relative;
	width: 886px;
	height: 200px;
	background: center center no-repeat;
}

#home .homeBG {
	background-image: url(images/banner/home_banner_bg.jpg);
}

#about #banner, #vision #banner, #history #banner, #staff #banner, #stories #banner, #home .aboutBG {
	background-image: url(images/banner/about_banner_bg.jpg);
}

#ministries #banner, #home .ministriesBG {
	background-image: url(images/banner/ministries_banner_bg.jpg);
}

#donate #banner, #qol #banner, #home .donateBG, #volunteer #banner {
	background-image: url(images/banner/donate_banner_bg.jpg);
}

#contact #banner, #home .contactBG {
	background-image: url(images/banner/contact_banner_bg.jpg);
}

/*#summercamp #banner {
	background-image: url(images/banner/summercamp_banner_bg.jpg);
}*/

#banner img#title {
	position: absolute;
	top: 124px;
	left: 0px;
}

#banner div {
	position: absolute;
	top: 65px;
	left: 10px;
	width: 424px;
	height: 101px;
	padding: 12px;
}

#banner p {line-height: 1.15em;}

#homeInset {background: url(images/banner/home_banner_inset.jpg) top center no-repeat;}
#aboutInset {background: url(images/banner/about_banner_inset.jpg) top center no-repeat;}
#ministriesInset {background: url(images/banner/ministries_banner_inset.jpg) top center no-repeat;}
#donateInset {background: url(images/banner/donate_banner_inset.jpg) top center no-repeat;}
#contactInset {background: url(images/banner/contact_banner_inset.jpg) top center no-repeat;}

/*NAVIGATION*/

#navbar {
	width: 886px;
	height: 30px;
	background-image: url(images/navbar.gif);
	background-position: center top;
	background-repeat: repeat-x;
	text-align: center;
}

#navbar a {
	color: #ffff40;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	padding: 6px 52px;
}

#navbar a:hover {
	background-image: url(images/nav_rollover.gif);
	background-position: center top;
	background-repeat: repeat-x;
}

#left a.sub_nav {
	display: block;
	padding: 3px;
	text-align: left;
	border-bottom: #d7d7d7 1px solid;
	font-weight: normal;
	text-decoration: none;
	color: #05274f;
}

#left a.sub_nav:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #404040;
}

body#about a#about_link, body#vision a#vision_link, body#history a#history_link, body#stories a#stories_link, body#staff a#staff_link {
	background-color: #05274f;
	color: #ffffff;
}

/*BUTTONS*/

ul#buttons {margin: 0; padding: 0;}
ul#buttons li {display: inline; float: left;}
ul#buttons #button2 {margin: 0 6px 0 5px;}
ul#buttons #button3 {margin-right: 5px;}

/*EVENTS*/

.main_events {
	position: relative;
	overflow: hidden;
	width: 876px;
	height: 320px;
	margin-bottom: 5px;
}

.main_events .highlight{
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f9f9f9;
	width: 876px;
	height: 320px;
	filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	z-index: -9999;
	-moz-border-radius: 4ex;
	-webkit-border-radius: 4ex;
}

.main_events_left{
	position: absolute;
	width: 208px;
	height: 312px;
	padding: 8px 0 0 8px;
	text-align: left;
	top: 0px;
	left: 0;
	z-index: 999;
	background: transparent url(images/highlights/highlights_leftBG2.png) top right no-repeat;
}

.main_events_left img {display: block;}

.main_events_left a{
	width: 196px;
	height: 66px;
	margin-bottom: 8px;
	padding: 0;
	text-decoration: none;
	display: block;
	border: #404040 2px solid;
}

.main_events_left a.next, .main_events_left a.prev{margin-right: 10px; border: 0;}
.main_events_left .next, .main_events_left .prev{display: inline; border: 0;}
.main_events_left a:hover, .main_events_left a.selected{color: #000; border: #eee 2px solid;}
.main_events_left a:hover.next, .main_events_left a:hover.prev{border: 0;}

/*FOOTER*/

#footer {
	width: 886px;
	clear: both;
	margin: 0px;
	padding: 5px 0;
	font-size: .8em;
	text-align: center;
}

#footer a {text-decoration: underline;}

/*MISC*/

h1, h2, h3 {color: #05274f; font-weight: bold;}

h1 {font-size: 17px;}
h2 {font-size: 18px;}
h3 {font-size: 17px;}

h3.side_title {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	letter-spacing: 4px;
	line-height: 24px;
	background-image: url(images/side_title_bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	color: #ffffff;
	margin-bottom: 0px;
	border-bottom: #d7d7d7 1px solid;
}

.floatR {float: right; margin: 0 0 5px 5px;}
.floatL {float: left; margin: 0 5px 5px 0;}

.module {margin-bottom: 20px;}

table#staff td {padding-bottom: 5px;}

td.form_field {text-align: left; vertical-align: middle;}

#ministries .logo {float: right; margin: 0 0 0 10px;}

#summercamp h2 {margin-bottom: 14px;}

.blueoutline {border: #05274f 1px solid;}
img.blueoutline {padding: 2px;}

.facebook {position: relative; top: 2px;}

.special {background: #d4e0ea; padding: 5px 4px; border: #05274f 2px solid; font-size: .9em; text-align: center;}

.ministry {float: left; border: #05274f solid; border-width: 1px 1px 9px; padding: 7px;}
.ministry p {margin-bottom: 0;}