/* yui styles */
@import url("/styles/yui.css");
a img {border:none;}
body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: #fff url(/i/b/header.gif) top repeat-x; }
a:link, a:visited, a:focus { color: #4E586E; font-weight: bold; }
a:hover, a:active { background-color: #CCC79B; fong-weight: bold;}
a, p, td, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, label { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
h3, h4 {font: small-caps bold 1.5em/1em Arial, Helvetica, sans-serif; }
h3 + h4 { margin-top: 1em;}
h4 { color: #CC3333; border-bottom: 2px solid #B7B1B1;}
h4 + h5 { margin-top: 1em;}
h5 { font: bold 1em/1em Arial, Helvetica, sans-serif; }
p { font: 1em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif; }
strong { font-weight: bold; }
#doc { background: url(/i/news-events.gif) left repeat-y; }
a.feed { background: url(/feedicons/feed-icon-12x12.gif) no-repeat left; padding-left: 15px; }
div.first_content {margin-top: 0.5em;}

/* UTILITIES
========================================= */
.hide { display: none !important; }
.printonly {display:none !important; }
hr { display: none; }
.clearhack { display: block; visibility: hidden; clear: both; height: 0; }
.center { position: relative; margin-left: auto; margin-right: auto; }
#wrapper { position: relative; margin: 0 auto; width: 768px; }
#ft{ font-size: 100%; } /* fix a yahoo! grids thing */
select { min-width:1.5em; } /* fixes select boxes in firefox which padding:0, margin:0 breaks 
acronym { border-style: dashed; border-width: 0 0 1px 0; cursor: help; }
										http://leftjustified.net/journal/2004/10/19/global-ws-reset */

/* BODY
=============================================*/
#bd a img {border:none;}
#bd { margin-bottom: 0; }
	#bd p { padding-bottom: 1.5em; }
	#bd ul { padding-bottom: 1.5em; }
	#bd ul li ul {padding-bottom: 0;}
	#bd li {
		background: url(/i/bullet.png) left top no-repeat;
		padding-left: 15px;}
#bd img {
	float: right;
	margin: 4px; 
	padding: 4px;
	border: 1px solid #8a958c;}
#bd h4 img, #bd h5 img, #bd h6 img, #bd li img {float: none; margin: 0; padding: 0; border: none;}

	
	/* CAPTIONED IMAGE
	=========================================*/
	#bd div.captioned-image-horizontal {float:right; clear: both; width: 260px}
	#bd div.captioned-image-vertical {float:right; clear: both; width: 165px}
	#bd div.captioned-image-horizontal p,
	#bd div.captioned-image-vertical p { font-weight: bold; font-size: 0.8em;}

/* ARCHIVE GRAPHICS
============================================*/
p.event-details, p.news-archive, p.story-archive {}
p.event-details a, p.news-archive a, p.story-archive a { border:none; }
p.event-details a:hover, p.news-archive a:hover, p.story-archive a:hover { background-color: transparent;}
p.event-details a img, p.news-archive a img, p.story-archive a img {
	float: none;
	margin: 0;
	padding: 0;
	border: none;
}
	
/* STAFF DIRECTORY
=============================================*/
table#staff { width: 100%; }
	table#staff tr.odd { background-color:#ededed; }
	table#staff td { padding: 0.2em; }
	table#staff td.name { font-weight: bold; width: 40%; }

	
/* MINISTRY
=============================================*/

/* SIDEBAR
===========================================*/
div.sidebar div {padding: 5px 0;}
	/* NEWS
	============================================*/
	div#news { padding: 0; }
	div#news div.story h5 {padding:0; margin:0;}
	div#news div.story p {padding:0; margin:0;}

	/* EVENTS
	==============================================*/
	#events ul { 
                padding: 0;
		width: 100%; 
		list-style: none; } 
	#events li {  
		padding: 4px 0px; 
		border-bottom: 1px solid #aaa; 
		background: none; } 
	#events span.date {
		float: right;
		font-weight: bold;
		color: #404040; }
	

/* STAFF CONTACTS
===========================================*/
#staff-contacts ul {padding-bottom: 0;}
#staff-contacts li {font-weight:bold; background: none; padding-left: 0;}
#staff-contacts ul li ul li {font-weight:normal; background: url(/i/bullet.png) left top no-repeat;
		padding-left: 15px;}

/* CALENDAR
===========================================*/
#calendar div.event {padding: 0.5em 0 1em 0;}
#calendar div.odd {
background-color: #ededed
}
#calendar p {padding: 0;}
#calendar #bd span.date {
		float: right;
		font-weight: bold;
		color: #404040; }

/* TOP NAVIGATION
===========================================*/
#top-nav ul	{
	width: 750px;
	height: 40px;
	background: url(/i/top-nav.gif);
	position: relative; }
#top-nav ul li	{
	list-style: none;
	position: absolute;}
#top-nav ul li, #top-nav a	{
	height: 40px;
	display: block;}
#top-nav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;}
#tn-nb1 {left: 5px; width: 45px;}
#tn-nb2 {left: 60px; width: 80px;}
#tn-nb3 {left: 150px; width: 90px;}
#tn-nb4 {left: 250px; width: 95px;}
#tn-nb1 a:hover {background: transparent url(/i/top-nav.gif) -5px -40px no-repeat;}
#tn-nb2 a:hover {background: transparent url(/i/top-nav.gif) -60px -40px no-repeat;}
#tn-nb3 a:hover {background: transparent url(/i/top-nav.gif) -150px -40px no-repeat;}
#tn-nb4 a:hover {background: transparent url(/i/top-nav.gif) -250px -40px no-repeat;}

/* MAIN NAVIGATION
=============================================================*/
#main-nav ul	{
	width: 750px;
	height: 30px;
	background: url(/i/main-nav2.gif);
	position: relative;}
#main-nav ul li	{
	list-style: none;
	position: absolute;}
#main-nav ul li, #main-nav a	{
	height: 30px;
	display: block;}
#main-nav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;}
#mn-nb1 {left: 5px; width: 90px;}
#mn-nb2 {left: 110px; width: 70px;}
#mn-nb3 {left: 190px; width: 135px;}
#mn-nb4 {left: 335px; width: 150px;}
#mn-nb5 {left: 495px; width: 90px;}
#mn-nb6 {left: 600px; width: 150px;}
#mn-nb1 a:hover {background: transparent url(/i/main-nav2.gif) -5px -30px no-repeat;}
#mn-nb2 a:hover {background: transparent url(/i/main-nav2.gif) -110px -30px no-repeat;}
#mn-nb3 a:hover {background: transparent url(/i/main-nav2.gif) -190px -30px no-repeat;}
#mn-nb4 a:hover {background: transparent url(/i/main-nav2.gif) -335px -30px no-repeat;}
#mn-nb5 a:hover {background: transparent url(/i/main-nav2.gif) -495px -30px no-repeat;}
#mn-nb6 a:hover {background: transparent url(/i/main-nav2.gif) -600px -30px no-repeat;}

/* HEADER
=========================================== */
#hd { height: 200px; }
	#hd h1, #hd h2 { text-indent: -9999px; }
		#hd div#top-nav { height: 40px; }
		#hd div#masthead { height: 130px; }
		#hd div#main-nav { height: 30px; }
		#masthead{ background: #8a95ac url(/i/b/masthead.gif) top no-repeat; height: 100px; }		

/* FOOTER 
==============================================================================*/ 
#footer { 
	background-color: #404040;
	color: #8BAC91;
	position: relative; 
	clear: both; 
	margin-top: 20px; 
	padding: 20px 0; 
	text-align: left; } 

#footer a {color: white;}

	/* SITEMAP
	============================================================================*/
	#siteMap h2 { text-indent: -9999px; }
	#siteMap, #copyright { margin-top: 0; } 
	#siteMap { float: left; width: 497px; } 
	#siteMap ul { width: 12em; }
	#siteMap ul.column { float: left; width: 160px; } 
	#siteMap li { display: inline; list-style: none; } 
	#siteMap li a { 
		width: 12em;
		display: block;
		padding: 0.36em 0.18em; 
		font-weight: bold;
		color: #CC3333;
		text-decoration: none;} 
	#siteMap li li a { 
		padding-left: 10px; 
		font-size: 0.81em; 
		line-height: 1em; 
		font-weight: normal; 
		color: #eae7d2; } 
	#siteMap li li li a {
		padding-left: 20px;
		font-size: 0.81em;
		line-height: 1em;
		font-weight: normal;
		color: #8A95AC;}
	#siteMap li a:hover { 
		background-color: transparent;
		color: white; } 

        /* LOGIN
        ========================================*/


	/* COPYRIGHT
	=========================================*/
	#copyright { margin: 10px 0;float: right; width: 265px} 
	#copyright p { margin: 15px 10px; ont: normal 1em/1.2em 'lucida grande',tahoma,sans-serif; color: #eae7d2; } 
	#copyright strong { font-size: 1.2em; font-weight: normal; color: white; } 
	#copyright a { font-weight: bold; color: #60bffb; } 
	#copyright a:hover { text-decoration: underline; color: white; }
	
/* LIBRARY
======================================================*/
body#library #masthead{ background: #8a95ac url(/i/b/masthead_library.gif) top no-repeat; }	
body#library #bd img {float: left}
body#library div#library_nav {font-weight: bold;}
body#library div#library_nav a {
	font-weight: bold;
}
body#library h3 {color:#cc3333}
body#library h4 + h5 { margin-top: 0; }

	/* LIBRARY HOME
	===================================================*/
body.home#library p {padding-bottom: 0.7em;}
body.home#library div.browse div.letterlist a {text-decoration: none;}
body.home#library div.browse div.letterlist {
  font-weight: bold;
  font-size: 1.2em;
  color: #c1c1c1;
   text-align: justify;
}
body.home#library div.yui-g {margin-bottom: 2em;}

	/* LIBRARY ITEM
	============================================*/
body.item#library div.yui-g {
margin-right: 0.5em;
text-align: justify; }
body.item#library h3 {text-transform: none;
		font-variant: normal;}
	body.item#library div.sidebar h4 {}
		body.item#library table.item_display h4 {}
	        body.item#library table.item_display td {	
		        vertical-align: top;
          		padding: 2px;
        	}
       body.item#library div.sidebar ul#morelikethis li {padding-bottom: 0.5em;}
	        body.item#library table.item_display p { padding-bottom: 2px; }
body.item#library table.item_display h4 {border:none; font-size: 1em; font-variant: normal; line-height:1em;} 
body.item#library table.item_display td.label {width: 75px;}
	        body.item#library table.item_display { vertical-align: top; }
                body.item#library table.item_display td.subjects { text-transform: uppercase; text-align: left;}
                body.item#library div.topics dt { text-decoration: underline; }
                body.item#library div.topics dd { margin-bottom: 5px; }
body.item#library div#request { margin-top: 30px; }
body.item#library div#requestform form fieldset { border-top:1px solid #4E586E; margin-bottom: 1em; }
body.item#library div#requestform form legend {font-weight: bold; }
body.item#library div#requestform form label {line-height: 2em;}
body.item#library div#requestform em {color: #cc3333; font-weight: bold;}

	
	/* LIBRARY BROWSE/SEARCH
	===========================================*/
	body.browse#library h4 {font-size:1.2em; line-height: 1.2em; padding: 0; margin: 0; font-variant: normal; border:none;}
        body.browse#library h4 a {text-decoration:none;}
        body.browse#library div.browse_list_item {margin-bottom: 5px;}
	body.subjects#library ul#subjects li {
		background: none;
		padding: 0;
	}
	body.subjects#library ul#subjects li ul li { 
		background: url(/i/bullet.png) left top no-repeat;
		padding-left: 15px; }
	body.subjects#library ul { margin-bottom: 15px;}