@charset "UTF-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; padding:  0px;}
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* GLOBAL STYLES */

body{
	margin: 0px;
	background-color: #333;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  12px;
	color: #333;
}

a{ color: #B27C10; }

p{ line-height: 1.7em; }

h1{ color: #fff; font-size: 18px; }
h2{ color: #666; display: inline; }
h3{ color: #9BC439; font-size: 16px; font-weight: bold; margin-bottom: 10px; }

label{ width: 150px; padding-right: 30px;}

/* Divs */

#header{ margin-top: 0px;}
#container{ width: 850px; margin: 0px auto; }
#content{ padding-top: 20px; }
#feature{ background-image: url(../images/feature_bg2.jpg); background-position: right top; }
	#feature h1{ margin: 20px 0px 0px 48px; text-align: center; }
#clear{	clear:  both; }
#email{ background-color: #801418; height: 15px; padding: 20px 50px;}
	#email h1{ font-size: 14px; }
#sidebar{ width: 295px; background-color: #9BC439;  }
#sidebar-top{ background-image: url(../images/sidebar_gradient.jpg); background-repeat: repeat-x;}
#sidebar-cross{ background-image: url(../images/cross_bg.jpg); background-repeat: no-repeat; padding: 20px 20px 10px; }
#sidebar-cross ul{ margin-top: 15px; padding-left: 20px; line-height: 1.3em; }
#sidebar-cross ul li{ padding-bottom: 16px; }
#sidebar-cross a{ color: #333; text-decoration: none; }
#sidebar-cross a:hover{ text-decoration: underline; }
#sidebar-section{ background-image: url(../images/sidebar_gradient.jpg); background-repeat: repeat-x; 
						padding: 20px; line-height: 1.5em; text-align: justify; }
#sidebar-sermon{ background-image: url(../images/sidebar_gradient.jpg); background-repeat: repeat-x;
	 				padding: 20px 0; line-height: 1.5em; }
					
#sidebar-top li{ width: 200px; padding-bottom: 15px; }
#sidebar-top li a{ text-decoration: none; font-size: 16px; color: #333; }
#sidebar-top li.selected{ color: #fff; background-image: url(../images/subnav_arrow.png); background-repeat: no-repeat; background-position: right 3px;} 
#sidebar-top a.selected{ color: #fff; }
#main{ width: 553px; margin-left: 2px; background-color: #F7F7F7; }
#main-inner{ padding: 0; margin: 20px; }
#sermon-player{ background-color: #cde29d; padding: 10px 0px 10px 40px; margin: 10px 0px 0px; height: 12px;}
#footer{ margin-top: 10px; color: #808080; }
#footer ul{ margin: 20px 0px 15px; }
#footer li{ display: inline; padding-left: 35px; }
#footer li a{ text-decoration: none; color: #fff; }
#footer li a:hover{ text-decoration: underline;}
#greenbar{ background-color: #78A641; height: 8px; width: 100%; }

/* FAQ */
#question a{ font-weight: bold; text-decoration: none; margin: 15px 0px 15px 20px;}
#question{ margin: 20px 0px; }
.answer { margin: 15px 50px; line-height: 1.7em;}
.answer li{ margin-bottom: 15px;}


/* Classes */

.float-left{ float: left; }
.float-right{ float: right;}

.quicknav{ margin-left: 168px; }
.quicknav li{ float: left; padding: 0px 20px; margin: 0; background: #78A641; height: 18px; padding-top: 4px; }
	.quicknav li.first{ background: #78A641 url(../images/quicknav_left.jpg) no-repeat; }
	.quicknav li.member_login{ background: #F2F2F2; background-image: url(../images/quicknav_right.jpg); background-repeat: no-repeat; background-position: right;}
	.quicknav li.member_login a{ color: #666;}
.quicknav a{ color: #fff; text-decoration: none; }

.mainnav{ margin-top: 30px;}
.mainnav li{ display: inline; padding-left: 35px; }
.mainnav a{ color: #808080; text-decoration: none; font-size: 16px; }
.mainnav a:hover{ color: #333; }
.mainnav a.selected{ color: #333; }

.logo{ margin-top: 10px; float: left; }
.icon{ padding-right: 7px; }
.strong{ font-weight: bold; }
.player{ margin: 0px 15px; vertical-align: middle; }

.padding{ padding: 20px;}
.calendar{ margin: 15px 0px 50px;}

.redlinks{ text-decoration: none; color: #B8272D; }
.redlinks:hover{ text-decoration: underline; }

img.video_thumb{ border: #CCCCCC 4px solid; margin: 10px 5px 10px 5px; }