/*-----------------------------------------

Copyright 2008 Church Media Group, Inc. www.churchmedia.cc
Author: Ismael Burciaga Jr
Version: 1.0.0
Created on 03/17/2008

-----------------------------------------*/


html, body, table, thead, tbody, tfoot, tr, th, td, p, h1, h2, h3, h4, h5, h6, div, ul, li, a, form, textarea, input, select, img, hr, span, strong, fieldset, blockquotes { margin: 0; padding: 0;}

html { background: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size: small; line-height:1.5em; color: #000; }
body { background: #000; }
p { margin: 12px 0; font-size: 100%;}
img, div { border: 0; margin:0; padding:0;}
ul, li, ol { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height:1em; }

address { font-style: normal; }

a {font-weight: bold; outline:none;}

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

.push{clear:both;}


/*--------------- CONTAINER ---------------*/

#container_box { background: transparent url(../images/bg/bg_top.jpg) top center no-repeat; padding-top:35px; margin-top:5px; }
#container_bg { background: transparent url(../images/bg/bg_top_bottom.gif) bottom center no-repeat;}
#container { width:800px; margin:0 auto; background:#a19c8e url(../images/bg/bg_container.jpg) bottom left repeat-x; }

/*--------------- HEADER ---------------*/
.brownbar{ height: 44px;background: transparent url(../images/bg/bg_navigation.gif) top left no-repeat;}
.whitebar{height: 46px;background: transparent url(../images/bg/bg_sub_navigation.gif) top left no-repeat;}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h { position: absolute;margin: 0; border: 0 none; padding: 0; width: 800px; /*For KHTML*/ list-style: none; height: 46px;z-index: 777;}

ul#navmenu-h li {width: auto; white-space:nowrap;margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 46px;}
ul#navmenu-h li.last{float: right;}

ul#navmenu-h ul { margin: 0; border: 0 none; padding: 0; width: auto; list-style: none; display: none; position: absolute; top: 24px; left: 0;}
ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}

ul#navmenu-h ul li { width: auto; height: 44px;  float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/}


/* Root Menu */
ul#navmenu-h a { font: bolder 11px/42px Georgia, "Times New Roman", Times, serif; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; width: auto;padding: 0 13px; text-align: center; color: #FFF; text-decoration: none; height: auto !important; height: 1%; /*For IE*/}
* html ul#navmenu-h a { height: 44px; padding: 0 12px;}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {background: #413329;color: #E88C15;}

/* 2nd Menu */
ul#navmenu-h ul{width: 120px;margin: 14px 0 0 0;padding: 0;}
ul#navmenu-h ul li{height: 26px;border-bottom: 1px solid #382B22;}

ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {background: #413329; color: #FFF;float: none;font: normal 11px/26px Georgia, "Times New Roman", Times, serif;width: 120px;height: 32px;text-align: left;}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:link,
ul#navmenu-h li:hover li a:visited{color: #FFF; background: #413329; font: normal 11px/26px Georgia, "Times New Roman", Times, serif;}

ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {color: #E88C15; background: #5B483B; font: normal 11px/26px Georgia, "Times New Roman", Times, serif;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul { display: none;}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul { display: block;}


/*--------------- CONTENT ---------------*/


#content_box { width:756px; overflow:hidden; padding:22px; }
.left_panel { width:538px; float:left; padding-right:20px; border-right:1px solid #ffffff;}
.right_panel { width:177px; float:left;  padding:0 0 0 20px; height: auto; }


/*--------------- CONTENT: Left Panel ---------------*/

.left_panel strong { color:#fff;}

img.float_left { border:1px solid #635c48; padding:4px; background:#fff; margin:3px 24px 15px 0; float:left;  }

.rotator { width:422px; height:302px; border:4px solid #9c9685; margin:20px auto 0 auto; }

.welcome_box {width:538px; text-align:center; margin: 0; color:#fff; }
h2.welcome { font-size:4em; line-height:.785em;}
h2.welcome span { font-size:40%;}

img.map { padding:20px; background: #9c9685; border:1px solid #635c48;  }

h2.page_title { font-size:140%; margin-bottom:16px; color:#000; }

.staff_box { overflow:hidden; width:538px; }
.staff_list { width:259px; margin-right:20px; float:left; display:inline; margin-bottom:20px; overflow:hidden; }
.staff_list img { border:1px solid #635c48; padding:4px; background:#fff; margin-right:10px; float:left; display:inline; }
.staff_info { width:135px; float:left; display:inline; margin-top:50px;  }
.staff_info h2 { font-size:120%; }
.staff_info h3 { font-weight:normal; font-style:italic; font-size:.875em; margin-top:2px;}

.staff_bio { width:538px; overflow:hidden; }
.staff_bio img { border:1px solid #635c48; padding:4px; background:#fff; margin-right:20px; float:left; display:inline; }
.staff_bio_content { width:300px; float:right; display:inline; }
.staff_bio_content h2 { font-size:120%; }
.staff_bio_content h3 { font-weight:normal; font-style:italic; font-size:.875em; margin-top:3px;}
.staff_bio_content h4 { font-weight:normal; font-style:italic; margin-top:16px;}

ul.useful_links li { line-height:1em; margin-bottom:10px;}
ul.useful_links li a { padding-left:16px; background:transparent url(../images/arrows/arrow_black.gif) 0 50% no-repeat; }

ul.normal_list li { margin-left:16px; list-style:square; padding-left:6px;}


.month_box { width:514px; padding: 12px 12px; background:#b1ab9b; text-align:center; color:#fff; }
.month_box h2 { font-size:130%; color:#000; }

.month_box h4 a { float:right; display:block; width:8px; height:15px; text-indent:-9999px; background: transparent url(../images/arrows/next_black.gif) top left no-repeat; }
.month_box h4 a:hover { background: transparent url(../images/arrows/next_black.gif) top right no-repeat; }

.month_box h5 a { float:left; display:block; width:8px; height:15px; text-indent:-9999px; background: transparent url(../images/arrows/previous_black.gif) top right no-repeat; }
.month_box h5 a:hover { background: transparent url(../images/arrows/previous_black.gif) top left no-repeat; }

.event_list_box { padding:12px 0; border-top:1px solid #9c9685; }
.event_list_box h3 { font-size:.875em; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin:4px 0;}
.event_list_box h2 { font-size:120%; color:#fff;}
.event_list_box h4 { font-size:.875em; margin-top:4px;}

.event_title { font-size:120%; color:#fff;}

#sermons { padding:20px; background: #9c9685; border:1px solid #635c48; margin-top:22px;}

ul.sermon_list { width:180px; float:left; margin-right:20px; overflow:hidden; display:inline; }
* html ul.sermon_list { margin-right:10px;}
ul.sermon_list li { border-bottom:1px solid #86806d; line-height:1em; padding:14px 0; }
ul.sermon_list li.title { font-size:120%; font-weight:bold; padding-top:0;}
ul.sermon_list li a { padding-left:12px; background:transparent url(../images/arrows/arrow_black.gif) 0 50% no-repeat; color:#000;}
ul.sermon_list li a.active_sermon_year:link { color: white; }
ul.sermon_list li a.active_sermon_year:visited { color: white; }
ul.sermon_list li a.active_sermon_year:hover { color: white; }
ul.sermon_list li a.active_sermon_year:active { color: white; }


#calendar_box { width:174px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; margin-bottom:16px;  }
#calendar_box ul#calendar_months { width:153px; float:left; padding:0 12px 0 12px; background:#f7ae50; text-align: center; }
#calendar_box ul#calendar_months li { float:left; display:inline;}
#calendar_box ul#calendar_months li#current_month { width:153px; text-transform:uppercase; color:#ffffff; line-height:43px; font-size:110%; font-weight:bold; }

#calendar_box ul#calendar_dates { width:174px; float:left; padding:0; background:#ffffff; text-align: center; }
#calendar_box ul#calendar_dates li { float:left; width:24px; padding:4px 0;  border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; font-size:90%; display:inline;}
#calendar_box ul#calendar_dates li.weekend { background:#eeeeee; }
#calendar_box ul#calendar_dates li.no_border_right { border-right:0; }
#calendar_box ul#calendar_dates li.no_border_bottom { border-bottom:0;}

.table_events { width: 100%; border-collapse: collapse; margin-top: 16px; }
.table_events td { padding: 10px 8px 10px 0; border-bottom: 1px solid #635c48; vertical-align: top; }
.table_events td.titles { background: #5e6874; color: #ffffff; font-weight: bold;}
.table_events td p  { margin: 0; padding: 0; font-size: 1em; }

td.event_description p { margin:4px 0; }
td.event_description ul { margin:4px 0; }
td.event_description ul li { margin-bottom: 4px; }

.buttons { width: 25%; float: right; display: inline; text-align: right; }
.buttons a { margin-left: 12px;}

/*--------------- CONTENT: Right Panel ---------------*/

.right_panel h2 { font-size:.875em; padding-bottom:8px; border-bottom: 4px solid #635c48; margin-bottom:8px; width:100%; }
.right_panel img { border:1px solid #635c48; padding:4px; background:#fff; margin-bottom:12px; }
.right_panel h3 { font-size:120%; margin-bottom:8px; width:100%; }
.right_panel h3.border_top { padding-top:8px; border-top: 4px solid #635c48; margin-top:8px;}

/*--------------- FOOTER ---------------*/


#footer_box { background: transparent url(../images/bg/bg_bottom_bar.gif) top left repeat-x; margin-bottom:5px; text-align:center; }
#copyright { width: 800px; margin: 0 auto; text-align: right;}
#copyright p { font-size:.875em; font-style:italic; color:#fff; }

#footer_bg { background: transparent url(../images/bg/bg_bottom.gif) bottom center no-repeat;}
#footer { width:800px; margin:0 auto; overflow:hidden; padding-bottom:40px; }
#footer h1 { width:800px; height:85px; text-indent:-9999px; background: transparent url(../images/logo_shemen.gif) top left no-repeat; }

/*--------------- Photo Gallery ---------------*/


#photo_gallery { width: 538px; margin: 0 0 0 0; padding:0; }

#photo_gallery h3 { font-size:120%; color:#fff; margin-bottom:20px; width: 488px; padding-right:50px; }
#photo_gallery h3 span.more { float:right; font-size:70%;}

#photo_gallery ul { width: 538px; margin: 0; padding:0 0 16px 0; list-style:none; overflow:hidden; }
#photo_gallery ul li { float:left; display:inline; margin:0 20px 20px 0;}
#photo_gallery ul li a { padding:4px; background-color:#ffffff; display:block; }
#photo_gallery ul li a:hover { background-color:#e88e16; }


/*--------------- Special DIV Messages ---------------*/


.alert_note { width:569px; padding:4px 12px; margin-right:0; border:1px solid #f1acaa; color:#c52622; overflow:hidden; text-align:center; background: #fdeded url(../images/icons/icon_alert.gif) 2% 50% no-repeat; margin:16px 0; line-height:1.2em;}
.alert_note p { margin: 8px 0; }

.warning_note { width:569px; padding:4px 12px; margin-right:0; border:1px solid #edd538; color:#000; overflow:hidden; text-align:center; background: #fef9d1 url(../images/icons/icon_warning.gif) 2% 50% no-repeat; margin:16px 0;  }
.warning_note p { margin: 8px 0; }