@charset "utf-8";
/* Styles for First Baptist Church at Savoy, IL - Coded with love by Marcia Rufener */
/* Global Defaults */
html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url(images/assets/background-image.png);
	background-repeat: repeat-x;
	background-color: #aa9574;
	}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Text Styles */
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {
	margin: 0;
	padding: 0;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 25px 0px 0px 0px;
	font-weight: bold;
	color: #948367;
}

blockquote {
	margin: 0.5em;
	padding: 0 2em
}
q {
  font-style: italic;
}
acronym, abbr {
  cursor: help;
  border-bottom: 1px dashed;
}
small {
  font-size:.85em;
}
big {
  font-size:1.2em;
}


img {
  border:none;
}

/* Tables */
table {
  margin: 0;
  padding: 0;
  border: none;
}
#mainsec table tr td p   {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}


/* Forms */
form {
  margin: 0;
  padding: 0;
  display: inline;
}
label {
cursor: pointer;
}
.floatLeft { float: left; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.noindent { margin-left: 0; padding-left: 0; }

.nomargin { margin: 0; }
.nopadding { padding: 0; }
.nobullet { list-style: none; list-style-image: none; }


/* end global defaults */

body {
	font: normal 100.1%/1.25 Verdana, Arial, Helvetica, sans-serif;
}
#shadow {
	width: 865px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/assets/shadow.png);
	background-repeat: repeat-y;
}

#wrapper {
	width: 825px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	margin-bottom: 5px;
	-webkit-text-size-adjust: none;

}

p {
	font-size: 0.9em;
	margin: 10px 0px 0px 0px;
	}

a:link  {
	color: #BE7143;
	text-decoration: none;
}
a:visited {
	color: #BE7143;
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
	color: #BE7143;
}

#header {
	height: 78px;
	width: 825px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	margin-top: 0px;
}
#header img {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}


#header h1 {
	display: none;

}


#menu {
	width: 100%;
	height: 30px;
	padding-top: 5px;
	background-color: #D9D3C2;
	margin: 0px;
	position: relative;
	z-index: 100;
}
#newtofbc  {
	position: absolute;
	top: 10px;
	right: 18px;
}

#search     {
	background-color: #D9D3C2;
	width: 200px;
	position: absolute;
	z-index: 150;
	left: 625px;
	margin: auto 0 auto 0;
	display: inline;
}
#upper-right {
	margin: 5px 0px 0px 0px;
	float: right;
	position: relative;

}
#main {
	width: 825px;
	background-repeat: no-repeat;
	font-size: 0.85em;
	background-image: url(images/assets/homepage.jpg);
	border-bottom: 9px solid #F1EEE6;
	height: 270px;
}
#main h1 {
	line-height: 35px;
	margin: 0 0 0em;
	text-indent: -1000em;
}
#main h2 {
	font-size: 0.9em;
	font-weight: bold;
	margin: 20px 10px 0px 25px;
	line-height: 1.4em;

}


#main img {
	float: right;
	display: inline;
	}

#main  p  {
	margin: 0 0 0 0;
	line-height: 1.3em;
	text-indent: -1000em;

}

#sidebar {
	float:right;
	margin: -25px 30px 10px 10px;
	background-color: #FFF;
	padding: 20px 10px 20px 10px;
	width: 232px;
	font-size: 0.9em;
}

#sidebar h1 {
	margin: 30px 0px 0px 0px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#sidebar p {
	font-size: .9em;
	line-height: 1.4;
	}
#sidebar img {
	margin:15px 0px 5px 10px;
}

#sidebar hr {
	color:#D9D3C2;
}
#slides {
	background-color: #F1EEE6;
	float: right;
	height: 200px;
	width: 292px;
	padding: 15px 5px 0px 0px;
}


#secondary {
	background-color: #F1EEE6;
	width: 825px;
	padding: 30px 0px 0px 0px;
	font-size: 0.85em;
	border-bottom: 9px solid #F1EEE6;
}


#secondary h1 {
	font-size: 15px;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #948367;
	font-weight: bold;
}
#secondary  #events  {
	float:left;
	width: 506px;
	font-size: .9em;
	margin: 0px 0px 10px 20px;
	line-height: 1.4;
}

#secondary  #events img {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}
#secondary #events p {
	margin: 20px 10px 0px 0px;
}

#footer h1 {
	font-size: .6em;
	text-align: center;
	font-size: 0.6em;
	color: #FFFFFF;
	margin: 1em;
}

#footer p {
	text-align: center;
	font-size: 0.6em;
	color: #FFFFFF;
	margin-top: 3px;
}
#footer2 {
	background-color: #D9D3C2;
	font-size: 11px;
	height: 55px;
	line-height: normal;
	margin-bottom: 35px;
}

#wrapper #footer a {
	color: #EEEEEE;
}
#content {
	background-image: url(images/assets/content-panel.png);
	background-repeat: repeat-y;
	width: 825px;
	position: relative;
	font-size: 0.9em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-top: 3px solid #FFF;
	background-position: center top;
}
#content img {
	margin: 15px 0px 0px 30px;
}

#content p {
	font-size: 0.9em;
}

#mainsec {
	width: 646px;
	float: right;
}
#mainsec h1 {
	text-indent: -1000em;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
}
#mainsec h2 {
	font-weight: bold;
	font-size: 0.9em;
	padding-top: 10px;
	line-height: 1.3em;
}

#mainsec p {
	float: none;
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 10px 35px 0px 0px;
	padding: 0px 15px 10px 0px;
}
#mainsec  ul   {
	font-size: 0.9em;
	line-height: 1.4em;
	list-style-type: disc;
	margin: 10px 35px 0px 0px;
	padding: 0px 10px 0px 20px;
}
#mainsec    .largepic      {
	float: none;
	margin: 0px 0px 15px 0px;
	border: 1px solid #000000;
	display: block;
}
#wrapper #content #mainsec .noborderpic {
	display: block;
	margin: 0px 30px 0px 0px;
	border: none;
}


#mainsec img {
	border: 1px solid #000000;
	display: inline;
	float: left;
	margin: 10px 10px 10px 0px;
}

#sidebarsec {
	padding: 30px 0px 0px;
	float: left;
	margin-top: 0px;
	color: #555555;
	border: none;
	line-height: 1.2em;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
}

#sidebarsec p {
	padding: 0px 15px 0px 15px;
	color: #000000;
	font-size: 11px;
}

#sidebarsec h1 {
	padding: 0px 15px 0px 15px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-weight: bold;
}
#secform {
	float: right;
	height: auto;
	width: 646px;
	line-height: 1.4em;
}
#secform p {
	padding-right: 25px;
}

#secform img {
	border: 1px solid #000000;
	display: inline;
	float: left;
	margin: 10px 10px 10px 0px;
}
#wrapper #content #secform .noborderpic {
	display: block;
	margin: 0px 30px 0px 0px;
	border: none;
}

#searchresults  {
	background-color: #FFFFFF;
	overflow: auto;
	width: 825px;
	height: auto;
}
#searchresults  #cse-search-results  {
	color: #FFFFFF;
	margin-left: 5px;
}
#wrapper #content #sidebarsec hr {
	text-align: left;
	width: 125px;
	text-indent: 10px;
}

#fullwidthsec {
	background-color: #FFFFFF;
	height: 600px;
	width: 825px;
	position: relative;
	font-size: 0.9em;
	overflow: auto;
}

#fullwidthsec h2 {
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.6em;
	padding: 10px 0px 10px 0px;
}

#videoFloatRight {
	float: right;
	padding: 30px 20px 15px 15px;
	display: inline;
}
.videofloatright {
	display: inline;
	float: right;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#videoFloatLeft {
	float: left;
	display: inline;
	margin: 10px 10px 10px 0px;
}



.clearthefloats {
	clear: both;
}

.sermontitles {
	font-size: 0.75em;
	padding: 0px 0px 0px 40px;
	}

.sermonbuttons {
	float: left;
	padding: 15px 10px 0px 0px;
}

.indentedparas {
	margin: 0px 30px 0px 30px;
	
}

.shortline {
	margin-right: 45px;
}

.smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: normal;
}
.caption {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
}
.paypal {
	margin: 0px 0px 25px 0px; 
}

.paypalbox {
	width: 150px;
	padding: 0px 0px 10px 10px;
	float: right;
	margin: 0px 100px 20px 20px;
}

.dropdownmenus {
	margin-top: 10px;
}
.shadedtable {
	background-color: #CCCCCC;
	padding: 10px;
}

.bold {
	font-weight: bold;
}

.highlight {
	color: #0052a7;
}
.darkred {
	color: #a70c10;
}


.nofloat {
	float: none;
}

a.linkPDF {
	background-image: url(images/assets/link_pdf.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px 16px 0px 0px;
}

.floatRight {
	float: right;
	position: relative;
}
.greentext {
	color: #1A4534;
}

.paypalbox2 {
	width: 165px;
	padding: 10px 0px 10px 10px;
	border: thin dotted #999999;
	float: right;
	margin: 10px 60px 20px 10px;
}
.greytext {
	color: #999;
}
#wrapper #content #mainsec .noborderpicsmall {
	display: block;
	margin: 7px 10px 0px 0px;
	border: none;
	vertical-align: text-bottom;
}

#mainsec p.para1 {
	width: 315px;
	padding: 0 0 30px 40px;
	background-image: url(images/assets/1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#mainsec p.para2 {
	width: 325px;
	padding: 0 0 30px 40px;
	background-image: url(images/assets/2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
}

#mainsec p.para3 {
	width: 325px;
	padding: 0 0 30px 40px;
	background-image: url(images/assets/3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainsec p.para4 {
	width: 325px;
	padding: 0 0 30px 40px;
	background-image: url(images/assets/4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
}
#mainsec p.para5 {
	width: 325px;
	padding: 0 0 30px 40px;
	background-image: url(images/assets/5.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainsec p.para6 {
	width: 325px;
	padding: 0 0 30px 40px;
	background-image: url(images/assets/6.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
}
.register {
	display: block;
	width: 125px;
	height: 40px;
	background: url(images/assets/registration.gif) no-repeat 0 0;
}

.register:hover { 
  background-position: 0 -39px;
}

.register span {
  display: none;
}

.share {
	display: block;
	width: 125px;
	height: 40px;
	background: url(images/assets/ShareYourStory.gif) no-repeat 0 0;
}

.share:hover { 
  background-position: 0 -39px;
}

.share span {
  display: none;
}

.order {
	display: block;
	width: 94px;
	height: 35px;
	background: url(images/assets/order.gif) no-repeat 0 0;
}

.order:hover { 
  background-position: 0 -35px;
}

.order span {
  display: none;
}

.ColLef {
	float:left;
	width:180px;
	padding:1em 1em 0em 0em;
	margin: 0;
}
.ColMid {
	float:left;
	width:180px;
	padding:1em 1em 0em 0em;
	margin-left: 1em;
}
.ColRig {
	float:left;
	width:180px;
	padding:1em 1em 0em 0em;
	margin-left: 1em;
}
.whitetext {
	color: #FFF;
}
.members {
	display: block;
	width: 125px;
	height: 40px;
	background: url(images/assets/members.gif) no-repeat 0 0;
}

.members:hover { 
  background-position: 0 -39px;
}

.members span {
  display: none;
}
.nonmembers {
	display: block;
	width: 125px;
	height: 40px;
	background: url(images/assets/nonmembers.gif) no-repeat 0 0;
}

.nonmembers:hover { 
  background-position: 0 -39px;
}

.nonmembers span {
  display: none;
}
#footerlrg {
	background-color: #948367;
	font-size: 12px;
	line-height: normal;
	margin-bottom: 35px;
	color: #D9D3C2;
	padding: 10px;
}

#footerlrg a:link  {
	color: #D9D3C2;
	text-decoration: none;
}
#footerlrg a:visited {
	color: #D9D3C2;
	text-decoration: none;
}

#footerlrg a:hover {
	color: #D9D3C2;
	text-decoration: underline;
}
.facebook {
	display: block;
	width: 100px;
	height: 22px;
	background: url(http://www.fbc-cs.org/images/assets/facebook.gif) no-repeat 0 0;
}
.facebook:hover { 
  background-position: 0 -23px;
}
.facebook span {
  display: none;
}
.twitter {
	display: block;
	margin-left:5px;
	width: 100px;
	height: 22px;
	background: url(http://www.fbc-cs.org/images/assets/twitter.gif) no-repeat 0 0;
}
.twitter:hover { 
  background-position: 0 -22px;
}
.twitter span {
  display: none;
}
.ministry {
	display: block;
	width: 145px;
	height: 35px;
	background: url(http://www.fbc-cs.org/images/assets/ministryfinder-sprite.gif) no-repeat 0 0;
}
.ministry:hover { 
  background-position: 0 -36px;
}
.ministry span {
  display: none;
}

.more {
	display: block;
	width: 52px;
	height: 20px;
	background: url(images/assets/more.png) no-repeat 0 0;
}
.more:hover { 
  background-position: 0 -23px;
}
.more span {
  display: none;
}
.newtofbc {
	display: block;
	width: 104px;
	height: 25px;
	background: url(images/assets/upper-right.png) no-repeat 0 0;
}
.newtofbc:hover { 
  background-position: 0 -27px;
}
.newtofbc span {
  display: none;
}
.contactus {
	display: block;
	width: 104px;
	height: 25px;
	background: url(images/assets/upper-right.png) no-repeat -108px 0px;
}
.contactus:hover { 
  background-position: -108px -27px;
}
.contactus span {
  display: none;
}
.home {
	margin-left:15px;
	display: block;
	width: 63px;
	height: 26px;
	background: url(images/assets/home.png) no-repeat 0px 0px;
}
.home:hover { 
  background-position: 0px -26px;
}
.home span {
  display: none;
}
.volunteer {
	display: block;
	width: 125px;
	height: 40px;
	background: url(images/assets/volunteer.gif) no-repeat 0 0;
}

.volunteer:hover { 
  background-position: 0 -39px;
}

.volunteer span {
  display: none;
}

