/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 7 November 2008 @ 15:35 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html {
   margin: 0;
	padding: 0;
	height: 100%;
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
	font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif;
	background: #21318D url("images/bg_body.jpg") top left repeat-x;
}
body {
   margin: 0; 
   padding: 0;
   height: 100%;
}
   a {
		color: #002886;
		text-decoration: underline;
	}
   	a:hover { text-decoration: none; }
   	a:visited { color: #655C55; }
   	a img { border: 0; }
    
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
	h2, h3, h4, h5, h6 {
		margin-bottom: 0.5em;
		line-height: 1.25em;
		font-weight: normal;
	}
		h2 { font-size: 1.8em; }
		h3 { font-size: 1.5em; }
		h4 { font-size: 1.3em; }
		h5 { font-size: 1.1em; }
		h6 { font-size: 0.9em; }

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	padding: 0;
	background: #8A8278 no-repeat scroll center;
}
	div.hr hr {
		display: none;
	}

#wrapper {
	position: relative;
	width: 766px;
   margin: 0 auto;
}

pre { color: #FFF; }

/** Header
-------------------------- **/
/** @group header */
#header {
   width: inherit;
   height: 152px;
}
#header #banner {
	width: inherit;
	height: 114px;
}
#header #banner a, 
#header #banner a:visited
{
	position: absolute;
	display: block;
	background: url("images/logo.gif") 0 0 no-repeat;
	text-indent: -10000px;
	width: 362px;
	height: 114px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 0;
	left: 25px;
}

#header #listener_call_in {
   position: absolute;
   top: 30px;
   right: 15px;
   text-align: center;
   font-size: 1.8em;
   line-height: 1.5em;
}
   #header #listener_call_in strong {
      font-weight: normal;
      color: #710327; 
   }

/** @group topNavigation */
#header #topNavigation { }
/* @end topNavigation **/
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   width: 742px;
   background: #FFF url('images/bg_contentSlot.gif') 12px 0 repeat-y;
   padding: 0 12px;
   border: 12px solid #FFF;
   border-left: 0;
   border-right: 0;
   overflow: hidden;
}
   #default #contentWrapper { background-image: url("images/bg_contentSlot-default.gif"); }
/** @group interactive */
#interactive {
   height: 284px;
   overflow: hidden;
   border-bottom: 12px solid #FFF; 
}
   #default #interactive {
      background-color: #FFF;
      height: 90px; 
   }
#events_hdr {
   width: 500px;
   float: left;
   margin-right: 12px;
}

/** @group #featuresNav */
#featuresNav {
   width: 230px;
   float: left;
}
   #default #featuresNav {
      width: auto;
      float: none;
   }
#featuresNav ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
   #featuresNav ul li a {
      display: block;
      width: 230px;
      height: 90px;
      text-indent: -10000px;
      overflow: hidden;
      background-color: transparent;
      background-repeat: repeat-x;
      background-position: top left;
      border-bottom: 5px solid #FFF;
   }
      #featuresNav ul li.listen_online a { background-image: url('images/btn_listen_online.jpg'); }
      #featuresNav ul li.prayer_center a { background-image: url('images/btn_prayer_center.jpg'); }
      #featuresNav ul li.program_guide a { background-image: url('images/btn_program_guide.jpg'); }
      #featuresNav ul li.news_signup a { background-image: url('images/btn_sign_up_for_news.jpg'); border-bottom-width: 4px; }

#default #featuresNav ul li { display: inline; }
   #default #featuresNav ul li a {
      float: left;
      margin-right: 26px;
      border: 0;
   }
      #default #featuresNav ul li.news_signup a { margin-right: 0; }
/* @end featuresNav **/
/** @group flashContent */
#flashContent .copy {
   font-size: 1.3em;
   line-height: 1.5em;
   padding: 50px 12px;
   text-align: center;
}
/* @end flashContent **/

/* @end interactive **/

/** @group contentSlot */
#contentSlot {
   border-top: 1px solid #CEC38D;
   width: 470px;
   float: left;
   margin-right: 12px;
   padding: 15px;
   font-size: 1.2em;
   line-height: 1.5em;
}
   #default #contentSlot {
      width: 712px;
      float: none;
   }
      #default #contentSlot table td.content { padding: 0; }
      #default #contentSlot table td.content table { margin: 0 auto; }
#contentSlot h2 {
   font-size: 2.0em;
   border-bottom: 1px solid #000;
   padding-bottom: 0.2em;
}
   #changing_verse { margin-bottom: 30px; }
   #changing_verse h2 {
      color: #29398C;
      border-bottom-color: #29398C;
      font-size: 1.7em;
   }
/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   border-top: 1px solid #CEC38D;
   width: 230px;
   float: left;
   font-size: 1.2em;
   line-height: 1.5em;
}
   #sideBar h4 {
      background-color: #FFF;
      border: 1px solid #CEC38D;
      color: #710327;
      margin: -1px 0;
      padding: 5px 8px;
   }
   #sideBar table td { padding: 0 15px; }
      #sideBar table td.tdLink { padding: 12px 10px; }

#sideBar a.black,
#sideBar a.black:visited {
   color: #333;
   text-decoration: none;
}
   #sideBar a.black:hover { text-decoration: underline; }

/** @group marginSlot */
#marginSlot table td { 
   padding: 0 5px;
   vertical-align: top;
}
/* @end marginSlot **/
/* @end sideBar **/
/* @end contentWrapper **/


/** Footer
-------------------------- **/
/** @group footer */

#footer {
	text-align: right;
	padding-top: 12px;
	height: 14px;
	color: #213183;
	font-size: 1.1em;
	line-height: 1.25em;
	background: #FFF url('images/bg_footer.gif') top left no-repeat;
	font-family: Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
}
#default #footer { background-image: url("images/bg_footer-default.gif"); }
   #footer a { 
      color: #213183;
      text-decoration: none;
   }
      #footer a:hover { text-decoration: underline; }
      
#footer #copyright {
   float: right;
   clear: right;
}

#footer #siteby {
   float: left;
   clear: left;
}
/* @end footer **/

/** @group advertising */
#advertising {
   padding: 30px 0 25px 0;
   text-align: center;
   min-height: 65px;
}
/* @end advertising **/


/** @group formContent */
#formContent td.content { padding: 2px 0 8px 0; }

#formContent td.content label { padding: 0 5px; font-weight: bold; }

#formContent input.input, #formContent textarea.textarea { 
   border: 1px solid #83833C;
   padding: 3px;
   margin: 2px 0;
   vertical-align: middle;
}

#formContent input.submit {
   background-color: #796043;
   border: 1px solid #5B4732;
   border-left-color: #A5825B;
   border-top-color: #A5825B;
   color: #FFF;
   padding: 3px;
   margin: 2px 0;
}
/* @end formContent **/

/** Class Styles
-------------------------- **/
.hidden {
	display: none;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}