* {margin: 0; padding: 0;}
html {margin: 0 auto; padding: 0;}
/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #39392e;
	text-align: center;
	}

#page {
	text-align: left;
	}

#content {
	font-size: 1.2em
	}
/* End Typography & Colors */

/* Begin Navigation */


#headernavigation {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 95px;
	text-align: center;
}

#header {
	background-image: url(../images/fbc_bkgd_02.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	}

#headerimg 	{ 
	margin: 0 auto; 
	height: 170px; 
	width: 810px; 
	} 

/* Top Header Navigation */

#headertopnav {
	margin: 0 0 0 10px;
	height: 31px;
	/* border: 1px solid #bb0000; */
}

#headertopnav ul#topmenu	{
	width: 780px;
	background: transparent url(../images/logospacer.gif) top left no-repeat;
	margin: 0 auto;
	padding: 0;
	position: relative;
	list-style: none;
	}

#headertopnav ul#topmenu li {
	height: 31px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	}
	
ul#topmenu li, ul#topmenu a {
	height: 31px;
	/*\*/overflow: hidden;/**/
	display: block;
	}
	
#headertopnav ul#topmenu li a {
	text-indent: -9999px;
	text-decoration: none;
	}

#topspacermenu	{left: 0px; width: 410px; background: transparent url(../images/spacer.gif) top left no-repeat;}
#tophomemenu	{left: 410px; width: 77px; background: transparent url(../images/subnav1_05.jpg) top left no-repeat;}
#topfaqsmenu	{left: 487px; width: 57px; background: transparent url(../images/subnav1_06.jpg) top left no-repeat;}
#topcontactmenu {left: 544px; width: 97px; background: transparent url(../images/subnav1_07.jpg) top left no-repeat;}
#toplinksmenu	{left: 641px; width: 139px; background: transparent url(../images/subnav1_08.jpg) top left no-repeat;}

#topspacermenu 	{background: transparent url(../images/spacer.gif) 0 -31px no-repeat;}
#tophomemenu a:hover {background: transparent url(../images/subnav1_05.jpg) 0 -31px no-repeat;}
#topfaqsmenu a:hover {background: transparent url(../images/subnav1_06.jpg) 0 -31px no-repeat;}
#topcontactmenu a:hover	{background: transparent url(../images/subnav1_07.jpg) 0 -31px no-repeat;}
#toplinksmenu a:hover {background: transparent url(../images/subnav1_08.jpg) 0 -31px no-repeat;}

/* You are here - nav */

body#topspacer #topspacermenu {background: transparent url(../images/spacer.gif) 0 -31px no-repeat;}
body#tophome #tophomemenu {background: transparent url(../images/subnav1_05.jpg) 0 -31px no-repeat;}
body#topfaqs #topfaqsmenu {background: transparent url(../images/subnav1_06.jpg) 0 -31px no-repeat;}
body#topcontact #topcontactmenu {background: transparent url(../images/subnav1_07.jpg) 0 -31px no-repeat;}
body#toplinks #toplinksmenu {background: transparent url(../images/subnav1_08.jpg) 0 -31px no-repeat;}

/* End Navigation */

/* Begin Structure */
body {
	margin: 0 auto;
	padding: 0;
	background-color: #c68a22;
	background: #c68a22 url(../images/footer_tile_18.gif);
	background-position: center top;
	background-repeat: repeat;
	}

#page {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 700px;
	background-image: url(../images/fbc_bkgd_02.gif);
	background-position: center top;
	background-repeat: repeat-x;
	}

#header {
	margin: 0 auto; 
	padding: 0; 
	height: 95px; 
	width: 810px;
	display: block;
	}

#headerimg {
	margin: 0;
	height: 95px;
	width: 100%;
	background-image: url(../images/header_04.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	}
	
#headertopnav {

	}
	
#headersearch {

	}

#headernav {
	margin: 0;
	padding: 0;
	width: 810px;
	}

#container {
	width: 810px;
	margin: 0 auto;
	}
	
#flipthrutop {
	margin: 0 auto; padding: 0;
	width: 780px;
	height: 11px;
	background-image: url(../images/flashtop_05.gif);
	background-position: center top;
	background-repeat: no-repeat;
	}
#coverflowdiv {
	width: 780px;
	height: 300px;
	margin: 0 auto;
	padding: 0;
	background-color: #000000;
	}
#flipthrubottom {
	margin: 0 auto; padding: 0;
	width: 780px;
	height: 11px;
	background-image: url(../images/flashbottom_05.gif); 
	background-position: center top;
	background-repeat: no-repeat;
}

	
#texttop {
	margin: 15px auto 0; padding: 0;
	width: 780px;
	height: 11px;
	background-image: url(../images/texttop_05.gif);
	background-position: center top;
	background-repeat: no-repeat;
	}
#text {
	margin: 0 auto; padding: 0;
	width: 780px;
	background-color: #FFFFFF;
	}
	
#textbottom {
	margin: 0 auto; padding: 0;
	width: 780px;
	height: 11px;
	background-image: url(../images/textbottom_05.gif);
	background-position: center top;
	background-repeat: no-repeat;
}






#Series
{
	margin: 0 auto;
	padding: 0;
	width: 760px;
	background-color: #ddd;
	background-image: url(../images/gresectiontop.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

#Series .Hide
{
	padding: 10px 0 0;
	text-align: center;
}

#Series .Hide a
{
	color: #000;
	text-decoration: none;
	text-transform: uppercase;

}

#Series #SeriesInner .Details,
#Series #SeriesInner #Sermons
{
	width: 380px;
	float: left;
}

#Series #Sermons ol
{
	list-style: none;
}

#Series #Sermons li
{
	clear: left;
}

#Series #Sermons a
{
	color: #000;
	text-decoration: none;
}

#Series #Sermons a .Date,
#Series #Sermons a .Title
{
	display: block;
	float: left;
}

#Series #Sermons a .Date
{
	width: 120px;
}

#Series #Sermons a .Title
{
	width: 220px;
}

#SeriesBottom
{
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 760px;
	height: 11px;
	background-image: url(../images/greysectionbottom.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#Sermon
{
	width: 420px;
	float: right;
}

#SeriesInner .Title,
#SeriesInner .Subtitle,
#SeriesInner .Description,
#SermonInner .Title,
#SermonInner .Date,
#SermonInner .Speaker,
#SermonInner .Description
{
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#SeriesInner .Title,
#SermonInner .Title
{
	margin: 8px 4px;
	font-size: 16px;
	font-weight: bold;
}

#SeriesInner .Subtitle,
#SermonInner .Date,
#SermonInner .Speaker
{
	margin: 8px 4px;
	font-size: 12px;
	font-weight: bold;
}

#SermonInner .InputHeader,
#SeriesInner .InputHeader
{
	margin: 8px 0 0;
	font-size: 12px;
	font-weight: bold;
}

#SeriesInner .Description,
#SeriesSermons .Date,
#SeriesSermons .Title,
#SermonInner .Description
{
	margin: 8px 4px;
	font-size: 10px;
}

#SeriesInner #SeriesSermons
{
	margin: 8px 0;
	padding: 0 0 10px;
}

#SeriesInner #SeriesSermons .Date,
#SeriesInner #SeriesSermons .Title
{
	margin: 0;
	font-weight: normal;
}

#EditSeries .Title,
#EditSeries .Subtitle,
#EditSeries .Description,
#EditSermon .Title,
#EditSermon .SeriesID,
#EditSermon .Date,
#EditSermon .Speaker,
#EditSermon .Description
{
	margin: 5px 1px;
	padding: 0;
	width: 340px;
	background: #ddd;
	border: 1px solid #222;
}

#EditSermon .Title,
#EditSermon .Date,
#EditSermon .Speaker,
#EditSermon .Description
{
	background: #fff;
}

#EditSeries .Description,
#EditSermon .Description
{
	height: 120px;
}

#FormIFrame
{
	display: none;
}

.GrayLoader
{
	width: 100%;
	height: 32px;
	background: url(/newmedia/images/ajax-loader.gif) center no-repeat;
}

.WhiteLoader
{
	width: 100%;
	height: 32px;
	background: #fff url(/newmedia/images/ajax-loader_wh.gif) center no-repeat;
}

.SeriesResourcesFolder
{
	margin: 8px 0 0;
	width: 340px;
	height: 200px;
	border: 1px solid;
	overflow: auto;
}

.SeriesResourcesFolder a
{
	padding: 0 0 0 20px;
	height: 20px;
	display: block;
}

.SeriesResourcesFolder a.Folder
{
	background: url(/newmedia/images/icons/folder.png) no-repeat;
}

.SeriesResourcesFolder a.File
{
	background: url(/newmedia/images/icons/page_white_text.png) no-repeat;
}

.CenteredButtons
{
	margin: 10px 0;
	text-align: center;
}

button.Media
{
	font-size: 9px;
	font-weight: bold;
	margin: 0 10px 0 0;
	width: 96px;
	height: 22px;
	border: 1px solid #000;
}

button.Media img
{
	vertical-align: middle;
}

#SermonActions, #SermonLinks
{
	text-align: center;
}

#SermonDownloadLinks
{
	display: none;
}

#SermonDownloadLinks ul
{
	list-style-type: none;
	margin: 0 0 0 215px;
}

#SermonLinks
{
	margin: 20px 0 0;
}

#SermonLinks a
{
	margin: 0 12px;
}

#SermonLinks a img
{
	margin: 0 0 -4px;
}

#Search
{
	padding: 18px 13px 0 0;
	float: right;
}

#Search form input
{
	border: 1px solid #000;
	margin: 0 6px;
}

#SearchResults
{
	margin: 10px 0;
	border-collapse: collapse;
	width: 100%;
}

#SearchResults th
{
	background: #8D1500;
	color: #fff;
}

#SearchResults th
{
	padding: 5px 0;
	text-align: center;
}

#SearchResults th a
{
	color: #fff;
}

#SearchResults td
{
	padding: 10px 5px;
}

#SearchResults td.Date,
#SearchResults td.Speaker
{
	width: 120px;
}

#SearchResults td.Title a
{
	color: #000;
}

#SearchResults tr.Alternate
{
	background: #FFCCC2;
}

#Search input.Image
{
	border: none;
}

#Login
{
	margin: 0 auto;
	width: 280px;
}

#Login p
{
	margin: 5px 0;
}

#Login input
{
	border: 1px solid #000;
	margin: 0 6px;
}

#Login label
{
	display: block;
	text-align: right;
	padding: 2px 5px;
	float: left;
	width: 100px;
}

#Login button
{
	margin: 0 0 0 116px;
}

#EmailSermon
{
	width: 200px;
	margin: 0 auto;
}

#EmailSermon .From,
#EmailSermon .To,
#EmailSermon .Subject,
#EmailSermon .Message
{
	margin: 5px 1px;
	padding: 0;
	width: 200px;
	background: #ddd;
	border: 1px solid #222;
}










#greysection {
	margin: 0 auto; padding: 0;
	width: 760px;
	background-color: #ddd;
	background-image: url(../images/gresectiontop.gif);
	background-position: center top;
	background-repeat: no-repeat;
	}
	

#greysection p {
	margin: 0; padding: 10px 15px 5px 15px;
	}
#greysectionbottom {
	background-image: url(../images/greysectionbottom.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	margin: 0 auto; padding: 0;
	width: 760px;
	height: 11px;
	}

#textcontainer {
	margin: 0 auto; padding: 10px 10px;
	}
#videoplayer {
	margin: 0; padding: 0;
	float: left;
	width: 320px;
	height: 240px;
	background-color: #ddd;
}
	
#moremessages {
	width:760px;
	margin: 0 auto;
}
#moremesscontent {
	width: 760px;
	/*background-color: #DDDDDD;*/
	position: relative;
}
#moremesstext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	width: 340px;
	float:right;
	padding: 0 20px 0 20px;
	margin-top: 15px;
	border-left: 1px solid #777777;
}
#moremesstext a {
	text-decoration:none;
	color: #000000;
}
#messagedesc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	width: 340px;
	float:left;
	margin: 15px 0 0 20px;
}
#messagetoggle {
	/*position:absolute;*/
	text-align:center;
	top: 0;
	width: 745px;
}
#messagetoggle a {
	text-decoration:none;;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000000;
}
#messagecontent {
	width: 425px;
	float: right;
	margin: 10px 0 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
}
#title {
	font-size:18px;
	font-weight: bold;
	padding-right: 20px;
}
.authordate {
	font-size: 12px;
}
#description {
	font-size:10px;
	line-height: 140%;
	padding-right: 20px;
	margin-top: 10px;
}
#messageid {
	font-size: 10px;
	color: #444444;
	margin-top: 10px;
}

#controls {
	margin-top: 20px;
	position:relative;
}
.buttonctls {
	float: left;
	padding-right: 25px;
}
.button2ctls {
	float: left;
	padding-left: 20px;
	margin-top: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	width: 80px;
	height: 14px;
}
#moviedescription {
	margin: 0; padding: 0;
	float: right;
	width: 355px;
	}
#moviedescription h1 {
	color: #000;
	margin: 0 10px 0 0; padding: 0;
	font-size: 17px;
	}
#moviedescription h2 {
	color: #000;
	margin: 5px 10px 5px 0; padding: 0;
	font-size: 12px;
	font-weight: normal;
	}
#moviedescription h3 {
	color: #666;
	margin: 15px 10px 10px 0; padding: 0;
	font-size: 10px;
	font-weight: normal;
	}
#moviedescription p {
	color: #333;
	margin: 0; padding: 5px 10px 5px 0;
	font-size: 10px;
	line-height: 16px;
	}
#moviedescription ul#controls {
	list-style-type: none;
	margin: 10px 0; padding: 0;
	}
#moviedescription ul#controls li {
	display: inline;
	margin: 0; padding: 0;
	}
	#moviedescription ul#controls li a {
	margin: 0; padding: 0 4px 0 0;
	}
#moviedescription ul#linkage {
	list-style-type: none;
	margin: 10px 0; padding: 0;
	}
#moviedescription ul#linkage li {
	display: inline;
	margin: 0; padding: 0;
	}
#moviedescription ul#linkage li a{
	margin: 0; padding: 0 15px 0 0;
	}
#moviedescription a {
	color: #667b07;
	text-decoration: underline;
	}
#moviedescription a:hover {
	color: #97af32;
	text-decoration: underline;
	}


#clearfloat {
	clear: both;
	margin: 0; padding: 0;
	display: block;
	width: 760px;
	height: 2px;
}
.clearfloat {
	clear: both;
	margin: 0; padding: 0;
	display: block;
	width: 760px;
	height: 2px;
}

/* Begin FAQ*/

#faqcontent {
	background-color: #fff;
	margin: 0 auto; padding: 0 20px;
	clear: both;
	}
#faqcontent h1 {
	margin: 0; padding: 5px 0 10px 0;
	}
	
/* End FAQ */

/* Begin Footers */

#footertop {
	margin: 0 auto;
	padding: 0;
	width: 810px;
	height: 70px;
	color: #fde39d;
	font-size: 10px;
	text-transform: uppercase;
	}
#footertop ul {
	margin: 0 auto; padding: 8px 15px 5px 0;
	width: 530px;
	float: right;
	}
#footertop a {
	color: #fde39d;
	font-weight: bold;
	text-decoration: none;
	}
#footertop a:hover {
	color: #fde39d;
	font-weight: bold;
	text-decoration: underline;
	}

#footerbottom {
	margin: 0 auto; padding: 0;
	height: 19px;
	clear: both;
	}
	
#footer {
	padding: 15px 0 0;
	margin: 0 auto;
	width: 810px;
	clear: both;
	/*height: 186px;*/
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
#footer p {
	margin: 0; padding: 0;
	text-align: center;
	}
#footer ul {
	list-style-type: none;
	text-align: center;
	}
#footer ul li{
	text-align: center;
	display: inline;
	margin: 0; padding: 0;
	}


/* End Footer */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */




/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/
