/*-----------------------------------------------------------------------------
Northminster Baptist Master Style Sheet
author: ansonmarketing
url:www.ansonmarketing.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

html, body {
font: 11px Verdana, Arial, Georgia, sans-serif;
line-height:18px;
color: #575F68;
background:url(../images/bg2.gif) repeat-x;
background-color:#18222B;
margin:0px;
padding:0px;
}

p {
margin:10px 0 10px 0px;
}

#sideBar p {
margin:10px 0 20px 0px;
}


.bold {
font-weight: bold;
color: #AF3105;
}

strong {
font-weight: bold;
color: #AF3105;
}

a{
color:#AF3105;
}
a:hover {
text-decoration:none;
}

.drop {
float:left;
color: #D3E8FF;
font-size:300% ;
line-height:1em;
margin: 4px 5px 0px 0;
padding:4px 5px;
border:2px solid #D3E8FF;
background:#F6FAFE;
}

.dropsmall {
float:left;
color: #D3E8FF;
font-size:40% ;
line-height:1em;
letter-spacing:10px;
}

.top {
margin:0px 0 5px 0;
font-weight: normal;
color: #39506E;
font-size: 11px;
padding:5px 0 5px 20px;
border-top: 1px solid #e6e5e0;
background:url(../images/top.gif) no-repeat left;
}

.back {
margin:0px 0 5px 0;
font-weight: normal;
color: #39506E;
font-size: 11px;
padding:5px 0 5px 20px;
border-top: 1px solid #e6e5e0;
background:url(../images/back.gif) no-repeat left;
}

blockquote {
border-left:4px solid#AF3105;
padding:10px 0 10px 10px;
font: 11px Verdana, Arial, Georgia, sans-serif;
color:#AF3105;
font-style:italic;
}

/* =Headings
-----------------------------------------------------------------------------*/

h1 {
font-weight: normal;
color: #fff;
font-size: 14px;
padding-left:5px;
background-color:#18222B;
border-bottom: 1px solid #e6e5e0;
line-height:25px;
margin:0 0 10px 0;
}

h2 {
font-weight: bold;
font-size: 12px;
color:#AF3105;
margin:0;
border-bottom : 1px solid #f0e7c8;
padding:5px 0;
/*color: #fff;

background:url(../images/bg.footer.gif) #AF3105 repeat-x;

border: 1px solid #AF3105;
*/
}

h3 {
font-weight:normal;
color: #18222b;
font-size: 12px;
padding-left:0px;
border-bottom: 1px solid #e6e5e0;
line-height:30px;
margin:0 0 10px 0;
}


/* =Layout
-----------------------------------------------------------------------------*/
.wrap {
width:800px;
margin:0px auto;
}


#banner {
height:153px;
text-align:left;
}

#contentWrap {
width:800px;
}

.whiteWrap {
padding:0px 0px;
background-color: #fff;
}

#content {
float: left;
width: 510px;
padding-right:10px;
background:#fff;
border-right: 1px solid #e6e5e0;
margin:5px 0 40px 0;
}

#sideBarWrap {
float: right;
width: 250px;
background:#fff;
}

#sideBar{
padding:0 0 0 0px ;
margin:5px 0 0px 0;
}

#sideBar h1 {
color: #fff;
padding-left:5px;
background-color:#26323e;
border-bottom: 1px solid #e6e5e0;
}
.callout2 {
margin:0 0px 3px 0px;
padding:5px ;
background-color:#F3F3EF;
border-bottom: 1px solid #e6e5e0;
float:left;
}

.clear {
clear:both;
height:1px;
}

#footerWrap {
padding: 1px 0px 1px 25px;
color:#fff;
font-size:10px;
background:url(../images/bg.footer.gif) repeat-x;
border:1px solid #e6e5e0;
}

#footerWrap a {
color:#999;
}

#footerWrap h1 {
font-weight: bold;
color: #BABABA;
font-size: 18px;
}


/****************** sermon styles ***************************/

div#sermons h2.sitemason_header {
	background:			transparent;
	text-align:			left;
	font-size:			10px;
	border:				none;
	vertical-align:		middle;
	width:				505px;
}

div#sermons h2.sitemason_header span {
	width:				68px;
	display:			block;
	text-align:			right;
	color:				#18222b;
	font-weight:		bold;
	border-right:		2px solid #f2e8c4;
	margin:				0 10px 0 0;
	float:				left;
	padding:			0 5px 0 0;
}

div#sermons h2.sitemason_header a {
	color:				#575F68;
	height:				20px;
	display:			block;
	text-decoration:	none;
	font-weight:		normal;
}


div#sermons h2.sitemason_header a:hover {
	color: 				#18222B;
	background-color:	#FDF6DB	
}

div.sermonImg .sitemason_file {
	margin:				10px 0;
	padding:			0;
}


/* =Logo
-----------------------------------------------------------------------------*/


#logo a {
position: absolute;
background:url(../images/logo.gif) no-repeat;
display: block;
margin:0px auto;
display: block;
width: 245px;
height: 100px;
}
#logo a span {
visibility: hidden;
}


/* =Callouts Home Page
-----------------------------------------------------------------------------*/
.mainnav { /*--Callouts Home Page-- */
margin:0px 5px 8px 0px;
width:248px;
padding: 0px;
list-style-type:none;
float:left;
}

li.mainnav {
display: block;
font: 10px Verdana, Arial, Georgia, sans-serif;
font-weight: normal;
background-color:#fff;
margin:0px 0px 5px 0px;
background:url(../images/bgco.gif) no-repeat bottom;
border: 1px solid #e6e5e0;
}

.mainnav a {
display:block;
color: #575F68;
padding: 15px 0px 15px 5px;
text-decoration:none;
}

.mainnav a:hover {
display:block;
background:url(../images/bgco2.gif) no-repeat bottom;
text-decoration:none;
}

.mainnav a:visited {
display:block;
color: #666;
text-decoration:none;
}

/* =Staff List
-----------------------------------------------------------------------------*/

.staff { 
margin:0px 3px 5px 0;
width:248px;
padding: 0;
list-style-type:none;
float:left;
background:url(../images/bgstaff.gif) no-repeat bottom;
border-bottom: 1px solid #e6e5e0;

}

.staff p {
padding:0px 0 0 0 ;
}

.staff strong {
font-size:11px;
font-weight: bold;
color: #AF3105;
}

/* =Alert Box
-----------------------------------------------------------------------------*/

.alert {
margin:0px 0 20px 0;
font-weight: normal;
color: #39506E;
font-size: 11px;
padding:5px 0 5px 23px;
border-top: 1px solid #e6e5e0;
background:url(../images/icon.pdf.gif) no-repeat left;
}


/* =Interior Nav
-----------------------------------------------------------------------------*/

.conav { 
margin:0px 5px 10px 0px;
width:250px;
padding: 0px;
list-style-type:none;
float:left;
}

li.conav {
display: block;
font: 10px Verdana, Arial, Georgia, sans-serif;
font-weight: normal;
margin:0px 0px 0px 0px;
background:url(../images/bullet.gif) no-repeat left;
background-color:#fff;
border-bottom: 1px solid #e6e5e0;

}

.conav a {
display:block;
color: #575F68;
padding: 10px 0px 10px 20px;
text-decoration:none;
}

.conav a:hover {
display:block;
color: #18222B;
background:url(../images/bullet.gif) no-repeat left;
background-color:#FDF6DB;
text-decoration:none;
}

li.conav2 {
display: block;
font: 10px Verdana, Arial, Georgia, sans-serif;
font-weight: normal;
margin:0px 0px 0px 0px;
background:url(../images/bullet.gif) no-repeat left;
background-color:#fff;
border-bottom: 1px solid #e6e5e0;

}

.conav2 a {
display:block;
color: #575F68;
padding: 10px 0px 10px 20px;
text-decoration:none;
}

.conav2 a:hover {
display:block;
color: #18222B;
background:url(../images/bullet.gif) no-repeat left;
background-color:#FDF6DB;
text-decoration:none;
}


/* =Generic Lists
-----------------------------------------------------------------------------*/


.list { 
margin:5px 5px 20px 0px;
padding: 0px;
list-style-type:none;
}

li.list {
display: block;
background:url(../images/bullet.list.gif) no-repeat left top;
margin:0px 0px 5px 0px;
padding:0 0 5px 20px;
border-bottom: 1px solid #e6e5e0;
}

li.listalt {
display: block;
background:url(../images/bullet.list.gif) no-repeat left top;
margin:0px 0px 5px 0px;
padding:0 0 5px 20px;
background:#ECF5FD;
border-bottom: 1px solid #e6e5e0;
}

/* =Offsite Links
-----------------------------------------------------------------------------*/

.link { 
margin:0px 0px 0px 0px;
padding: 0px;
list-style-type:none;
}

li.link {
display: block;
font: 10px Verdana, Arial, Georgia, sans-serif;
font-weight: normal;
margin:0px 0px 0px 0px;
background:url(../images/link.gif) no-repeat left;
background-color:#fff;
border-bottom: 1px solid #e6e5e0;
}

.link a {
display:block;
color: #575F68;
padding: 10px 0px 10px 20px;
text-decoration:none;
}

.link a:hover {
display:block;
color: #18222B;
background:url(../images/link.gif) no-repeat left;
background-color:#FDF6DB;
text-decoration:none;
}

/* =Deacon Lists
-----------------------------------------------------------------------------*/

.deacons {
width:220px;
float:left;
margin:0 10px 5px 0;
background:url(../images/bullet.deacon.gif) no-repeat left;
padding:3px 0 3px 20px;
border-bottom: 1px solid #e6e5e0;
}

.deacons p {
padding:0px 0 0px 0;
}


/* =Photo Styles
-----------------------------------------------------------------------------*/

.photo {
margin:5px 0px 5px 0px;
padding:7px;
background-color:#fff;
float:left;
border:1px solid #e6e5e0;
}

.photo2 {
margin:10px 0px 5px 5px;
padding:5px;
background-color:#fff;
float:right;
border:1px solid #e6e5e0;
}

.sitemason_file {
margin:10px 0px 5px 5px;
padding:5px;
background-color:#fff;
float:right;
border:1px solid #e6e5e0;
}

.cophoto {
margin:15px 5px 0 5px;
padding:3px;
background-color:#fff;
float:left;
border:1px solid #e6e5e0;
}

.staffphoto {
margin:5px 5px 10px 5px;
padding:3px;
background-color:#fff;
float:left;
border:1px solid #e6e5e0;
}
