/*Globals & Misc.*/

html * {
  padding:0;
  margin:0;
  border:0;
}
body {
  margin:0px;
  padding:0px;
  background-image: url('images/bak.gif');
}
html,body,div,p,ul,li {
	font-family: Arial, Helvetica, sans-serif;
  color: #ebd9bb;
	font-weight:normal;
	font-size:12px;
}
h1 {
	font-size: 20px;
	font-weight:normal;
}
h2 {
	font-size: 18px;
	font-weight:normal;
}
h3 {
	font-size: 17px;
	font-weight:normal;
}
hr {
	border: #60814f solid 1px;
	margin:8px 0 8px 0;
}
p {
	line-height:1.45em;
	margin:5px 0 10px 0;
}
a {
	color:#000000;
	text-decoration:none;
}
a:hover{
	text-decoration: underline;
}
.clear {
	clear:both;
}
div.linkbox {
  background-color:#eaf2fa;
	color:#60814f;
  border:#60814f solid 1px;
  padding:5px;
  margin-top:10px;
  text-align:center;
	font-size:11px;
}
.frame {
	border:#60814f solid 1px;
	padding:3px;
}
.float-left {
  float:left;
}
.float-right {
  float:right;
}
span.textalt {
	 display: block;
	 overflow: hidden;
	 text-indent: -9999px;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.font-10 {
	font-size:10px;
}
.font-black {
	color:#000000;
}
.font-green {
	color:#60814f;
}
.font-purple {
	color:#4d2f51;
}
.margin-bottom-10 {
	margin-bottom:10px;
}
.width-200 {
	width:200px;
}
.width-300 {
	width:300px;
}
.width-350 {
	width:350px;
}
.width-570 {
	width:570px;
}
/*MAIN*/

.main {
	padding:0px 0 5px 0;
	text-align:center;
}
.main div.container {
	width:970px;
	margin:0px auto;
	padding:0px;
}

/*HEADER*/

.main div.container div.header,
.main div.container div.header-interior {
  	width:970px;
  	padding:0px;
  	margin:0px;
  	border:0px;
		text-align:left;
}
.main div.container div.header div.top,
.main div.container div.header-interior div.top {
	width:970px;
	height:245px;
	background-repeat:no-repeat;
	background-position:bottom right;
	text-align:center;
}
.main div.container div.header div.top {
	background-image: url('images/headerTop.jpg');
}
.main div.container div.header-interior div.top {
	background-image: url('images/headerTop-interior.jpg');
}

/* NAV MENU */
.main div.container div.header div.nav,
.main div.container div.header-interior div.nav {
	width:970px;
	height:65px;
	background-image:url('images/nav-photo.gif');
	background-repeat:no-repeat;
	background-position:top right;
}

 	  /* HOME */
		.main div.container div.header div.nav a.HOME,
		.main div.container div.header-interior div.nav a.HOME {
			float:left;
    	background-image:url('images/nav-HOME.gif');
			background-repeat:no-repeat;
			background-position:0 0;
			width:160px;
			height:65px;
    	text-decoration:none;	
    }
		.main div.container div.header div.nav a.HOME:hover,
		.main div.container div.header-interior div.nav a.HOME:hover {
    	background-position:-160px 0;
    	text-decoration:none;
    }
		
		/* VISITORS */
		.main div.container div.header div.nav a.VISITORS,
		.main div.container div.header-interior div.nav a.VISITORS{
    	float:left;
			background-image:url('images/nav-VISITORS.gif');
			background-repeat:no-repeat;
			background-position:0 0;
			width:170px;
			height:65px;
    	text-decoration:none;	
			margin:0px;
    }
		.main div.container div.header div.nav a.VISITORS:hover,
		.main div.container div.header-interior div.nav a.VISITORS:hover {
    	background-position:-170px 0;
    	text-decoration:none;
    }
		
		/* MINISTRY */
		.main div.container div.header div.nav a.MINISTRY,
		.main div.container div.header-interior div.nav a.MINISTRY {
    	float:left;
			background-image:url('images/nav-MINISTRY.gif');
			background-repeat:no-repeat;
			background-position:0 0;
			width:115px;
			height:65px;
    	text-decoration:none;	
    }
		.main div.container div.header div.nav a.MINISTRY:hover,
		.main div.container div.header-interior div.nav a.MINISTRY:hover {
    	background-position:-115px 0;
    	text-decoration:none;
    }
		
		/* SPIRITUALITY */
		.main div.container div.header div.nav a.SPIRITUALITY,
		.main div.container div.header-interior div.nav a.SPIRITUALITY {
    	float:left;
			background-image:url('images/nav-SPIRITUALITY.gif');
			background-repeat:no-repeat;
			background-position:0 0;
			width:130px;
			height:65px;
    	text-decoration:none;	
    }
		.main div.container div.header div.nav a.SPIRITUALITY:hover,
		.main div.container div.header-interior div.nav a.SPIRITUALITY:hover {
    	background-position:-130px 0;
    	text-decoration:none;
    }
		
		/* TOOLKIT */
		.main div.container div.header div.nav a.TOOLKIT,
		.main div.container div.header-interior div.nav a.TOOLKIT{
    	float:left;
			background-image:url('images/nav-TOOLKIT.gif');
			background-repeat:no-repeat;
			background-position:0 0;
			width:120px;
			height:65px;
    	text-decoration:none;	
    }
		.main div.container div.header div.nav a.TOOLKIT:hover,
		.main div.container div.header-interior div.nav a.TOOKKIT:hover {
    	background-position:-120px 0;
    	text-decoration:none;
    }
		
/*MIDDLE*/

.main div.container div.middle {
  margin:0px;
  padding:0px;
  background-image: url('images/midBak.gif');
  background-repeat: repeat-y;
  width:970px;
	overflow:auto;
	/*height:745px;  CAN DELETE AFTER COPY IS PUT IN*/
  text-align:center;
}
.main div.container div.middle div.topBrownBox {
	background-image:url('images/midTop.gif');
}
.main div.container div.middle div.topBrownBox-noBak {
	background-image:url('images/midTop-nobrownBak.gif');
	margin-top:-10px !important;
	margin-top:0px;
}
.main div.container div.middle div.topBrownBox-noBak div.linkbox {
	margin-left:90px;
}
.main div.container div.middle div.topBrownBox,
.main div.container div.middle div.topBrownBox-noBak {
	width:970px;
	height:55px;
	background-repeat:no-repeat;
	background-position:bottom left;
	text-align:left;
	clear:both;
}
.main div.container div.middle div.topBrownBox h2 {
	padding: 20px 0px 0px 100px;
}
.main div.container div.middle div.midBrownBox {
	width:970px;
	overflow:auto;
	background-image:url('images/brownboxBak.gif');
}
.main div.container div.middle div.midBrownBox div.brownbox-container, 
.main div.container div.middle div.mainMid div.bluebox-container {
	text-align:left;
	padding: 0px 70px 0px 100px;
}
.main div.container div.middle div.midBrownBox div.brownbox-container div.float-left {
	width:570px;
}
.main div.container div.middle div.midBrownBox div.brownbox-container div.float-right {
	padding:0 5px 0 10px;
	border-left:#ebd9bb dotted 1px;
}
.main div.container div.middle div.midBrownBox div.brownbox-container div.float-right p {
  width:187px;
}
.main div.container div.middle div.midBrownBox div.brownbox-container div.float-right div.mission {
	background-image:url('images/our-mission-header.gif');
	background-repeat:no-repeat;
	width:135px;
	height:20px;
	margin:0 0 0 35px;
}
.main div.container div.middle div.midBrownBox div.brownbox-container div.float-right div.people{
	background-image:url('images/our-people-header.gif');
	background-repeat:no-repeat;
	width:200px;
	height:20px;
	margin:0 0 0 0px;
}
.main div.container div.middle div.bottomBrownBox {
	width:970px;
	height:25px;
	background-image:url('images/brownboxbotBak.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
}
.main div.container div.middle div.mainTop {
	width:970px;
	height:20px;
	background-image:url('images/mainTop.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
}
.main div.container div.middle div.mainMid {
	width:970px;
	overflow:auto;
	background-image:url('images/mainMid.gif');
}
.main div.container div.middle div.mainMid div.bluebox-container,
.main div.container div.middle div.mainMid div.bluebox-container p,
.main div.container div.middle div.mainMid div.bluebox-container ul li{
	color:#2e5073;
}
.main div.container div.middle div.mainMid div.bluebox-container ul li {
	margin:0 0 0 15px;
	line-height:1.45em;
}
.main div.container div.middle div.mainMid div.bluebox-container img {
  margin:5px 10px 0px 0px;
}
.main div.container div.middle div.mainBot {
	width:970px;
	height:20px;
	background-image:url('images/mainBot.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
}
.main div.container div.middle div.box {
 	margin:0 0 0 80px;
}
.main div.container div.middle div.box div.greenBox {
	margin:0 10px 0 0;
}
.main div.container div.middle div.box div.greenBox,
.main div.container div.middle div.box div.purpleBox,
.main div.container div.middle div.box div.blogBox {
	width:275px;
	float:left;
	overflow:hidden;
}
.main div.container div.middle div.box div.blogBox {
	height:215px;
}
.main div.container div.middle div.box div.purpleBox div.purpleboxTop {
	background-image:url('images/purpleboxTop.jpg');
}
.main div.container div.middle div.box div.greenBox div.greenboxTop {
	background-image:url('images/greenboxTop.jpg');
}
.main div.container div.middle div.box div.purpleBox div.purpleboxTop,
.main div.container div.middle div.box div.greenBox div.greenboxTop {
	height:75px;
	background-repeat:no-repeat;
	background-position:bottom left;
}
.main div.container div.middle div.box div.purpleBox div.purpleboxMid {
	background-image:url('images/purpleboxMid.jpg');
}
.main div.container div.middle div.box div.greenBox div.greenboxMid {
	background-image:url('images/greenboxMid.jpg');
}
.main div.container div.middle div.box div.purpleBox div.purpleboxMid,
.main div.container div.middle div.box div.greenBox div.greenboxMid {
	padding:5px 0 5px 0;
	height:77px;
}
.main div.container div.middle div.purpleBox div.purpleboxBot {
	background-image:url('images/purpleboxBot.jpg');
}
.main div.container div.middle div.purpleBox div.purpleboxBot,
.main div.container div.middle div.greenBox div.greenboxBot {
	background-repeat:no-repeat;
	background-position:bottom left;
	height:65px;
}

/*FOOTER*/
.main div.container div.footer {
   background-image: url('images/footerBak.gif');
   background-position:bottom right;
   width:970px;
   height:85px;
}