/* CSS Document */


/* defaults, globals, and miscellaneous
==============================================================================*/
* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}

body {
	font-size: 62.5%; /* sets the stage for using ems */
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	background: #787878 url(/i/bg_main.jpg) repeat-x;
	}

table.admin {
	font: normal 1.15em/1em 'Trebuchet MS','Lucida Sans',tahoma,sans-serif;
	}

table.admin th { padding:5px; background-color:#efefef;}

table.admin td { text-align:center;}

hr {
	display: none;
	}

a {
	color:#208ABD;
	text-decoration:none;
	}
a:hover {
	/*background-color:#FFFFBB;*/
	color:#333;
	}
	
a.external {
	background: url(/i/bullet_external.gif) no-repeat 100% 0;
	padding: 0 15px 0 0;
}	

a.external span
{
position: absolute;
left: -5000px;
}

img {
	border:none;
	text-decoration:none;
	}	

.clear {
	clear:both;
	}	

#skipLink {
	display: none;
	}

/* layout setup
==============================================================================*/
#livearea,
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 910px;
	text-align: left;
	/*border:1px solid #ccc;*/
	}

/* site id and utility links
==============================================================================*/
#logo h1 {
	position: relative;
	height: 62px;
	}
	#logo h1 a {
		display: block;
		position: absolute;
		top: 35px;
		left:10px;
		width: 205px;
		height: 62px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(/i/logo.jpg) no-repeat;
		}
		
#mission {
	float:right;
	margin:35px 200px 0 0;
	width:350px;
	display:block;
	height: 60px;
}

#mission p {
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#fff;
}

#mission p a {
	background-color:#006699;
	color:#fff;
	text-decoration:none;
	padding:1px 2px;
}

#mission p a:hover {
	background-color:#333;
	color:#fff;
}

#memberlogin {
	position: absolute;
	top: 1px;
	left:750px;
	width:130px;
	height:30px;
	display:block;
	background: url(/i/bg_memberlogin.jpg) no-repeat;
	text-align:center;	
	padding-top:8px;
	float:right;
}

#memberlogin p a {
	font-size:12px;
	color:#fff;
}

#memberlogin p a:hover {
	color:#B9E9FF;
}


/* top-level navigation
==============================================================================*/
#nav {
	height: 30px;
	margin: 53px 0 0 0;
	list-style: none;
	font-size:1.2em;
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	#nav li {
		float: left;
		margin-right: 2px;
		height: 30px;
		text-transform:uppercase;
		overflow: hidden; /* if text-resize, this'll keep the nav the same size */
		}
	#nav li a {
		display: block;
		line-height: 14px;
		text-align:center;
		color:#32312D;
		padding:8px 45px;
		background-color:#D0CCB9;	
		text-decoration:none;
		}
		
	#nav li a:hover {
		background-color:#F3F2ED;
		/*background-color:#fff;*/
		}
		
	#home #navHome,
	#beliefsl1 #navBeliefs,
	#beliefsl2 #navBeliefs,
	#beliefsl3 #navBeliefs,
	#beliefsl4 #navBeliefs,
	#beliefs #navBeliefs,
	#events #navEvents,
	#library #navLibrary,
	#resources #navResources,
	#about #navAbout,
	#contact #navContact {
		background-color:#fff;
		color:#32312D;
		}

	#nav li.last {
		margin-right: 0;
	}		
	#nav li a.nudge {
		padding:8px 48px 8px 49px;
	}		


/* maincontentwrapper
==============================================================================*/	
#maincontentwrapper {
	margin:0;
	width:907px;
	float:left;
	display:block;
	background: #fff url(/i/bg_mainbottom.jpg) bottom left no-repeat;
}
	#maincontentwrapper h1 {
		color:#CC3300;
		font: normal 2.5em/1em 'Trebuchet MS','Lucida Sans',tahoma,sans-serif;
		margin:0;
		padding:20px 0 5px 35px;
	}
	
	#maincontentwrapper h2 {
		color:#555;
		font: normal 2.2em/1em 'Trebuchet MS','Lucida Sans',tahoma,sans-serif;
		margin:0;
		padding:0 0 10px 35px;
	}

/* header image
==============================================================================*/
#homeheader {
	width:876px;
	height:250px;
	display:block;
	margin: 15px 0 0 15px;
	text-align:center;
	background: #585751 url(/i/fma-1.jpg) no-repeat;
	}

#homeheader p.img {
	text-indent:-5000px;
}	

#homeheader h2 {
	width:270px;
	float:right;
	text-align:left;
	color:#ffffff;
	margin-top:15px;
}
	
#homeheader ul {
	clear:both;
	width:270px;
	float:right;
	list-style:none;
	text-align:left;
	color:#fff;	
	margin:5px 0 0 0;
}

#homeheader li {
	display:block;
	height:45px;
	width:235px;
	font-size:14px;
	padding:3px 0;
}

#homeheader li strong {
	margin-right:15px;
	display:block;
	width:45px;
	height:30px;
	font-size:9px;
	float:left;
	color:#333333;
	background-color:#fff;
	border:1px solid #fff;
	text-align:center;
	font-weight:bold;
}

#homeheader li .mon {
	font-size:8px;
	width:45px;
	background-color:#CC3300;
	height:13px;
	color:#fff;
	display:block;
}

#homeheader li a {
	color:#B9E9FF;
	border-bottom:dotted 1px #B9E9FF;
	text-decoration:none;
}

#homeheader li a:hover {
	color:#fff;
	background-color:#333;
	border:none;
}

/* header image
==============================================================================*/
#header {
	width:876px;
	height:150px;
	display:block;
	margin: 15px 0 0 15px;
	}

/* leftbox
==============================================================================*/
#leftbox {
	width:230px;
	height:150px;
	display:block;
	float:left;
	background: url(/i/bg_leftbox.jpg) no-repeat;
}

#leftbox h2 {
	font-size:17px;
	border-bottom:1px dotted #D0CCB9;
	margin: 25px 25px 0 25px;
	padding:0 0 5px 0;
	text-transform:uppercase;
	color:#53514A;
}

#leftbox p {
	padding:6px 25px 1px 25px;
	font:13px/15px 'Trebuchet MS','Lucida Sans',tahoma,sans-serif;
	color:#32312D;
}


/* rightbox
==============================================================================*/
#rightbox {
	width:646px;
	float:right;
	display:block;
	height:150px;
	text-indent:-5000px;
}

/* maincontent
==============================================================================*/
#maincontent {
	padding:10px 0;
	width:910px;
}

/* content
==============================================================================*/
#content {
	width:610px;
	display:block;
	float:left;
	padding-bottom:25px;
}

	#content h1 {
		padding:10px 0;
		color:#CC3300;
		font: normal 2.5em/1em 'Trebuchet MS','Lucida Sans',tahoma,sans-serif;
	}
	
	#content h2 {
		padding: 5px 0;
		clear:both;
	}
	
	#content h3 {
		font: bold 1.35em/1.6em Arial, Helvetica, sans-serif;
		padding: 10px 0 8px 0;
		border-bottom:1px dotted #ccc;
	}
	
	#content p {
		font: normal 1.45em/1.6em Arial, Helvetica, sans-serif;
		padding: 5px 0;	
	}
	
	#maincontent a, #content a {
		border-bottom:dotted 1px #208ABD;
	}
	
	#content ul {
		font: normal 1.45em/1.6em Arial, Helvetica, sans-serif;
		padding: 5px 0;
		list-style:none;	
	}
	
	#content ul li {
		padding: 0 0 3px 15px;
		background: url(/i/bullet_main.jpg) 0 9px no-repeat;
	}
	
/* class: sermonlisting
==============================================================================*/

	div.sermonlisting {
		clear:both;
		margin:0;
		width:530px;
		padding:10px 5px 15px 15px;
		border-top:1px solid #DEE1E5;
		display:block;
	}
	
	div.sermonlistingalt {
		clear:both;
		margin:0;
		width:530px;
		padding:10px 5px 15px 15px;
		border-top:1px solid #DEE1E5;
		display:block;
		background-color:#F1F6FE;
	}

	#content .sermonlisting p,
	#content .sermonlistingalt p {
		font: normal 1.25em/1.35em Arial, Helvetica, sans-serif;
		padding: 1px 0 1px 0;	
	}
	
	#content .sermonlisting p.small,
	#content .sermonlistingalt p.small { font: normal 1.1em/1.35em Arial, Helvetica, sans-serif; padding:2px 0 0 0; }
	#content .sermonlisting span.tag,
	#content .sermonlistingalt span.tag { font: normal .8em/1em Arial, Helvetica, sans-serif; color:#C2BCB1; text-transform:uppercase; }
	.sermonlisting span.tag,
	.sermonlistingalt span.tag { font: normal .8em/1em Arial, Helvetica, sans-serif; color:#D0CCB9; text-transform:uppercase; }
	
	#content .sermonlisting ul,
	#content .sermonlistingalt ul {
		font: normal 1.25em Arial, Helvetica, sans-serif;
		padding: 1px 0 1px 20px;
		list-style:none;	
	}
	
	#content .sermonlisting ul li,
	#content .sermonlistingalt ul li {
		font: normal 1.1em/1.25em Arial, Helvetica, sans-serif; 
		padding: 0 0 0 15px;
		background: url(/i/bullet_main.jpg) 0 5px no-repeat;
	}
	
	#content .sermonlisting ol,
	#content .sermonlistingalt ol {
		font: normal 1.1em Arial, Helvetica, sans-serif;
		padding: 1px 0 1px 24px;	
	}
	
	#content .sermonlisting ol li,
	#content .sermonlistingalt ol li {
		font: normal 1.1em Arial, Helvetica, sans-serif;
		padding: 0;
	}
	
	#content .sermonlisting a.dl,
	#content .sermonlistingalt a.dl {
		font: normal .9em Arial, Helvetica, sans-serif;
		padding:4px;
		color:#fff;
		background-color:#CC0033;
		border:0;
	}
		
	#content .sermonlisting a.dl:hover,
	#content .sermonlistingalt a.dl:hover {
		background-color:#666666;
	}
	
	#content .sermonlisting p.dl,
	#content .sermonlistingalt p.dl {
		float:right;
		display:block;
		width:50px;
		padding:0 10px 0 0;
		text-align:right;
	}
	
	#content .toggle {
		margin-top:10px;
	}
	#content .toggle p {
		font: normal 1.1em/1.35em Arial, Helvetica, sans-serif;
	}
	
	#content .toggle ol {
		padding: 1px 0 1px 24px;	
	}
	
	#content .toggle ol li {
		font: normal 1em Arial, Helvetica, sans-serif;
		padding: 0;
	}

	#content .toggle .toggleLink {
		display:block;
		float:right;
	}

/* class: listingitem
==============================================================================*/

	div.listingitem {
		clear:both;
		margin:15px 0;
		width:500px;
		padding:5px 5px 15px 5px;
		border-top:1px solid #eee;
		display:block;
	}
	
	div.listingdetails {
		width:400px;
		float:left;
		display:block;
	}

	#content .listingitem h1 {
		padding:10px 0;
		color:#CC3300;
		font: normal 2.5em/1em 'Trebuchet MS','Lucida Sans',tahoma,sans-serif;
	}
	
	#content .listingitem h2 {
		padding: 5px 0 0 0;
		font: normal 1.35em Arial, Helvetica, sans-serif;
		color:#000;
	}
		
	#content .listingitem p {
		font: normal 1.25em Arial, Helvetica, sans-serif;
		padding: 2px 0 5px 0;	
	}
	
	#content .listingitem p.command { display:block; float:right; font: normal 1.25em/1.35em Arial, Helvetica, sans-serif;  }
	#content .listingitem p.small { font: normal 1.1em/1.35em Arial, Helvetica, sans-serif; padding:2px 0; }
	#content .listingitem span.tag { font: normal .8em/1em Arial, Helvetica, sans-serif; color:#D0CCB9; text-transform:uppercase; }
	.listingitem span.tag { font: normal .8em/1em Arial, Helvetica, sans-serif; color:#D0CCB9; text-transform:uppercase; }
	
	#content .listingitem ul {
		font: normal 1.25em Arial, Helvetica, sans-serif;
		padding: 5px 0;
		list-style:none;	
	}
	
	#content .listingitem ul li {
		padding: 0 0 0 15px;
		background: url(/i/bullet_main.jpg) 0 5px no-repeat;
	}
	
	#content .listingitem ol {
		font: normal 1.25em Arial, Helvetica, sans-serif;
		padding: 2px 0 2px 20px;	
	}
	
	#content .listingitem ol li {
		padding: 0 0 0 0;
	}
	
	#content .listingitem a.download {
		font: normal .9em Arial, Helvetica, sans-serif;
		padding:2px;
		color:#fff;
		background-color:#CC0033;
		border:0;
	}
		
	#content .listingitem a.download:hover {
		background-color:#666666;
	}
	
	#content .listingitem p.dl {
		padding-top:5px;
	}
	
		
/* leftcol
==============================================================================*/	
#leftcol {
	margin:20px 0 0 15px;
	width:252px;
	float:left;
	display:block;
}

	#leftcol form { padding: 15px 0; }
	#leftcol input { width:135px; }
	#leftcol textarea { font:Arial, Helvetica, sans-serif; width:135px;}
	#leftcol .subject { display:none; }
	#leftcol .submit { width:55px; color:#fff; background-color:#CC3300; font-size:11px; text-transform:uppercase; }

	#leftcol h1 {
		color:#666;
		font: normal 1.75em/1em Trebuchet MS,Arial, Helvetica, sans-serif;
		padding:10px 0 10px 10px;
		text-transform:uppercase;
		border-bottom:2px solid #666;
		width:210px;
	}
	
	#leftcol h2 {
		font: normal 1.65em/1em 'Lucida Sans',tahoma,sans-serif;
		padding:10px 0 5px 15px;
		margin:0;
	}
	
	#leftcol p {
		padding:5px 10px 5px 10px;
		font: normal 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	}
	
	#leftcol ul {
		list-style: none;
		padding:0 0 15px 0;
		margin:0;
		background:none;
		}
		
	#leftcol li {
		font: normal 1.35em/1.1em Verdana, Arial, Helvetica, sans-serif;
		display:block;
		border-bottom:1px dotted #006699;
		background:none;
		width:220px;
	}
	
	#leftcol li a {
		padding:10px;
		display:block;
		text-decoration:none;
		color:#006699;
		border:none;
	}
	
	#leftcol li a:hover {
		color: #fff;
		background-color:#6FA9C5;
		padding:10px;
	}


	#beliefsl1 #l1,
	#beliefsl2 #l2,
	#beliefsl3 #l3,
	#beliefsl4 #l4 {
		color: #333;
		background: #F2F7F9 url(/i/bullet_arrow.gif) 10px 13px no-repeat;
		padding-left:25px;
	}	
		
	#beliefsl1 #leftcol #l1:hover,
	#beliefsl2 #leftcol #l2:hover,
	#beliefsl3 #leftcol #l3:hover,
	#beliefsl4 #leftcol #l4:hover {
		color:#333;
		background-color:#E9F1F5;
	}		

/* latestmessage
==============================================================================*/
#latestmessage {
	width:180px;
	height:100px;
	background-color:#fff;
	display:block;
	padding:10px;
}

#latestmessage h2 {
	font-size:11px;
	border-bottom:1px solid #999;
	padding:0 0 5px 0;
	text-transform:uppercase;
	font-weight:bold;
}

#latestmessage p {
	padding:4px 0 10px 0;
	font:12px/12px 'Trebuchet MS','Lucida Sans',tahoma,sans-serif;
}

#latestmessage span.meta {
	font:9px/8px 'Trebuchet MS','Lucida Sans',tahoma,sans-serif;
	color:#888;
	text-transform:uppercase;
}

/* cola, colb, colc
==============================================================================*/
#cola,#colb,#colc {
	float:left;
	width:260px;
	display:block;
	padding:10px 20px;
}

#cola h1, #colb h1, #colc h1 {
	font-size:20px;
	padding: 0;
}

#cola ol {
	font: normal 1.45em/1.6em Arial, Helvetica, sans-serif;
	padding: 0 0 0 20px;
}

#cola li {
	padding: 0 0 1px 5px;
}

#cola p, #colb p, #colc p {
		font: normal 1.35em/1.5em Arial, Helvetica, sans-serif;
		padding: 5px 0 5px 0;	
	}

a.btn_black {
	background-color:#000;
	color:#fff;
	padding:3px 10px;
	text-transform:uppercase;
	text-decoration:none;
}

a.btn_black:hover {
	background-color:#333;
	color:#fff;
}

a.btn_orange {
	background-color:#CC3300;
	color:#fff;
	padding:3px 10px;
	text-transform:uppercase;
	text-decoration:none;
}

a.btn_orange:hover {
	background-color:#333;
	color:#fff;
}

/* form
==============================================================================*/
input { width:300px; }
textarea { font:Arial, Helvetica, sans-serif; width:300px;}
.subject { display:none; }
.submit { width:120px; }


/* footer
==============================================================================*/	
#footerwrapper {
	position: relative;
	clear: both;
	padding: 10px;
	height:25px;
	color:#fff;
	width:910px;
	text-align:center;
}	

#footer {
	text-align:left;
	}