/*

	File: screen.css
	Media: screen
	Copyright: (c) 2008 Church Media Group, Inc. www.churchmedia.cc
	Author: Ismael Burciaga Jr.
	Notes: 


/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;}
body { background: #ffffff; font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #666666; height: 100%; }

h3 { font-size: 2.4em; font-weight:bold; color: #333333; font-family: Helvetica, Arial, Verdana, sans-serif; text-transform: uppercase; }
h1, h2, h4, h5, h6 { font-size:1.4em; font-weight:bold; color: #333333; font-family: Helvetica, Arial, Verdana, sans-serif; }
p { font-size:1.2em; line-height:1.4em; margin:12px 0; }
small { font-size:1.1em;}
code { font-size: 1.2em; display: block; margin-top: 6px; }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }

.article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; }

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }

.margin-top { margin-top: 24px; }


/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: bold; text-decoration: none;}
a:link { color: #1665ce;}
a:visited { color: #1665ce;}
a:hover { color: #1665ce; text-decoration: underline;}
a:active { color: #1665ce;}

.footer a:link { color: #ffffff;}
.footer a:visited { color: #ffffff;}
.footer a:hover { color: #ffffff; text-decoration: underline;}
.footer a:active { color: #ffffff;}

.site_index ul li.title a:link { color: #fff; }
.site_index ul li.title a:visited { color: #fff; }
.site_index ul li.title a:hover { color: #fff; }
.site_index ul li.title a:active { color: #fff; }

.switch_box a:link { color: #fff; }
.switch_box a:visited { color: #fff; }
.switch_box a:hover { color: #fff; }
.switch_box a:active { color: #fff; }

a.arrow {background: transparent url(../images/arrows/arrow_blue.gif) 100% 50% no-repeat; padding-right: 14px;}

.btn_more { display:block; width: 43px; height: 19px; text-indent: -9999px; background: transparent url(../images/btn/btn_more.gif) top left no-repeat; }
.btn_more:hover { background-position: top right;}

.btn_back { display:block; width: 56px; height: 21px; text-indent: -9999px; background: transparent url(../images/btn/btn_back.gif) top left no-repeat; float: right; }
.btn_back:hover { background-position: top right;}

.btn_join_a_group { display:block; width: 198px; height: 41px; text-indent: -9999px; background: transparent url(../images/btn/btn_join_a_group.gif) top left no-repeat; }
.btn_join_a_group:hover { background-position: bottom left;}

.btn_more_2 { display:block; width: 43px; height: 19px; text-indent: -9999px; background: transparent url(../images/btn/btn_more_2.gif) top left no-repeat; }
.btn_more_2:hover { background-position: top right;}

.btn_get_involved { display:block; width: 165px; height: 41px; text-indent: -9999px; background: transparent url(../images/btn/btn_get_involved.gif) top left no-repeat; }
.btn_get_involved:hover { background-position: top right;}

.btn_sign_up { display:block; width: 136px; height: 37px; text-indent: -9999px; background: transparent url(../images/btn/btn_sign_up.gif) top left no-repeat; }
.btn_sign_up:hover { background-position: top right;}

.btn_ask_thank_god { float:right; margin-top:38px; display:block; width: 198px; height: 41px; text-indent: -9999px; background: transparent url(../images/btn/btn_ask_thank_god.gif) top left no-repeat; }
.btn_ask_thank_god:hover { background-position: bottom left;}

.btn_close { float:right; display:block; width: 23px; height: 23px; text-indent: -9999px; background: transparent url(../images/btn/btn_close.gif) top left no-repeat; }
.btn_close:hover { background-position: bottom left;}



/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

.header { margin: 0 auto; padding: 0 0 0 0; overflow: hidden; background: #000000; width: 100%; }
.container_box{ background: transparent url(../images/bg/bg_main.jpg) 0 0 repeat-x; padding: 0 0; min-width: 974px; }
.container { width:974px; margin: 0 auto; background: transparent 0 0 repeat-y; padding: 0 0; }
.navigation { width: 974px; height: 124px; padding: 0 0; background: transparent url(../images/bg/bg_header.jpg) 0 0 no-repeat; position: relative; margin-bottom: 6px; }
.content { width:974px; padding: 0 0 10px 0; background: transparent url(../images/bg/bg_content.gif) 0 0 repeat-y;}
.content_bg { width:974px; margin: 0 auto; padding: 0; background: transparent url(../images/bg/bg_content_top.gif) 0 0 no-repeat;}
.bg_bottom_content { width:974px; height:17px; margin: 0 auto; padding: 0; background: transparent url(../images/bg/bg_content_bottom.gif) 0 0 no-repeat; }
.main { width:656px; float:left; display:inline; margin: 27px 0 0 27px; background: red; }
.sidebar { width:244px; float:right; display:inline; margin: 27px 27px 0 0; }
.bg_middle { width:960px; height: 26px; background: transparent url(../images/bg/bg_middle.jpg) 0 0 no-repeat;}
.footer { width: 920px; height:124px; margin: 10px auto; padding: 24px 27px 20px 27px; color: #9ec3f5; overflow: hidden; background: transparent url(../images/bg/bg_footer.gif) 0 0 no-repeat; }

/* Hidden Divs
--------------------------------------------------------------------------------------- */

.ministry_index_tab { float: right; margin-right: 20px; display: inline; }
.ministry_index_tab a:link,
.ministry_index_tab a:visited,
.ministry_index_tab a:hover,
.ministry_index_tab a:active { display: block; width: 211px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn_ministry_index.gif) 0 0 no-repeat; border: none; }

.ministry_index_box {background: #151515; min-width: 974px;}
 .ministry_index { width: 920px; padding:24px 0 18px 0;margin: 0 auto; overflow: hidden; }
.ministry_index h3 { font-size: 2.6em; font-weight: normal; color: #ffffff; margin-bottom: 20px; letter-spacing: .2em;}
.ministry_index h3.second { margin: 20px 0; width: 100%; padding-top:26px; border-top: 4px solid #252525;}
.ministry_index h4 { color: #1665ce; }
.section_5 { width: 155px; float: left; display: inline; padding-right:17px; margin-right: 17px;}
.section_5_last { width: 155px; float: left; display: inline;}
body .section_5_last p { color: #666666; margin:16px 0; line-height:1.6em; }

.ministry_index ul li { font-size: 1.1em; margin-bottom: 6px; }
.ministry_index ul li.title { font-size: 1.6em; margin-bottom: 8px; }

.ministry_index ul li a { text-decoration: none; }
.ministry_index ul li a:link { color:#2e7be2;}
.ministry_index ul li a:visited { color:#2e7be2;}
.ministry_index ul li a:hover { color:#ffffff;}
.ministry_index ul li a:active { color:#2e7be2;}

.ministry_index ul li.title a:link { color:#fff;}
.ministry_index ul li.title a:visited { color:#fff;}
.ministry_index ul li.title a:hover { color:#fff;}
.ministry_index ul li.title a:active { color:#fff;}

.cc_time_left_panel { width: 48%; float: left; display: inline; }
.cc_time_right_panel { width: 48%; float: right; display: inline; }

.cc_time_left_panel ol, .cc_time_right_panel ol { margin-top: 16px;}
.cc_time_left_panel ol li, .cc_time_right_panel ol li { display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }

.ccc_map { float: right; display: inline; margin: 0 0 30px 30px; }

.cc_time_left_panel h4.link { font-size: 2.6em; margin-top: 30px; }

/* Header Layout
--------------------------------------------------------------------------------------- */

.logo { position: relative; width: 100%; }
.big_logo { position: absolute; top: 12px; left:50%; width: 150px; height: 127px; z-index: 9999; margin-left: -75px; }

.header h1 { float: left; display: inline; margin: 0 0 0 27px; padding: 19px 0; }
.header h1 a { display: block; width: 190px; height: 16px; text-indent: -9999px; background: transparent url(../images/city_church_home.gif) top left no-repeat; }

.main_nav { width: 974px; height: 24px; overflow: hidden; position: absolute; bottom:14px; left: 14px; z-index: 99; }
.main_nav li { float: left; display: inline; margin-left: 10px; margin-right:31px; font-size: 1.4em; font-family: Helvetica, Arial, Verdana, sans-serif; }
.main_nav li.last { margin-right: 0; margin-left: 10px; }

.main_nav li a { display: block; height: 24px; background: transparent url(../images/bg/bg_main_nav.jpg) 0 -24px no-repeat; text-indent: -9999px;}
#about { width:108px; background-position: 0 0; }
#about:hover, body.about a#about, body.about a#about:hover { background-position: 0 -24px; }
#ministries { width:117px; background-position: -108px 0; }
#ministries:hover, body.ministries a#ministries, body.ministries a#ministries:hover { background-position: -108px -24px; }
#events { width:89px; background-position: -225px 0; }
#events:hover, body.events a#events, body.events a#events:hover { background-position: -225px -24px; }
#media { width:76px; background-position: -314px 0; }
#media:hover, body.media a#media, body.media a#media:hover { background-position: -314px -24px; }
#city_life { width:100px; background-position: -390px 0; }
#city_life:hover, body.city_life a#city_life, body.city_life a#city_life:hover { background-position: -390px -24px; }
#city_care { width:110px; background-position: -490px 0; }
#city_care:hover, body.city_care a#city_care, body.city_care a#city_care:hover { background-position: -490px -24px; }
#giving { width:79px; background-position: -600px 0; }
#giving:hover { background-position: -600px -24px; }

.options_nav { width: 289px; height: 35px; overflow: hidden; position: absolute; top:0; right: 27px; z-index: 104; }
.options_nav li { float: left; display: inline; }
.options_nav li a { display: block; height: 35px; text-indent: -9999px; background: transparent url(../images/btn/btn_nav_options.gif) 0 0 no-repeat; }
.options_nav li a.directions { width:174px; background-position: 0 0; }
.options_nav li a.directions:hover { background-position: 0 -35px; }
.options_nav li a.quicklinks { width:115px; background-position: -174px 0; }
.options_nav li a.quicklinks:hover { background-position: -174px -35px; }


/* Rotator Layout
--------------------------------------------------------------------------------------- */

.rotator { width:920px; height:316px; margin: 0 auto; background: transparent url(../images/bg/bg_rotator.jpg) 0 0 no-repeat; padding: 27px; position: relative; overflow: hidden; }
.rotator h3 { float: left; display: inline; color: #f9a25e; font-size: 2.2em; border-right: 1px solid #57524d; padding: 12px 22px 12px 16px; margin-top: 8px; }
.featured_content { float: left; margin: 8px 0 0 20px; padding-top: 7px; display: inline; }
.featured_content p{ margin: 2px 0 0 0; }
.btn_rotator { position: absolute; bottom: 4px; right:8px; }
.btn_rotator p{ font-size: 1.1em; }
a.btn_see_all { position:absolute; bottom:23px; right:26px; z-index:99; color: #888888; background: transparent url(../images/arrows/arrow_grey.gif) right 50% no-repeat; padding-right:14px; margin-top: 15px; font-size: 1.2em; }
a.btn_see_all:hover { color: #ffffff; background: transparent url(../images/arrows/arrow_white.gif) right 50% no-repeat; text-decoration: none;}

#divMainRotatorNav { position:absolute; bottom:23px; left:24px; z-index:99; }
#divMainRotatorNav a { margin: 0 0 0 4px; padding: 3px 7px; background: none; text-decoration: none; color: #888888; }
#divMainRotatorNav a:hover { background: #454545; text-decoration: none; color: #ffffff; }
#divMainRotatorNav a.activeSlide { background: #454545; text-decoration: none; color: #ffffff; }
#divMainRotatorNav a:focus { outline: none; }


/* Homepage Layout
--------------------------------------------------------------------------------------- */

.homepage_content { width: 974px; height: 688px; background: #1a1a1a url(../images/bg/bg_home_content.jpg) 0 0 no-repeat; position: relative; overflow: hidden; margin-bottom: 6px; }
.homepage_content_left { float: left; display: inline; margin-top: 35px; width: 444px; padding: 0 8px 0 35px; overflow: hidden; }
.homepage_content_right { float: right; display: inline; margin-top: 27px; width: 440px; margin-right: 27px}

.homepage_content_left img { margin-bottom: 36px; float: left; display: inline; }

.switch_menu { height: 40px; width: 100%; overflow: hidden; }
.switch_menu li { float: left; display: inline; margin-right: 2px; }
.switch_menu li a { display: block; width: 108px; height: 40px; background: transparent url(../images/bg/bg_switch_menu.jpg) 0 0 no-repeat; color:#666666; text-align: center; text-transform: uppercase; font-size: 2em; font-weight: normal; line-height: 40px; text-decoration: none; }
.switch_menu li a:hover { background-position: 0 -40px; color:#999999; text-decoration: none;}
.switch_menu li a.active_box { background-position: 0 -80px; color: #ffffff; }

.switch_box { width: 400px; height: 302px; margin:20px 20px 20px 20px; background:#353535; }
.switch_box_content { width: 360px; padding: 20px; color: #999999; }
.switch_box_content h4 { font-size: 2em; }
.video_player_box { height: 302px; vertical-align: middle; text-align: center; background: #444444; }

.flickr_box { width: 382px; height: 296px; padding-left: 18px; padding-top: 16px; }
#flickr_badge_uber_wrapper { overflow: hidden;}
.flickr_badge_image { float: left; display: inline; margin: 4px 18px 14px 0;}
.flickr_badge_image img { border: 4px solid #ffffff; width: 100px; height: 67px;}
#flickr_badge_source {text-align:left; margin:0 0 0 0;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

.advertisement { margin: 48px 0 0 8px; }

.ask_thank_god { clear: both; float:left; display:inline; width: 974px; height:125px; margin: -8px 0 0 0; color: #aaaaaa; }
* html .ask_thank_god { margin-top: 28px; }
*:first-child+html .ask_thank_god { margin-top: 28px; }

/* Main Layout
--------------------------------------------------------------------------------------- */

.main h4, .full h4 { font-size: 1.6em; margin: 20px 0; }
.staff_title { font-size: .75em; font-weight: normal; margin-left: 8px; }
.staff_title img { vertical-align: bottom; margin:0 0 2px 6px; }

.rotator { margin-bottom: 8px; }

.module { padding: 16px; background: #ffffff; border: 1px solid #dddddd; }
.home_top_row { margin-bottom: 8px; }
.home_top_row .module { width: 292px; float: left; display: inline; height: 216px; }
.home_top_row .module.last { margin-left: 8px;}

.h3_title { margin-bottom: 10px; }
.blog_list { width: 100%; border-bottom: 1px solid #e8e8e8; padding: 8px 0; overflow: hidden; }
.blog_list .date { width: 16%; float: left; display: inline; }
.blog_list .listing { width: 80%; float: right; display: inline; }
.blog_list h4 { font-size: 1.2em; margin: 0; }

.top_ten { width: 626px; }
.top_ten_left { width: 47%; float: left; display: inline; }
.top_ten_right { width: 47%; float: right; display: inline; }

.top_ten_row { margin-top:12px; }
.top_ten h6 { float: left; display: inline; width: 15%; font-size:3.6em; text-align: center; margin-top: 2px; color: #42b5e8; }
.top_ten_result { float: right; display: inline; width: 82%; }
.top_ten_result p { margin: 0; }

.case_studies_box { width: 100%; background: #555555; padding: 24px 0 8px 0; }
.case_studies_box h3{ width: 572px; margin: 0 0 16px 24px; color: #ffffff;}
.case_study { width: 174px; float: left; margin-left: 24px; display: inline; }
.case_study img { border: 3px solid #7b7b7b; margin-bottom: 16px; }
.case_study h4 { font-size: 1.4em; color: #42b5e8; margin: 0; }
.case_study p { color: #ffffff;}

.page_header h2 { font-size: 3em; font-weight: normal; color: #5d7c79; }

.main_content p.crumbs { margin: 0 0 16px 0; font-size: 1.1em; }

.main_content { width:596px; padding: 24px 30px; background: #ffffff; }
.main_content p { line-height: 1.6em; margin: 18px 0;}
.main_content ul, .main_content dl, .main_content ol, .full ul { margin: 16px 0; }
.main_content ul li, .main_content dl dd, .full ul li { list-style: disc; display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }
.main_content ol li { display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }

.left_panel { width: 48%; float: left; display: inline; }
.right_panel { width: 48%; float: right; display: inline; }
.row { margin-bottom: 24px; }
.bottom_row { padding-top: 24px; border-top: 8px solid #e8e8e8; }

.main_image { margin: 24px 0 12px 0; }
.main_image_small { float: left; display: inline; margin: 0 28px 24px 0; }

.staff_box { margin-top: 24px; }
.staff { width:33%; float: left; display: inline; text-align: center; height: 230px; }
.staff h3 { font-size: 1.2em; margin: 8px 0 2px 0; letter-spacing: normal; text-transform: none; }
.staff_info { width: 200px; float: left; display: inline; }
.staff_content { width: 62%; float: right; display: inline; }
.staff_content h4 { font-size: 1.6em; margin: 0 0 2px 0; }

.news_list { width: 100%; border-bottom: 1px solid #e8e8e8; padding: 14px 0; overflow: hidden; }
.news_list .news_date { width: 10%; float: left; display: inline; }
.news_list .listing { width: 87%; float: right; display: inline; border-bottom: 0; margin: 0; padding: 0; }
.news_list h4 { font-size: 1.4em; margin: 0; }
.news_list h5 { font-size: 1.4em; margin: 0; }
.news_list .listing h4 { margin: 0 0 0 0; }

.full { width:859px; padding: 24px 30px; background: #ffffff; margin: 27px 0 0 27px; float: left; display: inline; }

.site_map_list { width: 18%; float: left; display: inline; padding-right: 15px; }
.full .site_map_list li { font-size: 1.1em; margin-left: 0; list-style: none; padding-left: 0; }
.full .site_map_list li.site_map_title { margin: 0 0 8px 0; padding: 0; list-style: none; font-size: 1.6em;}

.big_text { background: #d6ebc4 url(../images/icons/icon_confirmation.gif) 16px 50% no-repeat; padding: 18px 10%; width: 80%; text-align: center; margin: 24px 0; }
.big_text p { font-size: 1.6em; color: #2c8603; margin: 0; line-height: 1.3em; }


/* Ministries Module
______________________________________________________________________________________ */

.ministries_content { width: 95%;}
body.ministry_listings .main_content { width:626px; padding: 24px 0 24px 30px; background: #ffffff; }
.ministry_listing_box { margin-top: 24px; }
.ministry_listing { float: left; display: inline; margin-right: 30px; text-align: center; margin-bottom: 20px; width: 283px; }
.ministry_listing img { border: 10px solid #eeeeee; }
.ministry_listing h5 { width: 100%; background: #eeeeee; padding: 2px 0 12px 0; font-size: 1.2em; }

.ministry_name { text-transform: none; color: #1665ce; font-weight: normal; margin-left: 4px; }
.ministry_small_image { float: left; display: inline; margin: 6px 28px 24px 0; }
.ministry_large_image { margin: 20px 0 24px 0; }

ul.ministry_nav { width:588px; margin: 0 0 8px 0; padding: 4px 4px 0 4px; overflow: hidden; background: #e8e8e8 url(../images/bg/bg_captions.gif) bottom left repeat-x; }
ul.ministry_nav li { margin: 0; padding: 0; list-style:none; float: left; display: inline; border-right: 1px solid #111111;  font-size: 1.3em; }
ul.ministry_nav li:last-child { border-right: 1px solid #d5d5d5; }
ul.ministry_nav li a { display: block; padding: 6px 16px 4px 16px; background: #333333; border-bottom: 3px solid #111111; color: #ffffff; }
ul.ministry_nav li a:hover { text-decoration:none; background: #555555; border-bottom: 3px solid #454545;}
ul.ministry_nav li a.active { background: #ffffff; border-bottom: 3px solid #ffffff; color: #111111; }

.ministry_content { width: 100%; margin-bottom: 6px; }
.ministry_right_panel { float: right; display: inline; width: 150px; margin: 22px 0 10px 20px; }
.ministry_right_panel img { margin-bottom: 16px; }

.ministry_drop_down { padding: 5px 5px 5px 6px; border: 8px solid #444444; margin: 16px 0; width: 99%; font-size: 1.4em; color: #666666; }
.side_event_listing { border-bottom: 1px solid #454545; padding: 8px 0; }
.side_event_listing:last-child { border:0; }
.side_event_listing h4 { font-size: 1.2em; margin: 0; padding: 0; }
.side_event_listing p { font-size: 1.2em; margin: 0; padding: 0; }

/* From customer for calendar in ministry page */
.prayercalendar {
    font: normal 1.2em Arial, Helvetica, Verdana, sans-serif;
    color: #666666;
}
.prayerbold {
    color: #004859;
    font-weight: bold;
    padding-right: 10px;
}

/* Media Module
______________________________________________________________________________________ */

.current_sermon_box { margin-bottom: 24px; }
.caption_header { background: #e8e8e8 url(../images/bg/bg_captions.gif) bottom left repeat-x; width: 96%; padding: 10px 2% 8px 2%; overflow: hidden; border-bottom: 1px solid #c5c5c5; }
.caption_header h4 { margin: 0; float: left; display: inline; }
.caption_header a.view_more { margin: 0; float: right; display: inline; font-size: 1.2em; }
.sermon_left_panel { float: left; display: inline; width: 283px; }
.sermon_right_panel { float: right; display: inline; width: 283px; }

.sermon_right_panel h5 { font-size: 1.8em; color: #333333; }
.sermon_right_panel h6 { font-size: 1.1em; margin-top: 3px; color: #888888; font-weight: normal; }

ul.media_options { margin: 0; padding: 0; overflow: hidden; }
ul.media_options li { margin: 0; padding: 0; float: left; display: inline; list-style: none;}
ul.media_options a { display: block; width: 94px; height: 43px; text-indent: -9999px; background: transparent url(../images/media/btn_watch_listen.jpg) 0 0 no-repeat; }
ul.media_options a.watch { width: 95px; background-position: 0 0;}
ul.media_options a.watch:hover { background-position: 0 -43px;}
ul.media_options a.listen { background-position: -95px 0;}
ul.media_options a.listen:hover { background-position: -95px -43px;}
ul.media_options a.buy { background-position: -189px 0;}
ul.media_options a.buy:hover { background-position: -189px -43px;}

.table_sermons { width: 100%; border-collapse: collapse; font-size: 1.1em; margin:8px 0 24px 0;}
.table_sermons td { padding: 6px 0; border-bottom: 1px solid #e8e8e8; vertical-align: middle; }
.table_sermons td.titles { font-weight: bold; color: #333333;}

a.icon_watch { display: block; width: 15px; height: 15px; text-indent: -9999px; background: transparent url(../images/media/icons_watch_listen_buy.jpg) 0 0 no-repeat;}
a.icon_watch:hover { background-position: 0 -15px;}
a.icon_listen { display: block; width: 15px; height: 15px; text-indent: -9999px; background: transparent url(../images/media/icons_watch_listen_buy.jpg) -15px 0 no-repeat;}
a.icon_listen:hover { background-position: -15px -15px;}
a.icon_buy { display: block; width: 15px; height: 15px; text-indent: -9999px; background: transparent url(../images/media/icons_watch_listen_buy.jpg) -30px 0 no-repeat;}
a.icon_buy:hover { background-position: -30px -15px;}

ul.pages { margin: -5px 0 0 0; padding: 0; overflow: hidden; }
ul.pages li { margin: 0; padding: 0; float: left; display: inline; margin-right: 6px; color: #333333; }
ul.pages li.title { padding-top: 3px; font-weight: bold; }
ul.pages li a { display: block; padding:1px 5px; border: 2px solid #dddddd; text-decoration: none;}
ul.pages li a:hover { border: 2px solid #c2dcef; text-decoration: none; background: #f1f8fc;}
ul.pages li a.active, ul.pages li a.active:hover { display: block; padding:3px 5px; border: 0; color: #333333; text-decoration: none; }

a.btn_download { display: block; width: 89px; height: 22px; text-indent: -9999px; background: transparent url(../images/media/btn_download.gif) 0 0 no-repeat;}
a.btn_download:hover { background-position: 0 -22px;}


/* Ministries Module
______________________________________________________________________________________ */

.missions_row { margin-bottom: 26px; }
.missions_row img { float: left; display: inline; }
.missions_right_panel { float: right; display: inline; width:59%; }
.missions_right_panel h4 { margin: 0 0 0 0; }
.missions_right_panel h5 { font-size: 1.2em; margin-top: 3px; color: #888888; font-weight: normal; }
.missions_right_panel p { margin: 8px 0 0 0; }


/* Wallpaper Module
______________________________________________________________________________________ */

.download_row { margin-bottom: 26px; padding-bottom: 20px; border-bottom: 4px solid #dddddd;}
.download_left_panel { float: left; display: inline; width: 140px; height: 105px; position: relative; border: 4px solid #eeeeee; background: #eeeeee; text-align: center; }
.download_left_panel a { display: block; width: 140px; height: 105px; }
.icon_zoom { position: absolute; bottom: 0; right: 0; z-index: 1; }
.download_right_panel { float: right; display: inline; width:71%; }
.download_right_panel h4 { margin: 0 0 0 0; }
.download_right_panel h5 { font-size: 1.2em; margin-top: 3px; color: #888888; font-weight: normal; }
.download_right_panel p { margin: 8px 0 0 0; }

ul.download_items { margin: 8px 0 0 0; padding: 0; overflow: hidden; width: 100%; }
ul.download_items li { list-style: none; margin: 0; padding: 4px 0 4px 24px; float: left; display: inline; margin-right: 12px; width: 41%; font-size: 1.2em; }
.download_item_img { background: transparent url(../images/icons/icon_download_img.gif) 0 50% no-repeat; }
.download_item_pdf { background: transparent url(../images/icons/icon_download_pdf.gif) 0 50% no-repeat; }
.download_item_doc { background: transparent url(../images/icons/icon_download_doc.gif) 0 50% no-repeat; }
.download_item_xls { background: transparent url(../images/icons/icon_download_xls.gif) 0 50% no-repeat; }
.download_item_ppt { background: transparent url(../images/icons/icon_download_ppt.gif) 0 50% no-repeat; }
.download_item_mp3 { background: transparent url(../images/icons/icon_download_mp3.gif) 0 50% no-repeat; }
.download_item_mov { background: transparent url(../images/icons/icon_download_mov.gif) 0 50% no-repeat; }
.download_item_mpg { background: transparent url(../images/icons/icon_download_mpg.gif) 0 50% no-repeat; }
.download_item_pie { background: transparent url(../images/icons/icon_download_pie.gif) 0 50% no-repeat; }
.download_item_generic { background: transparent url(../images/icons/icon_download_generic.gif) 0 50% no-repeat; }


/* Events & Calendar
______________________________________________________________________________________ */

.event_row { width: 100%; }
.event_row h3 { margin-bottom: 20px; }
.event_listing { border-bottom: 4px solid #e8e8e8; overflow: hidden; padding-bottom: 12px; margin-bottom: 12px; width: 100%; }
.left_panel_event_listing { width: 8%; float: left; display: inline; }
.left_panel_event_listing h5 { font-size: 3.6em; font-weight: normal; color: #aaaaaa; }
.right_panel_event_listing { width: 89%; float: right; display: inline; overflow: hidden; }
.right_panel_event_listing h4 { margin: 0;}
.right_panel_event_listing p { margin: 2px 0 0 0;}

.featured_event_listing { border-bottom: 4px solid #e8e8e8; overflow: hidden; padding-bottom: 12px; margin-bottom: 12px; }
.left_panel_fevent_listing { width: 28%; float: left; display: inline;}
.left_panel_fevent_listing h5 { font-size: 3.6em; font-weight: normal; }
.right_panel_fevent_listing { width: 69%; float: right; display: inline; overflow: hidden;  }
.right_panel_fevent_listing h4 { margin: 0;}
.right_panel_fevent_listing p { margin: 2px 0 0 0;}

img.featured_event_thumb { width: 154px; height: 60px; }
img.featured_event_details { width: 596px; height: 258px; margin-bottom: 24px; }

.event_title { width: 100%; overflow: hidden; }
.back { font-size: .65em; float: right; display: inline;}

.table_events { width: 100%; border-collapse: collapse; font-size: 1.2em;}
.table_events td { padding: 10px 0; border-bottom: 1px solid #e8e8e8; }
.table_events td.titles { background: #5e6874; color: #ffffff; font-weight: bold;}
.table_events td p  { margin: 0; padding: 0; font-size: 1em; }

#calendar_box { width:100%; margin-bottom: 16px; }
#calendar_box ul#calendar_months { width:244px;height: 46px; background:#444444; text-align: center; overflow: hidden; }
#calendar_box ul#calendar_months li { float:left; display: inline;}
#calendar_box ul#calendar_months li#previous_month a { display:block; width:30px; height:46px; text-indent:-9999px; background: transparent url(../images/btn/btn_calendar_prev_month.gif) top left no-repeat; }
#calendar_box ul#calendar_months li#previous_month a:hover { background-position: bottom left; }
#calendar_box ul#calendar_months li#current_month { width:184px; color:#ffffff; font-size: 1.6em; line-height:46px; }
#calendar_box ul#calendar_months li#next_month a { display:block; width:30px; height:46px; text-indent:-9999px; background: transparent url(../images/btn/btn_calendar_next_month.gif) top left no-repeat; }
#calendar_box ul#calendar_months li#next_month a:hover { background-position: bottom left; }

#calendar_box ul#calendar_dates { width:242px; padding:0 0 0 0;margin: 0 auto; border:1px solid #cccccc; border-top: none;background: #f0f0f0; text-align: center; overflow: hidden;}
#calendar_box ul#calendar_dates li { float:left; display:inline; width:33px; height:33px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size: 1.2em;}
#calendar_box ul#calendar_dates li.last_column { border-right:0; border-bottom:1px solid #cccccc; width:38px;}
#calendar_box ul#calendar_dates li.last_row { border-bottom:0;}
#calendar_box ul#calendar_dates li.last_row_column { border:0;}
#calendar_box ul#calendar_dates li.days { display:block; line-height:33px; font-weight: bold; background: #ffffff; color: #333333;}

#calendar_box ul#calendar_dates li a { display:block; line-height:33px; color:#999999; text-decoration: none;}
#calendar_box ul#calendar_dates li a:hover { background:#d5d5d5; color:#333333; text-decoration: underline;}
#calendar_box ul#calendar_dates li a.current_date { background:#333333; color:#ffffff;}

.no_events { width: 90%; padding:8px 5%; text-align: center; background: #fffcc0; font-size: 1.6em; border-top:1px solid #efec9e; border-bottom:1px solid #efec9e; }


/* Sidebar Layout
--------------------------------------------------------------------------------------- */

.sidebar h3 { padding-bottom:8px; margin: 0; border-bottom: 2px solid #444444; font-size: 1.4em; color: #ffffff; }
.side_nav { margin-bottom: 10px; width: 244px; padding: 6px 0 6px 0;}
.side_nav li { font-size: 1.6em; background: transparent url(../images/arrows/arrow_white.gif) 0 50% no-repeat; border-bottom: 1px solid #444444; text-transform: uppercase;   }
.side_nav li a:link, .side_nav li a:visited, .side_nav li a:hover, .side_nav li a:active { display: block; width: 93%; padding: 8px 0 8px 7%; color: #ffffff; }
.side_nav li.last { border: none; }

.sidebar ul.checklist { margin: 24px 0; }
.sidebar ul.checklist li { padding-left: 28px; background: transparent url(../images/icons/icon_check_small.gif) 0 50% no-repeat; font-size: 1.4em; color: #555555; margin-bottom: 6px; font-weight: bold; }

.side_box { margin-bottom: 16px; background: #353535; width: 196px; padding: 16px 16px 6px 16px; border: 8px solid #444444; color: #999999; }

.sidebar_ads img { border: 8px solid #444444; margin-bottom: 16px; }

/* Footer Layout
--------------------------------------------------------------------------------------- */

.connect_point { overflow: hidden; margin-top: 10px; }
.networks { float: right; display: inline; overflow: hidden; width: 50%; margin: 0 27px 0 0; }
.networks li { float: right; display: inline; margin-left: 4px; font-size: 1.2em; }
.networks li a { display: block; width: 31px; height: 32px; text-indent: -9999px; }
a.flickr { background: transparent url(../images/btn/btn_social_networks.jpg) 0 0 no-repeat;}
a.flickr:hover { background: transparent url(../images/btn/btn_social_networks.jpg) 0 -32px no-repeat; }
a.linkedin { background: transparent url(../images/btn/btn_social_networks.jpg) -31px 0 no-repeat;}
a.linkedin:hover { background: transparent url(../images/btn/btn_social_networks.jpg) -31px -32px no-repeat; }
a.twitter { background: transparent url(../images/btn/btn_social_networks.jpg) -62px 0 no-repeat;}
a.twitter:hover { background: transparent url(../images/btn/btn_social_networks.jpg) -62px -32px no-repeat;}
a.myspace { background: transparent url(../images/btn/btn_social_networks.jpg) -93px 0 no-repeat;}
a.myspace:hover { background: transparent url(../images/btn/btn_social_networks.jpg) -93px -32px no-repeat;}
a.youtube { background: transparent url(../images/btn/btn_social_networks.jpg) -124px 0 no-repeat; }
a.youtube:hover { background: transparent url(../images/btn/btn_social_networks.jpg) -124px -32px no-repeat; }
a.vimeo { background: transparent url(../images/btn/btn_social_networks.jpg) -155px 0 no-repeat; }
a.vimeo:hover { background: transparent url(../images/btn/btn_social_networks.jpg) -155px -32px no-repeat;}
a.facebook { background: transparent url(../images/btn/btn_social_networks.jpg) -186px 0 no-repeat; }
a.facebook:hover { background: transparent url(../images/btn/btn_social_networks.jpg) -186px -32px no-repeat; }
a.delicious { background: transparent url(../images/btn/btn_social_networks.jpg) -217px 0 no-repeat; }
a.delicious:hover { background: transparent url(../images/btn/btn_social_networks.jpg) -217px -32px no-repeat; }
.connect_point h3 { margin: 6px 0 0 27px; }

.connect_options { clear:both; float:left; overflow: hidden; width: 100%; margin: 10px 0 0 0; }
.connect_options li { float: left; display: inline; }
.connect_options li a { display: block; height: 103px; text-indent: -9999px; }
a.cp_text { width:244px; background: transparent url(../images/bg/bg_connections.jpg) 0 0 no-repeat;}
a.cp_text:hover { background: transparent url(../images/bg/bg_connections.jpg) 0 -103px no-repeat; }
a.cp_blog { width:244px; background: transparent url(../images/bg/bg_connections.jpg) -244px 0 no-repeat;}
a.cp_blog:hover { background: transparent url(../images/bg/bg_connections.jpg) -244px -103px no-repeat; }
a.cp_email { width:243px; background: transparent url(../images/bg/bg_connections.jpg) -488px 0 no-repeat;}
a.cp_email:hover { background: transparent url(../images/bg/bg_connections.jpg) -488px -103px no-repeat;}
a.cp_contact { width:243px; background: transparent url(../images/bg/bg_connections.jpg) -731px 0 no-repeat;}
a.cp_contact:hover { background: transparent url(../images/bg/bg_connections.jpg) -731px -103px no-repeat;}

.footer h2 { float: right; display: inline; margin-top: 12px; }
.footer h2 a { display: block; width: 216px; height: 19px; text-indent: -9999px; outline: none; background: transparent url(../images/church_media_group.gif) left top no-repeat; }
.footer h2 a:hover { background-position: right top; }
.footer img { float: left; display: inline; margin-top: 6px; }
.copyright { width: 93%; float: right; display: inline; margin-top: 6px; }
.copyright p { font-size: 1.1em; margin: 0 0 4px 0; }
.copyright p.last { margin-bottom: 0; }