body {
	background-image: url('/images/bg.jpg');
	background-repeat: repeat-x;
	background-color: #ffffff;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
body, p, table, td, ol, ul {
	/*	Set the default font & size.
		We set body, p, td, ol, and ul to account for some browsers not cascading the body style correctly. */
	
	margin: 0;
	padding: 0;
		
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}
ul, ul li
 {	
	padding: 0;
	margin: 0;
}
#wrapper {
	/* centers the page content and makes sure text is aligned left */
	width: 850px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;	
}
#topbar {
	height: 6px;
	background-color: #364845;
}
#header {
	height: 62px;
	background-image: url('/images/header.jpg');
}

/*------------------------------------------------------
MAIN NAV
------------------------------------------------------*/
#navigation { width: 806px; padding: 19px 22px 0px 22px; height: 28px; }

#navitems ul { padding: 0; margin: 0; } 
#navitems li { list-style: none; float: left; } 
#navitems li a { height: 28px; float: left; display: block; text-indent: -1000em; overflow: hidden } 

#navitems li#home a { background: url(/images/home_nav.gif) no-repeat 0 0; width: 115px }
#navitems li#about_us a { background: url(/images/about_us_nav.gif) no-repeat 0 0; width: 115px }
#navitems li#whats_new a { background: url(/images/whats_new_nav.gif) no-repeat 0 0; width: 115px }
#navitems li#calendar a { background: url(/images/calendar_nav.gif) no-repeat 0 0; width: 115px }
#navitems li#resources a { background: url(/images/resources_nav.gif) no-repeat 0 0; width: 115px }
#navitems li#ministries a { background: url(/images/ministries_nav.gif) no-repeat 0 0; width: 115px }
#navitems li#contact_us a { background: url(/images/contact_us_nav.gif) no-repeat 0 0; width: 116px }

#navitems li#home a:hover { background-position: 0 -28px; }
#navitems li#about_us a:hover { background-position: 0 -28px; }
#navitems li#whats_new a:hover { background-position: 0 -28px; }
#navitems li#calendar a:hover { background-position: 0 -28px; }
#navitems li#resources a:hover { background-position: 0 -28px; }
#navitems li#ministries a:hover { background-position: 0 -28px; }
#navitems li#contact_us a:hover { background-position: 0 -28px; }

#navitems li#home_active a { background: url(/images/home_selected.gif) no-repeat 0 0; width: 115px }
#navitems li#about_us_active a { background: url(/images/about_us_selected.gif) no-repeat 0 0; width: 115px }
#navitems li#whats_new_active a { background: url(/images/whats_new_selected.gif) no-repeat 0 0; width: 115px }
#navitems li#calendar_active a { background: url(/images/calendar_selected.gif) no-repeat 0 0; width: 115px }
#navitems li#resources_active a { background: url(/images/resources_selected.gif) no-repeat 0 0; width: 115px }
#navitems li#ministries_active a { background: url(/images/ministries_selected.gif) no-repeat 0 0; width: 115px }
#navitems li#contact_us_active a { background: url(/images/contact_us_selected.gif) no-repeat 0 0; width: 116px }

/*------------------------------------------------------
END MAIN NAV
------------------------------------------------------*/

#main {
	width: 850px;
	padding: 0px;
	background-repeat: no-repeat;
	background-image: url('/images/banner.jpg'); 
	background-color: #ffffff;
	margin-bottom: 20px	
}
#secondary {
	width: 850px;
	padding: 0px;
	background-repeat: no-repeat;
	background-image: url('/images/banner2.jpg'); 
	background-color: #ffffff;
	margin-bottom: 20px	
}
#leftcolumn {
	float: left;
	width: 515px;
	padding: 20px 10px 20px 20px;	
}
#rightcolumn {
	float: right;
	width: 255px;
	padding: 20px 20px 20px 10px;	
}
#singlecolumn {
	width: 810px;
	padding: 20px 20px 20px 20px;	
}
#maintitle { font: 21px Georgia, "Times New Roman", Times, serif; font-weight: bold; width:515px; height: 40px; color: #ffffff; background: url('/images/maintitle.png') no-repeat left top; }
#subtitle { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; height: 80px; line-height: 20px; color: #ffffff }
#photo { width: 232px; padding: 11px; margin-bottom: 20px; background-color: #ffffff; border: 1px solid #999999 }
#rounded_top { width: 254px; height: 21px; background-image: url(../images/newsletter_top.gif);}
#rounded_bottom { width: 254px; height: 21px; background-image: url(../images/newsletter_bottom.gif);}
#newsletter_body { background-color: #e0e0e0; width: 224px; padding: 0px 15px 0px 15px; }
#sign_up { font: 15px Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #606061; padding-bottom: 10px }	

input.textField { height: 12px; width: 184px; font: 10px Arial, Helvetica, sans-serif; color: #666; background-color: #fff; border: solid 1px #707171; padding: 3px}
label { font: 11px Arial, Helvetica, sans-serif, bold; display: inline; color: #606061; }

#submitButton { padding-top: 10px; text-align: right }

input.submitButton  { font: 10px Arial, Helvetica, sans-serif; vertical-align: middle; font-weight: bold; text-align: center; color: #ffffff; width: 50px; height: 16px; background: url('../images/join_off.gif') no-repeat left top; cursor: pointer; border: none; padding-bottom: 4px }
input.submitButton:hover { background: url('/images/join_on.gif') no-repeat left top; }
input.submitButton:active { background: url('/images/join_off.gif') no-repeat left top; }

#promo_area { width: 510px; padding-top: 28px }

#bishop_promo {width: 510px; padding-bottom: 35px}
#bishop_thumbnail { width: 120px; padding: 4px; margin-right: 15px; background-color: #ffffff; border: 1px solid #999999; float:left }
#bishop_content { font: 12px Arial, Helvetica, sans-serif; width: 365px; color: #333333; line-height: 17px; float: right}
#bishop_content a { color: #6396CA; text-decoration:none }
#bishop_content a:hover { color: #6396CA; text-decoration:underline }

.promo_row {width: 510px; height: 80px}
.promo_module { width: 244px; height: 80px; padding-right: 11px; float: left }
.promo_thumbnail { width: 30px; padding: 4px; margin-right: 10px; background-color: #ffffff; border: 1px solid #999999; float:left }
.promo_content { font: 11px Arial, Helvetica, sans-serif; width: 190px; color: #333333; line-height: 15px; float: right}
.promo_content a { color: #6396CA; text-decoration:none }
.promo_content a:hover { color: #6396CA; text-decoration:underline }
.promo_title { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; padding-bottom: 10px; color: #333333; }

#elca_news { padding: 18px 0px 12px 0px}	
#elca_news p { padding-bottom: 10px }
#elca_news a { text-decoration: none; color: #0d3c5b }
#elca_news a:hover { text-decoration: underline }


/* Drill-down page styles */
#pagetitle { font: 24px Georgia, "Times New Roman", Times, serif; font-weight: bold; height: 70px; color: #ffffff; vertical-align: top;
}
#section_header { font: 15px Arial, Helvetica, sans-serif; font-weight: bold; padding-bottom: 15px; color: #3B719F }
#bodytext { font: 12px Arial, Helvetica, sans-serif; line-height: 15px; color: #333333; padding-top: 20px }
#bodytext p { font: 12px Arial, Helvetica, sans-serif; line-height: 15px; color: #333333; padding-bottom: 15px }
#bodytext a  { color: #6396CA; text-decoration: none; }
#bodytext a:hover  { text-decoration: underline; }

#ministries_content { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; color: #6396CA; padding-top: 20px }
#ministries_content td { width: 250px; padding: 0px 20px 20px 0px; vertical-align: top }
#ministries_content a { color: #6396CA; text-decoration: none }
#ministries_content a:hover { text-decoration: underline }
#ministries_thumbnail { float:left; padding-right: 10px; border: 2px solid #CCCCCC; padding: 3px }
#ministries_link { float:right; width: 190px }
/*end */


#footer { height: 40px; text-align: center; font: 10px Arial, Helvetica, sans-serif; color: #898989; margin-top: 20px; }
#footer a { color: #6396CA; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}