/*Note:  banner, billboardwrapper, secondaryWrapper and footer automatically fill the width of the wrapper. These don't need widths set!*/


/*Note: if the floats do not stay inside their containing divs (the borders or background colors don't look right) try:
	(1) put a clearing element right before the last div pg 325-327 talks about this.
	(2) float the containing div (billboardWrapper, secondaryWrapper, footer)
	(3) add overflow:hidden
	
/*Note:  if a FLOAT DROPS, then there's too much padding, margin or border. 1px can ruin it!
YOU MUST SUBTRACT PADDING, BORDER AND MARGIN FROM THE WIDTHS LISTED BELOW!*/

/*Positioning of elements:
Example:  "Prepare for Sunday" button on the right bottom of the sermons div
(1) the sermons div would need a position:relative
(2) the button would be
		position:absolute
		bottom:0 
		right:0
see page 363 if this doesn't work.*/

/*browsers will not resize pixels. ems allow resizing.*/



/*CSS Reset*/
/*Reset explanation:
	Most styles are to remove the inconsistencies between browsers.
	img, fieldset removes the default border around images which are links.
	q:before/q:after removes the default behavior of quote marks because browsers display them differently. While some of these styles may never be used in the site, they will remain on the CSS just in case.*/
	
* {	margin:0;
	padding:0;
	font-size:100%; /*IE 6 doesn't understand ems.  This statement(font-size:100%) should help IE 6 translate the padding-left statements correctly*/
	font-weight:normal;}
	
table {	
	border-collapse:collapse;
	border-spacing:0;}

th, caption {
	font-weight:bold;
	text-align:left;
	border-bottom:#c2b69a  1px solid;}
	
img, fieldset {
	border:0;}

	
q:before, q:after {
	content:'';}
/*end CSS Reset******************************************************************************/

/*links must be in this order:  link; visited; hover; active; (due to cascade)*/

body {
	font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
	color:#363327;
	width:100%;
	background-color:#c3b79b;
	/*background-image:url(Images/bodyBackground.jpg);
	background-repeat:
	background-position:top left;*/}


/**SPECIAL DIV********************************************************************************/
div.clear {
	clear:both;
	padding-top:5%;} /*this code makes images clear the text when the text is not long enough.  May not be a problem in wider viewports. Also adds separation between sections on a page*/


/*HEADERS*************************************************************************************/
h2, h3, h4 {
	text-align:left;
	padding-left:20px;
	color:#58021b;}

h2 {
	font-size:1.5em;
	padding-top:20px;
	padding-bottom:10px;}
	
h2.tagWrap {
	margin-left:150px;
	background-image:url(Images/h2underline.png);
	background-repeat:no-repeat;
	background-position:0 25px;
	padding-top:0px;}
	
h3 {
	font-size:1.2em;
	padding-top:10px;
	padding-bottom:10px;}
	
h4 {
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;}
	
h4.index {
	padding:0;
	text-decoration:underline;
	font-weight:bold;}
	


/*LINKS****************************************************************************************/
a{
	text-decoration:none;
	color:#363327;
	font-weight:bold;}
	
a.staff {
	text-decoration:underline;
	color:#363327;
	font-weight:bold;}
	

	
a:hover{
	color:#7e7a68;
	font-weight:bold;}
	
#mainNav a {
	display:block;
	padding:10px 15px;
	color:#363327;
	text-decoration:none;}	
	
#mainNav a:hover {
	color:#58012b;
	text-decoration:underline;}

	
/*PARAGRAPHS****************************************************************************/

p.leftAlign{
	text-align:left;
	margin-left:15px;
	padding-top:10px;
	padding-right:10px;}
	
p, p.emphasize {
	padding-left:20px;
	padding-bottom:20px;}
	
p.emphasizeBold {
	padding-left:20px;
	color:#363327;
	font-weight:bold;}
	
p.emphasize {
	color:#58021b;
	font-weight:bold;}
	
p.map {
	text-align:center;}

p.sideNote{
	padding-top:20px;
	font-size:.8em;}
	
p.videoClear{
	padding-top:20px;}


	
/*TABLES*************************************************************************************/
	
td {
	padding-right:10px;
	padding-top:20px;
	font-size:.8em;}
	
	
td.padRight {
	padding-right:50px;}
	
th.sort {
	font-size:.8em;
	border-bottom:none;
	padding-bottom:10px;}


/*IMAGES************************************************************************************/
	
img.nametag {
	float:left;
	position:absolute;
	top:0;
	left:0;}
	
img.tagWrap {
	padding-top:20px;}
	
img.fblogo {
	position:absolute;
	top:140px;
	left:330px;}
	
img.content {
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;}
	
img.staff {
	padding-left:20px;}
	
img.header {
	padding-top:10px;}
	

/*LISTS**************************************************************************************/
#mainNav li {
	float:left;
	list-style-type:none;}
	
#mainNav li.current{
	color:#58012b;}
	
li.bullet {
	margin-left:30px;}

li.verse {
	font-style:italic;
	text-align:right;
	padding-right:50px;
	list-style-type:none;}
li.arrow{
	margin-left:150px;
	line-height:2em;
	background-image:url(Images/arrow_bullet.png);
	background-repeat:no-repeat;
	background-position:0 10px;
	list-style-type:none;
	padding-left:20px;}
	
li.arrow_2 {
	line-height:2em;
	background-image:url(Images/arrow_bullet.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	list-style-type:none;
	padding-left:30px;}
	
li.arrow_3 {
	text-align:left;
	line-height:2em;
	background-image:url(Images/arrow_bullet.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	list-style-type:none;
	padding-left:30px;}
	
li.mp3 {
	text-align:left;
	background-image:url(Images/mp3-player.jpg);
	background-repeat:no-repeat;
	background-position: 20px 0;
	padding-left:50px;
	list-style-type:none;}
	
li.notes {
	text-align:left;
	padding-left:20px;
	background-image:url(Images/IconBible.jpg);
	background-repeat:no-repeat;
	background-position: 20px 0;
	padding-left:50px;
	list-style-type:none;}
	
/*li.rss {
	text-align:left;
	padding-left:20px;
	background-image:url(Images/rss_feed_icon.jpg);
	background-repeat:no-repeat;
	background-position: 20px 0;
	padding-left:50px;
	list-style-type:none;}*/
	
li.pdf {
	text-align:left;
	padding-left:20px;
	background-image:url(Images/pdf-icon.jpg);
	background-repeat:no-repeat;
	background-position: 20px 0;
	padding-left:50px;
	list-style-type:none;}
	
li.footRight {
	list-style-type:none;
	display:inline;
	font-size:.8em;}
	
li.copyright {
	list-style-type:none;
	font-size:.8em;}
	
li.noBullet {
	list-style-type:none;
	padding-left:20px;
	padding-bottom:20px;}
	
li.noBulletList {
	list-style-type:none;
	padding-left:10px;
	font-size:.8em;}
	
li.noBulletIndex {
	list-style-type:none;}
	
li.noBulletSpirit {
	list-style-type:none;
	padding-left:40px;}
	
li.noBulletIndexLink {
	list-style-type:none;
	padding:20px 0;}
	
li.serve {
	margin-left:40px;}
	

/*SECTION DIVS****************************************************************************/
#wrapper {
	width:975px;
	margin:0 auto;
	border-right:#c2b69a 1px solid;
	border-left:#c2b69a  1px solid;
	border-bottom:#c2b69a  1px solid;}
	
#banner {
	width:975px;
	height:149px;} 


#mainNav {
	float:left;
	width:100%;
	/*background-color:#dad3c0;*/
	background-image:url(Images/secondaryBackground_2.png);
	background-repeat:repeat-y;
	border-top:#c2b69a  1px solid;
	font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
	font-size:.9em;}


#visitors {
	float:left;
	position:relative;
	width:400px;
	height:200px;
	background-image:url(Images/paperTexture_1.jpg);
	background-repeat:repeat-y;
	background-position:0 0;}
	
#billboard{
	float:right;
	width:575px;}
	

#secondaryWrapper, #contentWrapper{
	width:975px;
	float:left;
	background-image:url(Images/secondaryBackground_2.png);
	background-repeat:repeat-y;}


#tornpaper {
	background-image:url(Images/secondaryBackground.png);
	background-repeat:no-repeat;
	padding:0;
	height:34px;}

#news{
	float:left;
	margin-left:20px;
	width:300px;
	clear:left;
	border-right:#c2b69a  1px solid;}

	
#blog{
	float:left;
	width:325px;
	text-align:center;}
	
#siteIndexLeft{
	float:left;
	margin-left:20px;
	width:400px;
	clear:left;}

#siteIndexMiddle{
	float:left;
	width:400px;
	clear:left;}
	

#sermons {
	float:right;
	width:315px;
	text-align:center;
	padding-bottom:30px;
	padding-right:10px;
	border-left:#c2b69a  1px solid;}
	
	
#footer {
	text-align:center;
	background-image:url(Images/secondaryBackground_2.png);
	background-repeat:repeat-y;}
	
#content {
	float:left;
	width:680px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	background-image:url(Images/contentBackground.jpg);
	background-repeat:repeat-x;}
	
#secondaryNav {
	float:right;
	width:250px;}
	
/*ADVENT DEVOTIONAL***********************/

#secondaryNavAdvent {
	float:right;
	padding-left:20px;
	width:230px;}
	
p.adventScripture {
	font-size:.9em;}
	
p.adventVersion {
	font-size:.9em;
	font-style:italic;
	text-align:right;}

p.adventPrayer {
	font-size:.9em;
	font-style:italic;}

p.adventSubmit{
	font-size:.9em;
	font-style:italic;}
	
a.advent {
	text-decoration:none;
	color:#363327;
	font-weight:normal;}
	
a.advent:hover{
	text-decoration:underline;
	color:#363327;
	font-weight:normal;}

a.advent:visited{
	text-decoration:none;
	color:#7e7a68;
	font-weight:normal;}
	
a.adventMusic {
	display:none;}
	

/*PAYPAL**************************************************************************************/	
input.donateButton {
	padding-top:13px;
	padding-left:10px;}
	

/*MOVIES TO ALIGN WITH LEFT SIDE OF PAGE*****************************************************/
embed.padding {
	padding-top:0;
	padding-bottom:0;
	padding-left:20px;}
	

EMBED.movie {
	float:left;
	width:320px;}
	
#welcomeVidText {
	float:right;
	width:350px;}