/**
**  Global
***/

/* COLORS ----------------------------------------------------*/
/* bright Green (text)      #00F000
/* Green we like            #ACC84A ; 7ACA49 ; 6DC349
/* Blue Shale (background)  #3F4F5B
/* Bright blue (accents)    #006BD6
/* Dark Gray                #333333
/* A blue we like           #608CC5 (central desktop)
/* facebook blue            #3B5998
/* Light Gray               #9C9C9C
/* Yellow                   #ffcc00
/* Coffee                   #C6C193
/* Silver                   #E6E6E6
/* Orange                   #FF7900 Darker #FF6600
/* New blue shale           #585E71
/* ---------------------------------------------------------- */

/*------------------------------------------------------------*/
/* DIVISIONS
/*------------------------------------------------------------*/

body {
 background-color:#333333;
 }
 
#wrapper {
  width: 910px;
	margin-left: auto;
	margin-right: auto;
	font-family:Calibri, Verdana, Tahoma, Arial;
}
#divheader {
    float:left;
    width: 904px;
    height:110px;
    margin: 0px 0px 0px 0px;
	  background-color: #fff;
	  border: solid 0px #fff;
}
#divmainbox {
    width: 904px;
    border: none;
    margin: 5px 2px 2px 0px;
    padding: 5px 5px 5px 5px;
    background-color: #fff;
}
#divnavbuttons {    
    height: 40px;
}
ul#navbuttons {
    list-style:none;
}
#navbuttons li {
    float:left;
    width: 23.81%;
    text-align: center;
    background-image:url(images/greenbox.png);
    background-color: #fff;
    font-size: 1.3em;
    font-weight: bold;    
    border:solid 1px white;
}
#navbuttons ul a { 
    display:block;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:center;
    text-decoration:none;
}
#navlist a:link, #navlist a:visited
{
    color: #fff;
    background-color: #FF7900; /*--#036;*/
    text-decoration: none;
}
#navbuttons a:hover {
    color: #ffcc00;
    text-decoration: none;
    font-weight: bold;
}
#divleftbox {
    float:left;
    width: 240px;
    height: 420px;
    background-color: #fff;
    border: solid 0px #006BD6;
    text-align: left;
    margin-left: 20px;
}
#divContent {
    float:none;
    width: 850px;
    background-color: #fff;
    border: solid 0px red;
    margin: 0px 50px 0px 50px;
    padding: 0px;
}
#divSermons {
    float:none;
    width: 850px;
    background-color: #fff;
    border: solid 0px red;
    margin: 0px 50px 0px 50px;
}
#divInfo {
    float:none;
    width: 500px;
    background-color: #fff;
    border: solid 0px red;
    margin: 0px 50px 0px 50px;
    padding: 0px;
}
#divmedia {
    float:left;
    width: 704px;
    height: 450px;
    margin: 0px;
    padding-top: 2px;
    background-color: #E6E6E6;
    border: solid 1px #006BD6;
    text-align: left;
    overflow:auto;
}
#divchan {
    float:none;
    text-align: center;
    width:200px;
    height:285px;
    background-color: #3F4F5B;
    border: solid 0px 006BD6;
    margin-left: 2px;
}
#footer {
	height: 20px;
	width: 904px;
	clear: both;
	float:left;
	background-color: #6DC349;
	border: solid 1px #006BD6;
}
#tabnav, #tabnav a 
{
    font-size:1em;
    font-weight:normal;
    font-style:normal;
    color:#FFFFFF;
    text-align:left;
    margin:0px;
    padding-left: 5px;
}

#navbox {
margin: 0 0 0 0;
padding-left: 0;
width: 200px;
height: 300px;
}

/* MONTH NAV LIST */
#monthnav {
width: 100%;
height: 200px;
background-color: #000;
background-image:none;
}

ul#monthnav
{
list-style: none;
margin-left: 0;
padding-left: 0;
padding-bottom: 0px;
}

#monthnav li
{
display: block;
text-align: center;
height: 30px;
padding-top: 7px;
margin-top:3px;
background-color: #333333;
}

#monthnav a { padding: 3px 10px; }

#monthnav a:link, #monthnav a:visited
{
color: #fff;
text-decoration: none;
}

#monthnav a:hover
{
color: #608CC5;
background-color: Transparent;
text-decoration: none;
font-weight: bold;
}
/* END MONTH NAV LIST*/


/* --- START ROLLOVER HORIZONTAL LIST 
Comments: Use display: inline; and list-style-type: none; to set a basic horizontal list. 
Use padding and background color on the "a" element to achieve colored blocks. 
Use a different background color on the a:hover to achieve a rollover effect. 
*/

ul#navlist {
    height: 10px;
    list-style-type:none;
    padding:0px;
    white-space:nowrap;
}

#navlist li {
    float:left;
    width: 32.1%;
    text-align: center;
    background-color: #ffcc00;
    font-size: 0.9em;
    font-weight: bold;    
    border:solid 1px white;
}

#navlist a:link, #navlist a:visited
{
    color: #fff;
    background-color: #ffcc00; /*--#036;*/
    text-decoration: none;
}

#navlist ul a { 
    display:block;
    margin:0px 6px 0px 0px;
    padding:0 10px 0px 0px;
    text-align:center;
    text-decoration:none;
}

#navlist a:hover {
    color: #6DC349;
    text-decoration: none;
    font-weight: bold;
}

/*--- END ROLLOVER HORIZONTAL LIST */
/* "boxes" are w=200px h=150px
/* --- BEGIN VERTICAL CHANNEL LIST



/* --- END VERTICAL CHANNEL LIST

/*------------------------------------------------------------*/
/*  TEXTS
/*------------------------------------------------------------*/

h1 {
	color: #FFFFFF;
	font-size: 1.60em;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
}
h2 {
	color: #000;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 3 0 1 10;
}
h3 {
	color: #FFCC66;
	font-size: 1.05em;
	font-weight: normal;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	text-indent: 15px;
}
h4 {
	color: #FFFFFF;
	font-size: 1.25em;
	font-weight: normal;
	margin: 5px;
	text-indent: 15px;
}
h5 {
	color: #fff;
	font-size: 1.25em;
	font-weight: normal;
	margin: 5px 5px 5px 10px;
}
.heading1 {
	text-align:center;
	font-size: 0.8em;
	font-weight: normal;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #FFFFFF;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0.5em;
}
.heading2 {
  color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 3px;
	padding-bottom: 1px;
	}
.med1 {
	color: #FFF;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	margin: 1px 0px 1px 0px;
	padding: 1px 0px 1px 0px;
}
.titles {
  text-indent: 10px;
  color: #FFF;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 3px;
	padding-bottom: 1px;
}
.allpara {
  line-height:1.5em;
	text-align:left;
	font-size: .9em;
	font-weight: normal;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #000;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0.5em;
}
.allpara2 {
	line-height:1.5em;
	text-align:left;
	font-size: 1.0em;
	font-weight: bold;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #000;
	margin-left: 1.0em;
	margin-right: 1.0em;
	margin-top: 0.5em;
}
.small {
	line-height:1.3;
	font-size: .8em;
	font-weight: normal;
	padding: 1px 0px 0px 10px;
	color: #000;
	margin-left: 10px;
	margin-right: 0px;
	text-align: left;
}
.small2 
{ 
  line-height: 1.3;
  text-align: left;
	font-size: .8em;
	font-weight: normal;
	color:#fff;
	margin-left: 10px;
	margin-right: 0px;
	text-align: left;
}
.small3 {
	line-height:1.0;
	font-size: .9em;
	text-align: left;
	font-weight: bold;
	font-family:Verdana, Tahoma, Arial;
	color: #6DC349;
	margin-top: 0px;
	margin-left: 10px;
}
.small4 {
	line-height:1.1;
	font-size: .7em;
	font-weight: bold;
	font-family:Verdana, Tahoma, Arial;
	padding-right: 0px;
	padding-top: 0px; 
	padding-bottom: 0px;
	color: #ffcc00;
	margin-left: 10px;
	margin-right: 0px;
	text-align: left;
}
.smalli {
	line-height:1;
	font-size: .8em;
	font-weight: normal;
	font-family:Verdana, Tahoma, Arial;
	font-style:italic;
	padding-right: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	color: #ffffff;
	margin-left: 15px;
	margin-right: 0px;
}
.series {
	line-height:1.5em;
	text-align:left;
	font-size: .8em;
	font-weight: normal;
	font-family:Verdana, Tahoma, Arial;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #ffffff;
	margin-left: 1.0em;
	margin-right: 1.0em;
	margin-top: 0.5em;
}
.popup {
	line-height:1.2;
	font-size: .9em;
	text-align: left;
	font-weight: bold;
	font-family:Verdana, Tahoma, Arial;
	color: #6DC349;
	margin-top: 0px;
	margin-left: 10px;
}
.black {
    color: Black;
}
.ltblu 
{
    color: #BBC4DE;
}
.firstcap
{
    font-weight:normal;
    font-size:1.75em;
    color:#000;
}
.bigwhite {
  color: #FFFFFF;
	font-size: 1.25em;
	font-weight: bold;
	font-family:Verdana, Tahoma, Arial;
	margin: 2px 2px 2px 2px;
}
.bigblack {
  color: #000;
	font-size: 1.25em;
	font-weight: bold;
	margin: 2px 2px 2px 2px;
}
.iTune {
  text-align:left;
	text-indent: 40px;
	line-height: .4em;
	font-size: .8em;
	color: #6DC349;
	font-family:Verdana, Tahoma, Arial;
	font-weight: bold;
	background-image: none;
	background-repeat: no-repeat;
	padding: 0px 2px 10px 10px;
	margin-left: 0px;
	word-spacing:8px;
	letter-spacing: 1px;	
}
.iTune:hover {
    color: #608CC5;
}
.playlink 
{
  text-indent: 5px;
	line-height: 12;
	font-size: .7em;
	font-weight: normal;
	font-family:Verdana, Tahoma, Arial;
	background-image: none;
	background-repeat: no-repeat;
	margin-left: 15px;
	color: #fff;
}
.singleSpace {
	height: 2px;
	width: 50px;
}
.ital 
{
    font-style:italic;
}
.monthbox {
    height: 30px;
    width: 200px;
    background-color:#333333;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}
.mediabox {
  
    height: 125px; 
    width: 500px;
    border-top:solid 3px #DF7401;
}
.banner {
    font-size:12px; 
    text-align: center; 
    color:Black;
    margin: 2px;
    padding: 2px;
}
.smbox {
	text-align: left;
	border:solid 0px #608CC5;
	margin: 2px 20px 2px 2px;
	padding: 2px 2px 2px 2px;
	background-color: #C6C193;
}
.content {
    float:none;
    width: 420px;
    height: 443px;
    text-align: left;
    margin: 2px 2px 2px 25px;
    padding: 2px;
    background-color: #333333;
}
.cform_hdr {
font-family: Verdana;
font-size: 1.0em;
font-weight: bold;
color:#fff;
text-align:center;
margin-bottom: 2px;
}
.cform_txt {
font-family: Verdana;
font-size: 0.8em;
color:#6DC349;
text-align:left;
margin-bottom: 5px;
}
.cform_lbl {
font-family: Verdana;
font-size: 0.8em;
color:#fff;
text-align:left;
margin-bottom: 5px;
}