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

body {
	font: 100% Helvetica, sans-serif;
	background-color: #07315a;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	border-top: 3px solid #07315a;
	line-height: 130%;
}

h1{ font-size: 1.4em; }
h2{ font-size: 1.2em; }
h3{ font-size: 1.05em; }

p{
	margin: 0; 
	padding: 3px 10px 3px 0;	
}
#container {
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* ------------ HEADER ------------- */
#header {
	margin: 0; padding: 0;
	height: 107px;
	background: #004488 url(images/header_bg.png) repeat-x; 
}
#header_inner {
	background: url(libguides/images/main_shu_logo_1.png) no-repeat;
	height: 105px;
	width: 880px;
	margin: 0 auto;
}
/* -------------- NAV -------------- */
#nav {
	font-size: .85em;
	margin: 0; 
	padding: 0;
	height: 30px;
	background: #25377b; 
	border-bottom: 1px solid #0d1841;
}
#nav_inner{
	margin: 0 auto;
	padding: 7px 0;
	width: 880px;
}
#nav_inner ul{
	padding: 0; 
	margin: 0;
	list-style-type: none;
}
#nav_inner ul li{
	display: inline;
}
#nav_inner ul li a{
	text-decoration: none;
	color: #FFF;
	padding-right: 100px;
}
/* --------- MAIN CONTENT ----------- */
#mainContent {
	font-size: .85em;
	margin: 0; padding: 0;
	background: transparent url(images/main_bg.gif) repeat-x;
}
#mainContent_inner {
	padding: 0;
	margin: 0 auto;
	width: 894px;
	padding-top: 20px;
	background: transparent url(images/main_bg.png) repeat-y 0 0;
}
/* -------------- FEATURE ------------ */
#feature{
	background: url(images/feature_body.png) repeat-y top left;
	color: #333333;
	line-height: 130%;
	font-family: Helvetica, sans-serif;
	font-size: .95em;
	min-height: 35em;
}

#feature h2{
	text-align: left;
	margin: 0;
	padding-bottom: 5px;
}
#feature_top{
	background: url(images/feature_top.png) no-repeat bottom left;	
}
#feature_bottom{
	background: url(images/feature_bottom.png) no-repeat top left;	
}

#alpha{
	text-align: left;
	padding: 0 285px 10px 22px;
}
#beta{
	text-align: left;
	width: 250px;
	float: right;
	margin: 0 10px 10px 10px;
}
#req_acct h2 span, #web_tools h2 span, #about h2 span, #how_to_access h2 span, #tech_info h2 span{ display: none; }
/* ----------- MAIN CONTENT ---------- */
#about img{
	float: left; 
	margin-right: 10px;
}
#about h2{
	background:transparent url(images/about.png) no-repeat scroll 0 0;
	height:20px;
	margin-top:-15px;
}
#about ol { list-style-position: inside }

#how_to_access h2{
	background:transparent url(images/how_to_access.png) no-repeat scroll 0 0;
	height:20px;
	margin-top: 25px;
}
#tech_info h2{
	background:transparent url(images/tech_info.png) no-repeat scroll 0 0;
	height:20px;
	margin-top: 15px;
}


/* -------------- SIDEBAR ------------ */
.sidebar_module{
	width: 230px;
}
.sidebar_module p{
	background: url(images/sidebar_bg.png) repeat-y;
	padding: 5px 10px 0 20px;
}
/* the styles for #tech_info are to created the rounded edge at the bottom
   of the sidebar module */
#req_acct, #web_tools{
	background:transparent url(images/sidebar_footer.png) no-repeat scroll left bottom;
	margin-bottom:10px;
	padding-bottom:24px;
}
#req_acct h2{
	background:transparent url(images/request_an_acct.png) no-repeat scroll 0 0;
	height:40px;
	margin-top:-15px;
}
#web_tools h2{
	background:transparent url(images/web_tools.png) no-repeat scroll 0 0;
	height:45px;
	margin-top:-15px;
}



/* -------------- LISTING ------------ */
#listing{
	padding: 30px 0;
	text-align: center;	
}

#listing h2{
	margin: 0;	
}
#listing ul{
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

/* ------------ FOOTER ------------- */
#footer_ln, #homelink_ln{
	margin: 0; padding: 0;
	color: #125190;
	background-color: #125190;
	border: none;
}
#footer_ln{ height: 5px; } 
#homelink_ln{ height: 1px; }

#home_link{
	margin: 0 auto;
	padding: 8px 0 4px;
	background:#07315a;
	width: 880px;
}
#home_link a{
	background: url(images/footer_church.png) no-repeat 0 0;
	padding: 9px 0 10px 32px;
	color: #FFF;
}

#footer {
	margin: 0; 
	padding: 0;
	background:#07315a;
	color: #DDD;
	font-size: .75em;
}
#footer p{
	font-size: .95em;
	padding-bottom: 15px;
	line-height: 120%;
}
#footer_inner {
	padding: 10px 0;
	margin: 0 auto;
	width: 880px;
}

#left_col{
	width: 240px;
	float:left;
	padding-left: 2px;
}
#mid_col{
	width: 250px;
	margin: 0 293px;
}
#right_col{
	width: 240px;
	float: right;
}

/* ------------ UTILITY ------------- */
.clear_all{ float: none; }