/*

Author: Ismael Burciaga Jr.

Copyright 2007 Church Media Group, Inc. 

www.churchmedia.cc

*/


html { margin:0; padding:0; background: #c6c0b7; font-size:small; line-height:1.6em; font-family:Georgia, "Times New Roman", Times, serif;}

body { background: #c6c0b7; margin:0; padding:0;}

body, p, h1, h2, h3, h4, h5, h6, div, ul, li, a, form, textarea, input, select { margin: 0; padding: 0;}
img, div { border: 0;}

#swoosh { z-index:99; position:absolute; top:0; left:0; background: transparent url(../images/swoosh.gif) top left no-repeat; width:210px; height:111px; } 
 
a:link {color: #5d181c; text-decoration:none;}
a:visited {color: #5d181c; text-decoration:none;}
a:hover {color: #5d181c; text-decoration:underline;}
a:active {color: #5d181c; text-decoration:none;}


/* ------------------ HEADER ------------------ */

#header { background: #ded9d2 url(../images/bg_top.gif) top center repeat-x; overflow: hidden; }

#header_container { width: 744px; margin: 0 auto;  }
#header_container div.left_panel { width: 236px; float:left;}
#header_container h1 a { width: 236px; height:145px; text-indent: -9999px; background: transparent url(../images/nrh_header.gif) top left no-repeat; float:left;}
#countdown { width: 222px; height:96px; float:left; border: 1px solid #c6c0b7; margin: 14px 0 0 10px; text-align:center;}
* html #countdown { width: 216px; height:96px; float:left; border: 1px solid #c6c0b7; margin: 14px 0 0 9px;}
#countdown p { float:left; padding: 20px 0 0 48px; font-family:Arial, Helvetica, sans-serif; font-size:138%; color:#5f5a53;}
.countdown_number { background-color:#c98429; font-size: 140%; padding: 4px 8px 4px 4px; color:#ffffff;}
#countdown p strong { padding: 0 0 0 0px; color:#c98429;}

#header_container img.banner { float:right; width: 508px; margin-top: 36px;}


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


#content { background: #ded9d2; overflow: hidden; clear:both; padding-bottom:16px;}

#content_container { width: 720px; margin: 0 auto; }

#left_panel { width: 224px; float:left; overflow:hidden; }

#left_panel img.media_console { float:left; width: 224px; margin: 8px 0 0 0;}
#left_panel ul { width: 224px; height: 346px; float:left; list-style:none; margin:16px 0 0 0; position:relative; top:0; left:0; }
#left_panel ul li { list-style:none; margin:0; padding:0; }
#left_panel ul li a { position: absolute; top:0; left:0; display:block; height:43px; background: url(../images/btn_menu.gif) no-repeat top left; text-indent:-9999px; overflow:hidden; width: 224px;}
#left_panel ul li#nav_volunteer a { left:0; top:0;  background-position: 0 0;}
#left_panel ul li#nav_groups a { left: 0; top: 43px;  background-position: 0 -43px;}
#left_panel ul li#nav_egiving a { left: 0; top: 86px;  background-position: 0 -86px;}
#left_panel ul li#nav_tell_a_friend a { left: 0; top: 129px; background-position: 0 -129px;}
#left_panel ul li#nav_nrh_story a { left: 0; top: 172px;  background-position: 0 -172px;}
#left_panel ul li#nav_updates a { left: 0; top: 215px;  background-position: 0 -215px;}
#left_panel ul li#nav_gallery a { left: 0; top: 258px;  background-position: 0 -258px;}
#left_panel ul li#nav_contact a { left: 0; top: 301px;  background-position: 0 -301px;}

#left_panel ul li#nav_volunteer a:hover { background-position: -224px 0;}
#left_panel ul li#nav_groups a:hover { background-position:  -224px -43px;}
#left_panel ul li#nav_egiving a:hover { background-position: -224px -86px;}
#left_panel ul li#nav_tell_a_friend a:hover { background-position: -224px -129px;}
#left_panel ul li#nav_nrh_story a:hover { background-position: -224px -172px;}
#left_panel ul li#nav_updates a:hover { background-position: -224px -215px;}
#left_panel ul li#nav_gallery a:hover { background-position: -224px -258px;}
#left_panel ul li#nav_contact a:hover { background-position: -224px -301px;}

#main_panel { width: 496px; margin: 0 auto; float:left; }

#main_panel p {  margin: 14px 0 14px 0; padding: 0 16px 0 16px; font-size: 110%; color:#5f5a53;}

#welcome { width: 376px; float:left; background: url(../images/marcus.jpg) bottom right no-repeat; }
#welcome h2 { width: 376px; height:33px; background: url(../images/title/title_welcome.gif) top left no-repeat; text-indent:-9999px; float:left; margin-bottom:16px;}
* html #welcome h2 { margin-bottom:0;}

#welcome p.last { margin-bottom:0; padding-bottom:0;}

#archives { width: 120px; height:524px; float:left; background-color:#c6c0b7; overflow:hidden;}
#archives h2 { width: 120px; height:33px; background: url(../images/title/title_archives.gif) top left no-repeat; text-indent:-9999px; float:left; margin-bottom:10px;}
#archives ul {width: 94px; padding: 0 13px 0 13px; float:left; list-style: none; color:#6e6961; font-size:100%; font-weight:bold;}
#archives ul li { border-bottom:#ada8a1 1px solid; line-height: 2.5em; color:#6e6961; }
#archives ul li a { color:#6e6961; text-decoration:none; background: transparent url(../images/arrow.gif) left 40%  no-repeat; padding-left: 18px;}
#archives ul li a:hover { color:#5d181c; text-decoration:none;}


#photo_gallery { width: 720px; margin: 16px 0 0 0; padding:0; clear:both; float:left; }
#photo_gallery h2 { width: 720px; height: 38px; margin: 0 0 0 0; float:left; background: transparent url(../images/title/title_current_photo_gallery.gif) top left no-repeat; text-indent:-9999px;}
#photo_gallery ul { width: 704px; margin: 0; padding:0 0 16px 16px; float:left; list-style:none; background: url(../images/bg_photo_gallery.gif) top center repeat-y; }
#photo_gallery ul li { float:left;} 
#photo_gallery ul li a { padding:4px; background-color:#ffffff; margin: 16px 16px 0 0; display:block; } 
#photo_gallery ul li a:hover { background-color:#5d181c; } 

#photo_gallery ul#photo_links { width: 718px; margin: 0; padding:0 0 0 0; float:left; list-style:none; background:#c6c0b7; border:1px solid #b4aca1; }
#photo_gallery ul#photo_links li { float:left;} 
#photo_gallery ul#photo_links li a { padding:8px 16px; background-color:#c6c0b7; margin: 0 0 0 0; display:block; color:#5d181c; text-decoration:none; border-right:1px solid #b4aca1; } 
#photo_gallery ul#photo_links li a:hover {  background-color:#5d181c;  color:#ffffff;} 

#photo_gallery_2 { width: 720px; margin: 0 0 0 0; padding:0; clear:both; float:left; }
#photo_gallery_2 h2 { width: 600px; height: 38px; margin: 0 0 0 0; float:left; background: transparent url(../images/title/title_photo_gallery.gif) top left no-repeat; text-indent:-9999px;}

#photo_gallery_2 h3 { width: 704px; margin: 0; padding:0 0 0 16px; float:left; background: url(../images/bg_photo_gallery.gif) top center repeat-y; color:#5c181c;}
#photo_gallery_2 h3.first { width: 704px; margin: 0; padding:16px 0 0 16px; float:left; background: url(../images/bg_photo_gallery.gif) top center repeat-y; color:#5c181c;}

#photo_gallery_2 ul { width: 704px; margin: 0; padding:0 0 16px 16px; float:left; list-style:none; background: url(../images/bg_photo_gallery.gif) top center repeat-y; }
#photo_gallery_2 ul li { float:left;} 
#photo_gallery_2 ul li a { padding:4px; background-color:#ffffff; margin: 16px 16px 0 0; display:block; } 
#photo_gallery_2 ul li a:hover { background-color:#5d181c; } 

#photo_gallery_2 ul#photo_links { width: 718px; margin: 0; padding:0 0 0 0; float:left; list-style:none; background:#c6c0b7; border:1px solid #b4aca1; }
#photo_gallery_2 ul#photo_links li { float:left;} 
#photo_gallery_2 ul#photo_links li a { padding:8px 16px; background-color:#c6c0b7; margin: 0 0 0 0; display:block; color:#5d181c; text-decoration:none; border-right:1px solid #b4aca1; } 
#photo_gallery_2 ul#photo_links li a:hover {  background-color:#5d181c; color:#ffffff;}

#photo_gallery_2 h4 a { width: 120px; height: 38px; background: transparent url(../images/btn_back.gif) no-repeat; text-indent:-9999px; float:left; display:block; }
#photo_gallery_2 h4 a:hover {  background-position: 0 -33px; background-color:#c6c0b7;}

#secondary { width: 496px; float:left;}

#campus_updates_panel { width: 376px; float:left; }
#campus_updates_panel h2 { width: 376px; height:33px; background: url(../images/title/title_campus_updates.gif) top left no-repeat; text-indent:-9999px; float:left; margin-bottom:16px;}
#campus_updates_panel h3 { padding-left:16px; color:#5d181c;}
* html #campus_updates_panel h2 { margin-bottom:0;}

#campus_updates_panel ul#list { width: 344px; padding: 0 16px; list-style: square;  }
#campus_updates_panel ul#list li { list-style: square; margin-left: 16px; line-height: 1.2em; padding: 4px 0; color:#5f5a53;   }

#campus_updates_archive p.last { margin-bottom:0; padding-bottom:0;}

#campus_updates_archive { width: 120px; height:436px; float:left; background-color:#c6c0b7; overflow:hidden;}
#campus_updates_archive h2 { width: 120px; height:33px; background: url(../images/title/title_archives.gif) top left no-repeat; text-indent:-9999px; float:left; margin-bottom:10px;}
#campus_updates_archive ul {width: 94px; padding: 0 13px 0 13px; float:left; list-style: none; color:#6e6961; font-size:90%; font-weight:bold;}
#campus_updates_archive ul li { border-bottom:#ada8a1 1px solid; line-height: 2.5em; color:#6e6961; }
#campus_updates_archive ul li a { color:#6e6961; text-decoration:none;}
#campus_updates_archive ul li a:hover { color:#5d181c; text-decoration:none;}

#secondary h2.nrh_story { width: 376px; height:33px; background: url(../images/title/title_nrh_story.gif) top left no-repeat; text-indent:-9999px; float:left; margin-bottom:16px;}
#secondary h2.contact_us { width: 376px; height:33px; background: url(../images/title/title_contact_us.gif) top left no-repeat; text-indent:-9999px; float:left; margin-bottom:16px;}
#secondary h2.tell_a_friend { width: 376px; height:33px; background: url(../images/title/title_tell_a_friend.gif) top left no-repeat; text-indent:-9999px; float:left; margin-bottom:16px;}
#secondary h2.campus_updates { width: 376px; height:33px; background: url(../images/title/title_campus_updates.gif) top left no-repeat; text-indent:-9999px; float:left; margin-bottom:16px;}
#secondary h2.volunteer_opportunities { width: 376px; height:33px; background: url(../images/title/title_volunteer.gif) top left no-repeat; text-indent:-9999px; float:left; margin-bottom:16px;}
#secondary { width: 496px; float:left;}
#secondary p {  margin: 0 0 14px 0; padding: 0 16px 0 16px; font-size: 110%; color:#5f5a53;}
#secondary p strong { color:#5d181c;}

#secondary h4 a { width: 120px; height: 33px; background: transparent url(../images/btn_back.gif) no-repeat; text-indent:-9999px; float:left; display:block; margin-bottom:16px;}
#secondary h4 a:hover {  background-position: 0 -33px;}

* html #secondary h2.nrh_story { margin-bottom:0;}
* html #secondary h4 { margin-bottom:0;}

#secondary a { color:#5d181c;text-decoration:none;}
#secondary a:hover { text-decoration:underline;}

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


#footer { background: #c6c0b7; overflow: hidden; clear:both;}

#footer_container { width: 744px; margin: 0 auto; padding:24px 0;}
#footer_container ul { width: 544px; padding:0 0 0 12px; float:left; list-style:none;}
#footer_container ul li { float:left;}
#footer_container ul li a { margin:0; padding:0;}

#copyright { width: 188px;  padding:0 0 24px 0; float:left;}
#copyright p { padding:0 0 0 16px; font-size: 90%; margin: 0 0 10px 0; color:#f3efec; line-height: 1.4em;}
#copyright p strong { font-size: 110%; }