/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
* {margin:0; padding:0;}
body
{
	margin-top: -5px;
	background-color: #F7F2DE;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
}

a:link
{
    
}
a:visited
{
    
}
a:hover
{
    
}
a:active
{
    
}

/* HEADINGS   
----------------------------------------------------------*/
h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h2 {
	color: #525252;
	font-family: Georgia, serif;
	font-weight: normal;
	padding: 0px;
}

#main h1
{
	text-align: left;
	font-size: 1.5em;
	border-bottom: 3px solid #E0D0B1;
	padding: 5px 0 0px 10px;
	margin-bottom: 10px;
	color:#6B82A3;
	line-height:normal;
	font-family: Georgia, serif;
}
#main h2
{
    padding: 0 0 10px 0;
}
#main h3
{
    font-size: 1.2em;
}
#main h4
{
    font-size: 1.1em;
}
#main h5, #main h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    
}

#header
{
	text-align: left;
	margin: 0px auto;
    background-image: url('../Images/headerbg.png');
    background-repeat: repeat-x;
    height: 240px;
}

#logo
{
	margin: 0px auto;
	text-align:left;
	margin-top: 5px;
	background-image: url('../Images/logo.png');
	background-repeat: no-repeat;
	width:800px;
	height:206px;
}

#logo a
{
    
}

#main
{
	width: 800px;
    margin: 0px auto;
}

#main .link_list 
{
	margin-left: 16px;
	list-style-type: disc;
}

div#content
{
	text-align: left;
	margin: 0px auto;
	width: 800px;
	font-size: 90%;
}

div#content div#col1 
{ 
	float:left; 
    margin-right: 10px;
    width: 515px; 
}

div#content div#col2  
{
	float:right; 
	width: 230px; 
}

div#interior 
{
	font-size: 90%;
}

div#interior div#col1
{
	float:left;
	margin-right: 10px;
	width: 395px;
}

div#interior div#col2
{
	float:right;
	width: 395px;
	text-align: left;
}

div#interior p
{
	padding: 5px 0;
}

div#content p 
{
	padding: 5px 0;
}

#footer
{
    background-color: #E0D0B1; padding: 7px 0; margin-top: 50px; color: #444; text-align:center;
}

#footer p
{
    font-size: 60%;
}

#footer p a
{
	color: black;
}

div#content div.hr
{
	border-bottom: 3px solid #E0D0B1;
	padding: 5px 0 0 10px;
}

/* TAB MENU   
----------------------------------------------------------*/
div#menu
{
	position:relative;
	top: -45px;
	margin: 0px auto;
	width:800px;
}

ul#nav{
	list-style: none;
}

ul#nav li
{
    	height:36px;
    	position: relative;
    	float:left;
    	
	font-weight: bold;
	padding: 10px 10px 0 10px;
}

ul#nav li a
{
	text-decoration: none;
}

ul#nav li a.navTop
{
	padding: 0 40px 8px 0 ;
	font-size: 14px;
	color: #FFF;
}

ul#nav li div.navBottom
{
	position: absolute;
	display: none;
	white-space: nowrap;
	padding: 5px 0 2px 0;
	font-size: 10px;
	color: #bdbdbd;
}

ul#nav li a:hover
{
    
}

ul#nav li a:active
{
    
}

ul#nav li.selected a
{
    
}

/* Table Sermon List
----------------------------------------------------------*/
h3.sermon-list {
	position: relative;
	white-space: nowrap;
	margin: 1em 0 0 0;
	padding: 7px 10px;
	font-size: 100%;
	color: #17365D;
	border: 1px solid #E0D0B1;
	border-bottom: none;
	background: #F4E6C9 url('../images/sermonlist-bg.gif') repeat-x top left;
	}

/* sermon list table */
table.sermon-list {
	margin: 0px 0 25px 0px;
	padding: 0;
	border: 1px solid #E0D0B1;
	width: 100%;
	border-collapse: none !IMPORTANT;
}

table.sermon-list div.title {
	float:left;
	font-size: 125%;
	font-weight: bold;
	color: #2E241D;
	}
table.sermon-list div.subtitle{
	float:left;
	}
table.sermon-list div.actions {
	float:right;
	text-align:right;
	font-size: 80%;
	}
table.sermon-list tr td, table.sermon-list tr th {
	margin: 0;
	padding: 7px 5px;
	background-color: #FBF8EB;
	font-size: 80%;
	}
table.sermon-list tr th {
	padding-left: 28px;
	white-space: nowrap;
	text-align: left;
	border: 0px solid #000;
	}
table.sermon-list tr th div.speaker {
	font-style: normal;
	font-weight: normal;
	font-size: 90%;
	color: #963;

}
table.sermon-list tr td {
	font-size: 80%;
	color: #963;
	width: 80%;
	}
table.sermon-list tr.alt_row th, 
table.sermon-list tr.alt_row td {
	background-color: #fff;
	}


/* Section Listing
----------------------------------------------------------*/
div.section-list li
{
	clear:both;
	list-style: none;
	padding: 0.7em 0;
	/*background: url('../images/hr.png') repeat-x left top;*/
}

div.section-list div.section-container
{
	display:inline-block;
	margin-bottom: 1em;
}

div.section-list div.section-list-footer { text-align: right; }
div.section-list div.section-list-footer a { font-size: 80% }

div.section-list li div.section-date
{
	color: #6B82A3;
	margin-left: 1.2em;
	margin-top: .08em;
	font-size:80%;
	float:left;
	font-weight: bold;
}

div.section-list li div.section-body
{
	width: 45em;
	color: #525252;
	float:right;
	font-size: 1.0em;
	margin-left: 3em;
}

div.section-list li div.section-body h2
{
	color: #525252;
	font-family: Georgia, serif;
	font-weight: normal;
}

/* Col Section List
----------------------------------------------------------*/
div.colsection-list {
	text-align:left;
}

div.colsection-list ul li
{
	clear:both;
	list-style: none;
	padding: 0.7em 0;
}

div.colsection-list div.section-container
{
	display:block;
	margin-bottom: 1em;
}

div.colsection-list div.section-list-footer { text-align: right; }
div.colsection-list div.section-list-footer a { font-size: 80% }

div.colsection-list div.section-date
{
	color: #6B82A3;
	margin-top: .08em;
	font-size:80%;
	float:left;
	font-weight: bold;
}

div.colsection-list li div.section-body
{
	color: #525252;
	width: 28em;
	float: right;
	font-size: 1.0em;
	margin-left: 1.5em;
	text-align: left;
}

div.colsection-list li div.section-body h2
{
	color: #525252;
	font-family: Georgia, serif;
	font-weight: normal;
	padding: 0px;
}

/* Single Sermon Listing
----------------------------------------------------------*/
div.single-sermon div.sermon-actions ul { list-style: none; margin: 20px; }
div.single-sermon div.sermon-actions ul li.play { background: url(../Images/play.png) 3px 6px no-repeat; height:55px; padding-left: 60px; font-size: 2em; }
div.single-sermon div.sermon-actions ul li.download { background: url(../Images/download.png) 3px 6px no-repeat; height:55px; padding-left: 60px; font-size: 2em; }
div.single-sermon div.sermon-actions ul li.send { background: url(../Images/send.png) 3px 6px no-repeat; height:55px; padding-left: 60px; font-size: 2em; }

/* Service Times
----------------------------------------------------------*/
div.service-times { padding: 5px 0 0 10px; }

/* Quotations
----------------------------------------------------------*/
div.home-quote
{
	text-align:center;
	margin: 0 1em 1em 1em;
}

div.home-quote p
{
	color:#6B82A3;
	line-height:normal;
	font-size: 1.5em;
	font-family: Georgia, serif;
}

div.home-quote div.quote-source
{
	color:#666666;
	text-align:right;
	margin-right: 1em;
	margin-top: 0.5em;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}
.clearleft
{
	clear:left;
}
.clearright
{
	clear:right;
}
.left
{
	float:left;
}
.right
{
	float:right;
}