/* CSS Document */
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, span, strong, fieldset { margin: 0; padding: 0;}

html { background-color: #eaeaea; font-family:Arial, Helvetica, sans-serif; font-size: small; line-height:1.5em; color: #35383d;}
body { margin-bottom: 137px;}
p { margin: 8px 0; font-size: 90%;}
img, div { border: 0;}
ul, li { list-style: none; }
strong { text-transform: uppercase; color: #797d7f;}

a:link { color: #34383d; text-decoration: none; font-weight: bold;}
a:visited { color: #34383d; text-decoration: none; font-weight: bold;}
a:hover { color: #0077c0; text-decoration: none; font-weight: bold;}
a:active { color: #34383d; text-decoration: none; font-weight: bold;}

#header a:link { color: #e5e5e5; text-decoration: none; font-weight: bold;}
#header a:visited { color: #e5e5e5; text-decoration: none; font-weight: bold;}
#header a:hover { color: #0077c0; text-decoration: none; font-weight: bold;}
#header a:active { color: #a4a6a7; text-decoration: none; font-weight: bold;}

body.home #home a:link, body.home #home a:visited, body.home #home a:active,
body.about #about a:link, body.about #about a:visited, body.about #about a:active,
body.event #event a:link, body.event #event a:visited, body.event #event a:active,
body.ministry #ministry a:link, body.ministry #ministry a:visited, body.ministry #ministry a:active,
body.sermons #sermons a:link, body.sermons #sermons a:visited, body.sermons #sermons a:active,
body.contact #contact a:link, body.contact #contact a:visited, body.contact #contact a:active,
body.egiving #egiving a:link, body.egiving #egiving a:visited, body.egiving #egiving a:active { display: block; padding: 6px 16px; text-transform: uppercase; font-size: 80%; background: #ebebeb; color:#0077c0;}

body.home #home a:hover,
body.about #about a:hover,
body.event #event a:hover,
body.ministry #ministry a:hover,
body.sermons #sermons a:hover,
body.contact #contact a:hover,
body.egiving #egiving a:hover { display: block; padding: 6px 16px; text-transform: uppercase; font-size: 80%; background: #ebebeb; color:#0077c0;}

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

#header { background: #12181b url(../images/bg_top.gif) top left repeat-x; overflow: hidden;}
#header_container { margin: 0 auto; width: 800px; height: 135px; position:relative;}
#logo { float:left; width: 260px; height: 135px; background: url(../images/dallasfirstlogo.jpg) top left no-repeat;}
#logo a { text-indent: -9999px; display: block; width: 260px; height: 100px;}
#quote { float:left; width: 538px; height: 48px; padding: 55px 2px 0 0;}
#quote h2 { float:right; letter-spacing: .75em; color: #a4a6a7; font-size:95%; font-weight: 100; text-transform: uppercase;}

#top_nav { overflow:hidden; float:right; width:65%; display:inline;}
#top_nav li { float: right; display:inline;}
#top_nav li a { display: block; padding: 6px 16px; text-transform: uppercase; font-size: 80%; background:#25292c; }
#top_nav li a:hover { background:#393d40; color:#fff; }




div.special_note_box { display:inline; width:503px; float:left; margin:0 24px 24px 0; border-top: #d39999 dashed 1px; border-bottom: #d39999 dashed 1px; background:#f0c9c9; color:#9f1d1d; overflow:hidden; padding: 8px 12px; text-align:center;}
* html div.special_note_box { margin:0 0 24px 0; }

div.special_note_box p { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:90%; margin:12px 24px; display:inline;}


ul.site_map { overflow:hidden;}
ul.site_map li { line-height:1.2em; padding:4px 0 4px 14px; background: transparent url(../images/arrow_service_links.gif) left 50% no-repeat; margin-left:20px;  }
ul.site_map li.title { margin-top:12px; margin-left:0;}
ul.site_map li.title a { color:#0d3551; font-size:120%; text-decoration:none;}




/* ----------------- Primary Content ------------------*/

#content { background: url(../images/bg_content.gif) top left repeat-x; overflow: hidden; padding-top:28px;}
#content_container { margin: 0 auto; width: 800px;}
#main_content { background: #ffffff url(../images/bg_main_content.gif) bottom left no-repeat; float:left; width: 563px; padding: 20px 18px; display:inline;}
#main_content h2 { color: #35383d; padding-bottom: 4px; font-size: 150%; letter-spacing: -.001em; font-weight: 200; border-bottom: 2px solid #e8e8e8;}
#main_content h3 { color: #0077c0; margin-top: 10px; font-size: 120%;}
#main_content img { padding: 4px; border: 1px solid #e8e8e8; float: right; margin: 11px 0 8px 8px;}

#content_top { float:left; width: 582px; margin: -10px -10px 20px -10px; display:inline; }
#content_top p { padding-left: 10px; margin-top: 3px;}
#rotator { float:left; width: 431px; height: 206px; background: url(../images/rotator_bg.gif) top left no-repeat; padding: 0 0 0 13px;}
#rotator img { padding: 0; margin:0; border: 0; float: none;}
#new_section { float:left; width: 138px; height: 179px; margin-bottom: 8px; padding: 10px 0; background-color: #eeeeee; display:inline;}
#new_section h2 { background: url(../images/new_here.jpg) top left no-repeat; width: 136px; height: 47px; text-indent: -9999px;}
#learn_gray a { background: url(../images/learn_gray_button.gif) bottom left no-repeat;}
#learn_gray a:hover { background: url(../images/learn_gray_button.gif) top left no-repeat;}
#new_section a { display: block; text-indent: -9999px; width: 114px; height: 23px; margin-left: 10px;}

#content_left { float: left; width: 270px; line-height: 1.1em; display:inline;}
#rss { background: url(../images/rss_logo.gif) center right no-repeat;}
#content_left h2 {font-size: 115%; text-transform: uppercase; padding-bottom: 2px;}
#content_left h3 { color:#0077c0; font-size: 90%; margin-top: 16px;}
#content_left span { text-transform: uppercase; color: #797d7f; font-size: 75%;}
#content_left p { margin: 0; font-size: 80%;}

#content_right { float: left; margin-left: 19px; width: 270px; line-height: 1em; display:inline;}
#latest_message { border-bottom: 1px solid #caced2; border-top: 1px solid #caced2; background-color: #ecf3f7; padding: 10px; }
#latest_message h2 { color:#0077c0; font-size: 90%; background: url(../images/headphones.gif) top left no-repeat; padding: 1px 0 0 15px; border-bottom: 0; text-transform: uppercase;}
#latest_message h3 { color:#35383d; font-size: 90%; margin: 5px 0 5px 0;}
#latest_message span { text-transform: uppercase; color: #797d7f; font-size: 75%;}
#player { padding: 5px 0; overflow:hidden;}
#player li { float: left; margin-right: 15px; display:inline;}
#player li a { display: block; text-indent: -9999px; }
#listen a {background: url(../images/listen.gif) bottom left no-repeat;}
#listen a:hover {background: url(../images/listen.gif) top left no-repeat;}
#download a { width: 87px; height: 26px; background: url(../images/download.gif) bottom left no-repeat;}
#get_involved { float: left; margin-top: 25px; width: 270px; display:inline;}
#get_involved img { float: left; margin: 8px 0 0 7px; display:inline;}
#get_involved h2 {font-size: 115%; text-transform: uppercase; padding-bottom: 2px;}

.list {list-style-type:disc; font-size:90%; margin-left: 10px;}
.list li {list-style-type:disc;}

.sermon_divider { overflow:hidden; padding-bottom:6px; border-bottom:1px solid #ddd; margin-bottom:6px; }

/* ----------------- Bottom Navigation ------------------*/

#bottom_nav { clear: left; float: left; width: 599px; height: 155px; background: #1d2326 url(../images/bottom_nav_bg.gif) top left no-repeat; color: #888e90; line-height: 1.25em;}
#bottom_nav_container { margin: 20px;}
#bottom_nav h3 { color:#ffffff; text-transform: uppercase; border-bottom: 2px solid #025588; padding-bottom: 2px; font-size: 105%; font-weight: 200;}
#bottom_nav h4 { color:#0077c0; font-size: 90%; margin-top: 5px;}
#bottom_nav p { margin: 0 0 8px 0; font-size: 80%;}
#bottom_nav a { display: block; text-indent: -9999px; width: 114px; height: 23px;}
#give a { background: url(../images/give_button.gif) bottom left no-repeat;}
#give a:hover { background: url(../images/give_button.gif) top left no-repeat;}
#learn_blue a { background: url(../images/learn_blue_button.gif) bottom left no-repeat;}
#learn_blue a:hover { background: url(../images/learn_blue_button.gif) top left no-repeat;}
#tell_a_friend a { background: url(../images/friend_button.gif) bottom left no-repeat;}
#tell_a_friend a:hover { background: url(../images/friend_button.gif) top left no-repeat;}
#sign_up a { background: url(../images/signup_button.gif) bottom left no-repeat;}
#sign_up a:hover { background: url(../images/signup_button.gif) top left no-repeat;}
#bottom_left_nav { float: left; width: 270px; display:inline;}
#bottom_menu { padding:9px 0px; background: #202020 url(../images/border_bottom.gif) no-repeat bottom; text-align:center; color:#616161;}

#bottom_right_nav { float: left; margin-left: 19px; width: 270px;}
#bottom_right_nav #links {float: left;}
#bottom_right_nav h4 { clear: left; float: left; margin-top: 13px;}
#bottom_right_nav ul { width: 114px; margin-top: 8px; float:right;}
#bottom_right_nav li { float: left; margin-top: 5px;}


/* ----------------- Side Bar ------------------*/

#side_bar { float:left; width: 184px; padding: 23px 0 0 17px; display:inline;}
#side_bar table { width: 184px; color: #4d4f54;}

#sub_nav h2 { color:#bf4d1b; }
#sub_nav ul {margin:0; width:184px; padding:8px 0 0 0; }
#sub_nav ul li {  border-bottom: 1px dashed #888888; }
#sub_nav ul li a { display: block; line-height: 2em; }


#info { float:left; width: 184px; background: #fefefe url(../images/info_bg.gif) top left no-repeat; display:inline;}
#info th { border-bottom: 2px solid #c9cdd1; border-top: 2px solid #c9cdd1; text-align: center; padding: 5px 0;}
#map a { display: block; height: 24px; width: 184px; text-indent: -9999px; background: #e6e6e6 url(../images/map_button.gif) bottom left no-repeat;}
#map a:hover { background: url(../images/map_button.gif) top left no-repeat;}
#info h3 { font-size: 120%; color:#bf4d1b;}
#info h4 { color: #35383d; font-size: 95%; padding-top: 5px; padding-left:10px;}
#info_content { padding: 0px 10px 10px 10px; font-size: 90%; line-height: 1.25em;}

#events { float:left; width: 184px; margin-top: 30px; background: url(../images/bg_side_events.gif) bottom center no-repeat; padding-bottom:12px; display:inline;}
#events th { border-bottom: 2px solid #c9cdd1; padding-bottom: 2px; text-align: left; background: ;}
#events h3 { color: #35383d; font-size: 120%; font-weight: lighter; text-transform: uppercase;}
#events h4 { color: #0077c0; font-size: 110%; text-transform: none;}
#events strong { color: #888b8d; font-weight: normal;}
.event_content { padding: 10px 0; border-bottom: 1px solid #c9cdd1; font-size: 80%; line-height: 1.25em; text-transform: uppercase; letter-spacing: -.00125em;}
.event_content_last { padding: 10px 0 0 0; font-size: 80%; line-height: 1.25em; text-transform: uppercase; letter-spacing: -.00125em; }

#foot_info { float:left; width: 167px; font-size: 80%; margin-top: 24px; line-height: 1.25em; letter-spacing: -.00125em; color: #737a80; display:inline;}
#foot_info img { padding-top: 10px;}