/* 

high contrast CSS document
contrast.css
client: Providence Baptist Church
author: Atlantic BT - www.atlanticbt.com
date: 7/31/08

Font changes to darker colors and other more contrast adjustments

*/

/*======================================
	=Content
======================================*/

#content,
#content a,
#upcoming-events ul li a,
#upcoming-events ul li a:hover,
#upcoming-events ul li a:focus,
#upcoming-events h3 { color: #000; }

#main-area { background: url(/images/bg_main-area.gif) repeat-x left bottom; }

#container #navigation #main-nav ul li div.drop ul li a { font-weight: bold; color: #000; }

#outreach-links ul li#ol-new,
#outreach-links ul li#ol-new a { background-image: url(/images/inv_sp_new-button.gif); }
#outreach-links ul li#ol-welcome,
#outreach-links ul li#ol-welcome a { background-image: url(/images/inv_sp_welcome-button.gif); }
#outreach-links ul li#ol-prayer,
#outreach-links ul li#ol-prayer a { background-image: url(/images/inv_sp_prayer-button.gif); }


/*======================================
	=Site Info
======================================*/

#site-info,
#site-info a,
#site-info a:hover,
#site-info a:focus { color: #fff; }

#supplementary-nav li { background-image: url(/images/pray-icons/i_arrow-rt-wht.gif); }
#ministries-nav h5 { background-image: url(/images/inv_h_ministries.gif); }
#helpful-links h5 { background-image: url(/images/inv_h_helpful-links.gif); }
#top-link, #top-link a { background-image: url(/images/inv_sp_top-link.gif); }
#site-info { background-image: url(/images/inv_bg_site-info.gif); background-color: #272621; }
#church-address { background-image: url(/images/inv_bg_org-logo.gif); }


/*======================================
	=Theme Override
======================================*/

#container #mast-wrap,
#container #navigation #main-nav ul li a:hover,
#container #navigation #main-nav ul li a:focus,
#container #navigation #main-nav ul li:hover a,
#container #navigation #main-nav ul li:hover span
{ background-image: url(/images/themes/sp_nav-charcoal.gif); }

#container #info-menu ul li { border-right-color: #8a8a8a; }

#container #service-times,
#container #secondary-navigation
{ /*background-color: #5f5f5f; background-image: url(/images/themes/bg_side-charcoal.gif);*/ background: #303030; border-top-color: #96958f; }
#container #service-times p,
#container #secondary-navigation ul,
#container ul#service-links { border-top-color: #828282; border-bottom-color: #828282; }


/*======================================
	=Events, Opps, and Staff
======================================*/

#content div.volunteerList ul li,
#content div.eventList ul li,
#content div.staffList ul li { background: #e4e4e4; }

#content div.volunteerList h2,
#content div.eventList h2,
#content div.staffList h2 { background: #fff; border-bottom-color: #000; color: #000; }
	#content div.volunteerList h2:hover,
	#content div.eventList h2:hover,
	#content div.staffList h2:hover { color: #fff; background: #000; }
	
	#content div.volunteerList ul ul h2,
	#content div.eventList ul ul h2,
	#content div.staffList ul ul h2 { background: #f2f2f2; }
	
	#content div.volunteerList h2 span.toggle,
	#content div.eventList h2 span.toggle,
	#content div.staffList h2 span.toggle  { background-image: url(/images/sp_plus-minus.gif); }
	#content div.volunteerList h2:hover span.toggle,
	#content div.eventList h2:hover span.toggle,
	#content div.staffList h2:hover span.toggle  { background-image: url(/images/sp_plus-minus-wht.gif); }
	
		#content div.volunteerList div.hjob,
		#content div.eventList div.vevent,
		#content div.staffList dl { color: #000; }
		
		#content div.volunteerList h3,
		#content div.eventList h3 { color: #000; background-image: url(/images/pray-icons/i_ichthus.gif); }
		#content div.staffList dl dt { background-image: url(/images/pray-icons/i_user.gif); }
		
		
/*======================================
	=Other Sections
======================================*/

#content .anchor-nav,
#content #leader-list-nav { border-bottom-color: 1px solid #000; }
	#content .anchor-nav li,
	#content #leader-list-nav li { background-image: url(/images/pray-icons/i_arrow-dn-bk.gif); }
	#content .anchor-nav li a,
	#content #leader-list-nav li a { color: #000; }
	
#content .button a { color: #fff; }
	
	
#content ul li { background-image: url(/images/pray-icons/i_bullet-box-bk.gif) }
a.more, a.more-link, .more-link a { background-image: url(/images/pray-icons/i_arrow-rt-bk2.gif); }