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

html, body { background: #e4e4e4; width: 100%; height: 100%; margin: 0; padding: 0; text-align: center; font-family: tahoma; }

#page_center { margin: auto; width: 820px; text-align: left; }

#header_background { background: url('/image/header-background.jpg') repeat-y; height: 130px; width: 830px; }
#header_content { margin-left: 11px; width: 799px; margin-right: 11px; }

ol li, ul li, p, table td { font-size: 11px; color: #333333; }

#logo { height: 93px; width: 238px; margin-left: 11px; float: left; }

#menu_background { background: url('/image/menu-background.jpg') repeat-x; width: 800px; height: 26px; clear: both; }

.nav { float: right; margin: 0; padding: 0; margin-right: 9px; width: 450px; }

#nav_list { float: right; margin: 25px; padding: 0; list-style: none; height: 20px; text-align: right; width: 480px; clear: none; }
#nav_list li { float: right; text-align: center; padding: 0; margin: 0; margin-left: 10px; }
#nav_list li a { display: block; color: white; font-size: 8px; text-decoration: none;font-family: verdana; }

#tab_list { float: right; margin: 3px 9px 0 0; list-style: none; height: 31px; width: 408px; clear: none;  }
#tab_list li { float: left; text-align: center; margin-right: 1px; }
#tab_list li a { background: url('/image/tab.gif') no-repeat; display: block; width: 101px; height: 31px; color: white; font-size: 10px; text-decoration: none; }
#tab_list li a:hover, #tab_list li.active a { background: url('/image/tab-active.gif') no-repeat; display: block; width: 101px; height: 31px; color: white; font-size: 10px; text-decoration: none; }
#tab_list li a span { display: block; padding: 8px 8px 5px 5px; }

a { color: #f27c39; font-size: 10px; }

#header_image { float: left; width: 790px; margin-bottom: 10px; }
#header_image img { margin-right: 10px; border: 1px solid #949494; }

#cookie_crumb { font-size: 10px; clear: both; margin: 0 0 10px 0; }

#menu_list { margin: 0; padding: 0 0 0 9px; list-style: none; background: url('/image/menu-list-start.jpg') no-repeat; height: 26px; width: 780px; }
#menu_list li { float: left; text-align: center; }
#menu_list li a { background: url('/image/menu-list-item.jpg') no-repeat; background-position: right; display: block; height: 26px; color: white; font-size: 10px; text-decoration: none; padding: 0 15px; }
#menu_list li a:hover, #menu_list li.active a { background: url('/image/menu-list-item-active.jpg') no-repeat; background-position: right; display: block; height: 26px; color: white; font-size: 10px; text-decoration: none; }
#menu_list li a span { display: block; padding: 6px 8px 5px 5px; }

#content_background {  background: url('/image/content-background.jpg') repeat-y; min-height: 500px; width: 830px; margin: 0; padding: 0 0 0 10px; }
#content { margin: 0; width: 780px; text-align: left; padding: 10px;  }

#footer_background { clear: both; background: url('/image/footer-background.jpg') no-repeat; height: 20px; width: 830px; }
#footer_content { margin: 10px; font-size: 10px; color: #999999; float: left; }

img { border: 0; }
h1 { font-size: 20px; font-weight: normal; margin: 0 0 5px 0; color: #545454; }
h2 { font-size: 16px; font-weight: normal; margin: 0 0 5px 0; color: #545454; }
h3 { font-size: 12px; color: #545454;}
p { font-size: 12px; margin: 0 0 5px 0; color: #545454; line-height: 1.6em; }
ol li { line-height: 1.6em; margin-bottom: 10px; font-size: 12px; }
td { vertical-align: top; }

.bullet_box { float: left; border-top: 2px solid #cccccc; background: #f6f6f6; padding: 10px 10px 20px 10px; margin-right: 7px; margin-top: 20px; }
.bullet_box .top { height: 96%; }
.bullet_box h1 { font-size: 16px; padding-top: 5px; }
.bullet_box p { line-height: 1.2em; }
.bullet_box a { font-size: 12px; }

.content_left { float: left; width: 580px; margin: 5px 0;  }
.content_right { float: right; width: 185px; margin: 5px 0; }

.speech_box { background: url('/image/speech-box.jpg') no-repeat; width: 185px; height: 185px; float: right; }
.speech_box p { padding: 35px 15px 10px 25px; font-size: 12px; line-height: 1.4em; }
.speech_box .author { float: right; padding: 0 20px 0 0; }


.box { background: url('/image/box.jpg') no-repeat; width: 185px; height: 185px; float: right; margin-top: 10px; }
.box p.heading { padding: 5px 0 0 10px; font-size: 12px; color: #333333; line-height: 1.4em; }
.box div.content { padding: 10px;  }
.box div.content p { font-size: 12px; margin-bottom: 10px;  line-height: 1.3em; }
.box div.content a { font-size: 12px; }

ul.unordered .heading { font-weight: bold; margin-right: 5px; }
ul.unordered { margin: 0; padding: 0 0 0 15px;  font-size: 12px;}
ul.unordered li { font-size: 11px; margin-top: 5px;  font-size: 12px;line-height: 1.6em;}

#sermonList .odd td { background: #F0F0F0; }