body {
	background: #6a88b6 url(/images/main_background.jpg) 0 0 repeat-x;
	margin: 0 10px 10px 10px;
	font-family: Tahoma, Trebuchet MS, Verdana, Arial, Times New Roman;
	font-size: 11px;
}

img { z-index: -1; }

a {	color: #597bcb; }

a:hover { color: #000000; }

h1 {
	background: url(/images/cbm_header.gif) 0 0 no-repeat;
	color: #597bcb;
	font-size: 25px;
	font-weight: normal;
	height: 42px;
	line-height: 36px;
	margin: 0;
	padding: 0 0 0 15px;
}

h2 {
	color: #6c6c6c;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}

h3 {
	border-bottom: 1px solid #939394;
	color: #939394;
	font-size: 15px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

h4 {
	border-bottom: 1px dotted #939394;
	color: #939394;
	font-size: 13px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

h5 {
	border-bottom: 1px solid #939394;
	color: #939394;
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

p { line-height: 18px; }

#OuterBackground { background: url(/images/main_outer_background.jpg) 50% 0 no-repeat; }

#Container {
	background: #ffffff;
	border: solid #7d8189;
	border-width: 0 3px 3px 3px;
	margin: 0 auto 0 auto;
	padding: 0 5px 5px 5px;
	width: 740px;
}


/* -------------------------------------------------------------- */
/* Header ------------------------------------------------------- */
/* -------------------------------------------------------------- */
#Header {
	background: url(/images/main_header.jpg) 0 0 no-repeat;
	height: 113px;
}

#HeaderLogo {
	display: block;
	float: left;
	height: 75px;
	margin: 22px 0 0 18px;
	width: 285px;
}

#HeaderLogo img { display: none; }


/* -------------------------------------------------------------- */
/* Top Navigation ----------------------------------------------- */
/* -------------------------------------------------------------- */
#TopNavigation {
	background: url(/images/main_menu_back.gif) repeat-x;
	height: 27px;
	margin: 0 0 3px 0;
	padding: 0 3px 0 3px;
}

#TopNavigation span {
	background: url(/images/main_menu_separator.gif) 100% 0 no-repeat;
	display: block;
	height: 23px;
	float: left;
	width: 3px;
}

#TopNavigation span:hover {	background: url(/images/main_menu_separator.gif) 100% 0 no-repeat; }

#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	padding: 0;
}

#nav li a {
	color: #797c85;
	display: block;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	padding: 0 10px;
	text-decoration: none;
	white-space: nowrap; /* ie6 fix */
	_width: 1px; /* ie6 fix */
}

#nav li a:hover { color: #6e88b6; }

#nav li ul {
	background: #ffffff;
	border: 1px solid #aeb1b8;
	border-top: 1px solid #ffffff;
	font-weight: normal;
	height: auto;
	left: -999em;
	margin: 0 0 0 -2px;
	position: absolute;
	z-index: 10;
	width: 125px;
}

#nav li ul li a { width: 105px; }

/* sub navigation element */
#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #ffffff url(/images/main_menu_on.gif) 0 0 repeat-x;
}

#nav li ul li:hover, #nav li ul li.sfhover {
	background: #e5e5e5;
}

#nav .Sep { background: none; }
#nav .Sep:hover { background: none; }


/* -------------------------------------------------------------- */
/* Home Page Flash Content -------------------------------------- */
/* -------------------------------------------------------------- */
#FlashContent {
	width: 481px;
	height: 216px;
}


/* -------------------------------------------------------------- */
/* Homepage Quick Buttons --------------------------------------- */
/* -------------------------------------------------------------- */
#QuickButtons {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

#QuickButtons a {
	display: block;
	height: 70px;
	margin: 0 0 3px 0;
	width: 256px;
}

#QuickButtons a:hover {	background-position: 0 -70px; }

#QuickButtons span { display: none; }

#LearnAboutServices { background: url(/images/learn_about_services.jpg) no-repeat; }
#LearnAboutFaith { background: url(/images/learn_about_faith.jpg) no-repeat; }
#LearnAboutWorship { background: url(/images/learn_about_worship.jpg) no-repeat; }


/* -------------------------------------------------------------- */
/* Homepage Middle Content -------------------------------------- */
/* -------------------------------------------------------------- */
#HomePageLeftSide {
	float: left;
}

#HomePageRightSide {
	float: right;
	width: 481px;
}

#HomePageBottomArea {
	background: url(/images/homepage_secondary_content_bg_gradient.gif) 0 0 repeat-x; 
	clear: both; 
	padding-top: 15px
}

#HomePageBottomArea h3 {
	border: 0;
	color: #717171;
	font-family: arial;
	font-size: 14px;
	padding: 0;
}

#HomePageBottomAreaLeft {
	float: left; 
	width: 210px;
}

#HomePageBottomAreaRight {
	float: right; 
	width: 210px;
}


/* -------------------------------------------------------------- */
/* Middle Content ----------------------------------------------- */
/* -------------------------------------------------------------- */
#MiddleContentContainer {
	clear: both;
	_height: 400px; /* IE6 */
	margin: 3px 0 5px 0;
	min-height: 400px;
	padding: 0 0 5px 0;
	border-top: 3px solid #b3b5b9;
	border-bottom: 3px solid #b3b5b9;
}

#LeftSide {
	float: left;
	width: 481px;
}

#RightSide { float: right; }

.ContentBox {
	width: 250px;
	margin: 3px 0 0 0;
	background: url(/images/content_box_background.gif) 0 0 repeat-y;
	color: #ffffff;
}

.ContentBox h3 {
	background: url(/images/cb_header.gif) 0 0 no-repeat;
	border: 0;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	height: 24px;
	line-height: 22px;
	margin: 0;
	padding: 0 20px;
}

.ContentBox div {
	padding: 5px 20px 5px 20px;
}

.ContentBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ContentBox li {
	padding: 0 0 3px 0;
	margin: 0 0 4px 0;
	border-bottom: 1px dotted #919398;
}

ul.RightNavigation li {
	border: 0;
	font-size: 13px;
}

.ContentBox a { color: #bed0ff; }

.ContentBox a:hover { color: #ffffff; }

.ContentBox span {
	display: block;
	height: 4px;
	background: url(/images/content_box_footer.gif) 0 0 no-repeat;
	font-size: 1px;
}

.TextContent {
	padding: 10px 0 0 15px;
	line-height: 18px;
}

.NextPage {
	float: right;
	margin: 10px 0 10px 0;
}

.SmallGroupsTable {
	border-bottom: 1px solid #a0a0a0; 
	margin-bottom: 15px;
	width: 100%;
}

.SmallGroupsTable th {
	color: #808080; 
	font-weight: normal;
	padding: 0 10px 0 0;
	text-align: left;
	vertical-align: top;
}

.Line { border-bottom: 1px solid #dedfde; }

/* -------------------------------------------------------------- */
/* Footer ------------------------------------------------------- */
/* -------------------------------------------------------------- */
#InnerFooter {
	border: 3px solid #aaadb2;
	height: 41px;
	background: url(/images/main_inner_footer.gif) 0 0 no-repeat;
	color: #fefefe;
	padding: 14px 0 0 14px;
}

#CTOLink {
	float: right;
	display: block;
	width: 111px;
	height: 35px;
}

#Footer {
	margin: 0 auto 0 auto;
	width: 750px;
	height: 15px;
	background: #6a88b6 url(/images/main_footer.jpg) 0 0 no-repeat;
}


/* -------------------------------------------------------------- */
/* Forms -------------------------------------------------------- */
/* -------------------------------------------------------------- */
form, fieldset, ol, li {
	margin: 0;
	padding: 0;
}

form, input, textarea, option, select {
	font-family: Tahoma, Arial, Trebuchet MS, Verdana, Times New Roman;
	font-size: 11px;
}

fieldset {
	background: url(/images/form_background.gif) 0 100% repeat-x;
	border: 0;
	border-top: 1px solid #808080;
	margin: 0 0 15px 0;
}

legend {
	color: #5a79ce;
	font-size: 14px;
	font-weight: bold;
}

ol {
	list-style: none;
}

fieldset li {
	border-bottom: 1px solid #d7d7d7;
	border-top: 1px solid white;
	min-height: 20px;
	padding: 5px;
}

form label {
	display: block;
	float: left;
	padding: 3px 0 0 0;
	width: 125px;
}

form em {
	color: red;
	font-style: normal;
	padding: 0 0 0 2px;
}

textarea, input { padding: 3px; }

textarea { 
	background: #ffffff url(/images/textarea_background.gif) repeat-x;
	border: 1px solid #a5aeb5;
	line-height: 15px;
}


/* -------------------------------------------------------------- */
/* Buttons ------------------------------------------------------ */
/* -------------------------------------------------------------- */
.Submit {
	background: url(/images/button_sign_up.gif) 0 100% repeat-x;
	border: 1px solid #848284;
	display: block;
	float: left;
	margin: 4px 4px 0 0;
	padding: 3px 5px;
	text-decoration: none;
}

.Submit:hover { 
	background: #d6e5f2; 
	color: #0085cf;
	cursor: pointer;
}

.MapIt {
	display: block;
	width: 73px;
	height: 20px;
	background: url(/images/button_map_it.gif) 0 0 no-repeat;
}

.MapIt:hover { background-position: 0 -20px; }

.MapIt span { display: none; }

.SignUp {
	float: right;
	font-size: 13px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	margin: 3px 0 0 0;
}
	

/* -------------------------------------------------------------- */
/* Alerts ------------------------------------------------------- */
/* -------------------------------------------------------------- */
.GoodAlert, .BadAlert {
	background: #e7ffe6 url(/images/icon_alert_good.gif) 15px 50% no-repeat;
	border: 1px solid #beffbb;
	color: #000000;
	font-weight: bold;
	padding: 15px 0 15px 60px;
}

.BadAlert {
	background: #ffe6e6 url(/images/icon_alert_error.gif) 15px 50% no-repeat;
	border: 1px solid #ffbbbb;
} 


/* MISC */
.LightPadding { padding: 10px 15px; }
.MarginBottom { margin-bottom: 15px; }
.MarginTop { margin-top: 15px; }
.ImageRight { float: right; margin: 0 0 10px 10px; }
.bmt { margin-top: 25px; }
.nb { border: 0; }
.np { padding: 0; }
.cb { clear: both; }
.gray { color: #505050; }