/*
Theme Name: Calvary Baptist Edmonton Theme
Theme URI: http://www.calvarybaptistedmonton.com/
Description: 
Version: 1.0
Author: Shaun Smith and Jeremy Massel
Author URI: 

*/

/* CSS Document */

* {
	margin:0px;
	padding:0px;
}
body {
	background:url(images/bg.jpg) top left repeat;
}
#wrapper {
	height:auto;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

/*=================
 Masthead Structure
===================*/
#mastHead {
	height:115px;
	width:960px;
	background:url(images/header.png) top left no-repeat;
	overflow:hidden;
	text-indent:-9000px;
}
#shaders {
	height:auto;
	width:960px;
	float:left;
	position:relative;
	overflow:inherit;
	background:url(images/shade.png) top left repeat-y;
}

/*=================
 main navigation area
 ===================*/
#navHolder {
	position:relative;
	float:left;
	width:948px;
	height:35px;
	margin-left:6px;
	margin-right:6px;
	background:#eae7d2;
}
#nav {
	float:left;
	position:relative;
	list-style-type: none;
	margin-left:6px;
	margin-right:6px;
	background:#eae7d2;
}
#nav .topLevelNavItem {
	/*float the main list items*/
  	margin: 0;
	float: left;
	display: block;
}
#nav .topLevelDropNavItem {
	/*float the main list items*/
  	margin: 0;
	float: left;
	display: block;
}
#nav .topDrop2NavItem {
	/*float the main list items*/
  	margin: 0;
	float: left;
	display: block;
}
#nav li.off ul {
	/*hide the subnavs*/
  display: none;
}
#nav .topLevelNavItem a {
	font-weight:normal;
	display: block;
	width: 189px;
	padding: 0px;
	height:35px;
}
#nav .topLevelDropNavItem a {
	font-weight:normal;
	display: block;
	width: 190px;
	padding: 0px;
	height:35px;
}
#nav .topDrop2NavItem a {
	font-weight:normal;
	display: block;
	width: 191px;
	padding: 0px;
	height:35px;
}
#nav li.topLevelNavItem ul, #nav li.topLevelDropNavItem ul, #nav li.topDrop2NavItem ul {
	/*put the subnavs below and hide them all*/
  	display: none;
}
#nav li.topLevelNavItem ul li {
}
#nav li.topLevelNavItem ul a, #nav li.topLevelDropNavItem ul a, #nav li.topDrop2NavItem ul a {
	border: 0;
	width: auto;
	margin-right: 15px;
}
#nav li.topLevelNavItem:hover ul, #nav li.topLevelDropNavItem:hover ul, #nav li.topDrop2NavItem:hover ul {
	display: block;
	z-index: 5000000;
	background: #2487c0;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	position:absolute;
}
.topLevelNavItem .mainNavBtn {
	background-image: url(images/btnBg.png);
	background-position: 0px 0px;
}
.topLevelDropNavItem .mainNavBtn {
	background-image: url(images/btnBg.png);
	background-position: 0px 0px;
}
.topDrop2NavItem .mainNavBtn {
	background-image: url(images/btnBg.png);
	background-position: 0px 0px;
}
.topLevelNavItem #homeBtn {
	background-image: url(images/btnBg.png);
	background-position: 0px 0px;
}
.topLevelNavItem:hover #homeBtn {
	background-position: 0px -35px;
}
.topLevelDropNavItem #aboutBtn {
	background-position: -189px 0px;
}
.topLevelDropNavItem:hover #aboutBtn {
	background-position: -189px -35px;
}
.topDrop2NavItem #ministriesBtn {
	background-position: -379px 0px;
}
.topDrop2NavItem:hover #ministriesBtn {
	background-position: -379px -35px;
}
.topLevelNavItem #eventBtn {
	background-position: -570px 0px;
}
.topLevelNavItem:hover #eventBtn {
	background-position: -570px -35px;
}
.topLevelNavItem #contactBtn {
	background-position: -759px 0px;
}
.topLevelNavItem:hover #contactBtn {
	background-position: -759px -35px;
}
#nav .topLevelNavItem:hover ul li, #nav .topLevelDropNavItem:hover ul li {
	margin-left: 5px;
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	width:183px;
}
#nav .topDrop2NavItem:hover ul li {
	margin-left: 5px;
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	width:184px;
}
#nav .topLevelNavItem:hover ul li a, #nav .topLevelDropNavItem:hover ul li a, #nav .topDrop2NavItem:hover ul li a {
	color: #FFF;
	font-size:14px;
	text-decoration: none;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	margin: 0px;
	padding:12px 0px 0px 0px;
}

#nav .topLevelNavItem:hover ul li a:hover, #nav .topLevelDropNavItem:hover ul li a:hover, #nav .topDrop2NavItem:hover ul li a:hover {
	color: #FFF;
	font-size:14px;
	text-decoration: underline;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin: 0px;
	padding:12px 0px 0px 0px;
	z-index: 10000;
}

#navShade{
	height:10px;
	width:948px;
	float:left;
	position:relative;
	background:url(images/bgSprites.png) no-repeat #eae7d2;
	background-position:0px -24px;
	margin-left:6px;
	margin-right:6px;
}


/*=======================
  promoContent - eae7d2
=========================*/

#promoContainer {
	height:auto;
	width:948px;
	float:left;
	position:relative;
	background:#eae7d2;
	margin-left:6px;
	margin-right:6px;
}
#promoLeft {
	height:auto;
	width:610px;
	float:left;
	position:relative;
	background:#eae7d2;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:22px;
	padding-right:0px;
	margin:0px;
}
#promoRight {
	height:auto;
	width:316px;
	float:left;
	position:relative;
	background:#eae7d2;
}
#promoDiv {
	height:233px;
	width:10px;
	float:left;
	position:relative;
	background:url(images/vertSprites.jpg) top left no-repeat #eae7d2; 
	background-position:0px 0px;
	margin-right:8px;
	margin-top:48px;
	overflow:hidden;
}
#promoContentFin {
	height:10px;
	width:948px;
	float:left;
	position:relative;
	background:url(images/bgSprites.png) no-repeat;
	background-position:0px 0px;
	clear:both;
}
#promo {
	height:250px;
	width:614px;
	float:left;
	position:relative;
	background:url(images/samplePromo.jpg) top left no-repeat;
	margin-top:20px;
}
#promoLogo {
	height:250px;
	width:281px;
	float:left;
	position:relative;
	background:url(images/cbLogo.jpg) top left no-repeat;
	margin-top:20px;
}


/*=======================
  mainContent - ffffff
=========================*/

#mainContainer {
	height:auto;
	width:948px;
	float:left;
	position:relative;
	background:#fdfdfd;
	margin-left:6px;
	margin-right:6px;
}
#mainLeft {
	height:auto;
	min-height:256px;
	width:474px;
	float:left;
	position:relative;
	background:#ffffff;
	padding:18px 79px;
}
#mainRight {
	height:auto;
	min-height:256px;
	width:288px;
	float:left;
	position:relative;
	background:#fdfdfa;
	padding:18px 9px;
}

.eventDiv {
	height:1px;
	width:170px;
	float:left;
	position:relative;
	background:url(images/eventDiv.jpg) top left repeat;}

#mainDiv {
	height:210px;
	width:10px;
	float:left;
	position:relative;
	background:url(images/vertSprites.jpg) no-repeat;
	background-position:-10px 0px;
}

#mainLogo {
	height:auto;
	min-height:250px;
	width:281px;
	float:left;
	position:relative;
	background:#fdfdfa;
	padding:0px 0px 18px 0px;
	margin-bottom:18px;
}

#mainContentFin {
	height:10px;
	width:948px;
	float:left;
	position:relative;
	background:url(images/bgSprites.png) no-repeat;
	background-position:0px -10px;
	clear:both;
}
#bioDiv {
	height:500px;
	width:10px;
	float:left;
	position:relative;
	background:url(images/divBio.jpg) top left no-repeat;
}
#bioPic {
	height:250px;
	width:281px;
	float:left;
	position:relative;
	background:url(images/bioSample.jpg) top left no-repeat;
	padding-bottom:18px;
}
#minLogo {
	height:250px;
	width:281px;
	float:left;
	position:relative;
	background:#33FFCC;
	padding-bottom:18px;
}
/*======================
  mainContent - 2587c1
========================*/
	
#footerContent {
	height:auto;
	width:912px;
	float:left;
	position:relative;
	background:#2587c1;
	margin-left:6px;
	margin-right:6px;
	padding:48px 18px 18px 18px;
	text-align:right;
}
#footerLogo {
	height:40px;
	width:40px;
	float:right;
	position:relative;
	background: url(images/footerLogo.jpg) top left no-repeat #2587c1;
	margin-bottom:18px;
}
#footerContentFin {
	height:5px;
	width:960px;
	float:left;
	position:relative;
	background:url(images/bgSprites.png) no-repeat;
	background-position:0px -20px;
	margin-left:6px;
	margin-right:6px;
	clear:both;
	overflow:hidden;
}
/*======================
  texty goodness
========================*/

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2587c1;
	line-height:18px;
}
h2 { /*main body titles*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2587c1;
	line-height:27px;
	padding-bottom:9px;
}
h3 { /*Quick Facts Titles*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2587c1;
	line-height:16px;
	padding-bottom:9px;
}
h4 { /*Quick Facts subTitles*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#51473d;
	font-weight:bold;
	padding-left:18px;
	padding-top:9px;
	line-height:18px;
}
h5 { /*Quick Facts SubTitle info*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#51473d;
	font-weight:lighter;
	line-height:18px;
	padding-left:18px;
	padding-bottom:9px;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#51473d;
	line-height:18px;
	padding-bottom:12px;
}
#footerContent a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	line-height:10px;
	font-weight:bold;
	padding-right: 5px;
	padding-left: 5px;
}
#footerContent p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	line-height:0px;
	padding-top:9px;
	padding-righ\t:18px;
}
a{
	color:#2587c1;
	border:0px;
}
img {
	border:0px;
}
a:active {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a:link {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.alignleft{
	float: left;
	clear: left;
	margin-right: 3px;

}
.alignright{
	float: right;
	clear: right;

}