/* CSS Document */
body{
	font-family:Helvetica, Ariel, sans-serif;
	background:url(../../images/bg.png) repeat;
}
.left{	float:left;}
.right{	float:right;}
ul{
	list-style:none;
}
a, a:visited{
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
body, h1, h2, h3, h4, p, #top-panel, #sub-panel, #dropbar, #wrapper, .wrapper, ul#topnav li {padding:0;}
body, h1, h2, h3, h4, p, #beta, #top-panel ul, #sub-panel, #dropbar, #nav, ul#topnav, ul#topnav li {margin:0;}

/*top drop*/
#top-panel{
	background: url(../../images/tpanel_bg.jpg) repeat-x bottom;
	background-color:#4d91b2;
	width:100%;
	margin: 0 auto;
}
#top-panel a, #top-panel a:visited {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight: normal;
	color: #ebebeb;
	text-decoration: none;
}
#top-panel a:hover{
	text-decoration:underline;
}
#top-panel ul{
	list-style:none;
	padding:25px 0;
}
#top-panel ul .head{
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#00141c;
}
#top-panel ul #left {
	float: left;
	width:240px;
}
#sub-panel{
	text-align:center;
	vertical-align: top;
}
#sub-panel a{
	border:none;
	font-size: 13px;
	width:102px;
	height: 26px;
	float:right;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	margin-top:0px;
	margin-right:25px;
	display:block;
	background:url(../../images/tpanel_button.png) top left no-repeat;
}
#sub-panel a:hover { 	background:url(../../images/tpanel_button_hover.png) top left no-repeat; text-decoration:none; color:#004161; }
#sub-panel a:active{
	border:none;
}
#topnav li .center {
	text-align:center;
}
#header {
	height:108px;
	background:url(../../images/header_bg.jpg) no-repeat bottom center #00141c;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #4bac1f;
}
#header img {
	margin:24px 0 0 30px;
	border:none;
}
#header img a:active {
	border:none;
}
#header img a:visited {
	border:none;
}
#header #searchform {
	position:relative;
	z-index:1;
	padding:6px;
	height:21px;
	margin:78px 0 0 50px;
	float:right;
	background:url(../../images/search_bg.png) top no-repeat;
}
#header form #search_field{
float:left;	padding:0; margin:0; }
#header form #search_button{
}
#dropbar { background:url("/images/tpanel_bg_new.png") no-repeat scroll left top transparent; float:right; padding:8px 14px 8px 18px; width:470px; }
#dropbar li { float:left; padding:0; margin:0; }
#dropbar li form { }
#dropbar li #searchspan, #dropbar li a { color:#eee; position:relative; font-weight:bold; font-size:15px; text-shadow:2px 2px 2px #333; }
#dropbar li a { padding:7px; margin-left:20px; }
#dropbar li a:hover { text-decoration:none; }
#dropbar li #srch_field { margin:0;}
#dropbar li #srch_button { margin:0 0 -6px -6px; }

/*header END*/

#wrapper{
	width:960px;
	margin: 0 auto;
}
.wrapper{
	width:960px;
	margin: 0 auto;
}
/*navigation*/
#nav {
	height:38px;
	width: 100%;
	background: url(../../images/navbar.gif) repeat-x top;
}
ul#topnav {
	position:relative;
	top:-21px;
	padding: 18px 0 0 0;
	float: left;
	width: 960px;
	list-style: none;
}
ul#topnav li {
	float: left;
	height:38px;
}
ul#topnav li a {
	padding: 12px 20px;
	display: block;
	color: #d5dbde;
	text-decoration: none;
	font-size:15px;
	font-weight:bold;
	text-shadow: 1px 1px 1px #04131E;
}
ul#topnav li:hover a{
	background: #011529;
	position:relative;
	z-index:25;
}
ul#topnav li:hover {
	background: url(../../images/navon_left.gif) left top no-repeat;	
}
#topnav li:hover span a{
	background: none;
	color:#33332F;
}
ul#topnav li:hover span {display: block; border-bottom:none;}
ul#topnav li span {
	float: left;
	padding: 8px 11px;
	position: absolute;
	left: 0; top:56px;
	display: none;
	width: 938px;
	color: #33332F;
	height:36px;
}
ul#topnav li span a {
	display: inline;
	font-size:.8em;
	font-weight:400;
	padding:0 5px;
	text-shadow:none;
}
ul#topnav li span a:hover {text-decoration: underline;}

/*content*/
#content {
	background:#ebebeb url(/images/undernavbg.png) top repeat-x;
	padding:46px 0 0 11px;
	border-left:#dddddd 1px solid;
	border-right:#dddddd 1px solid;
}
.content{
	margin: 0 20px 0 0;
}

.content a{
	color: #fff;
}
.content p.linkage{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #ddd;
}

.content p.linkage a { color: #fff; }

.serif{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:100;
}
#content #headertitle {
	height:50px; width:610px; padding:0; margin:0 0 0 20px;
	position:relative; z-index:1;
}
#content #headertitle h1 {
	padding:7px;
	margin:0 0 0 10px;
	font-family:garamond, times, serif;
	color:#eeeeee; 
	position:relative;
	background: url(../../images/headertittle_bg.png) bottom repeat-x;
}
#content #headertitle {
	background:url(../../images/headertittle.png) left bottom no-repeat;
}
#content #headerimg {
	padding: 0; margin:0; 
	float:none;
	height: 218px;
	width: 630px;
}

/* Head Right Widgets */

#headright {
	float:right;
	width:305px; height:268px;
	overflow:hidden;
	padding:0 12px 0 0;  
}
#headright #box{
	font-family:garamond, times, serif;
	position:relative;
	padding:0; margin:0;
	border-left: 3px solid #4bac1f;
	background:url(../../images/headrightbox.png) right top no-repeat;
}
#headright #box h2 { margin:0; padding:2px 0 0 0; color:#eeeeee;}
#headright #box h3, #headright #box p{	margin:0; padding:0; font-family:Helvetica, Arial, sans-serif;}
#headright #box ul{	margin:0 5px 0 0; padding:10px 5px; background:url(../../images/headrightbox_bg.png) top repeat-x; height:268px;}
#headright #box ul li {	margin:0; padding:5px 0; color:#eeeeee;}
#headright #box ul li:hover { background: url(../../images/headboxhover.png) bottom left no-repeat;}

#boxbottom {
	padding:0 0 1px 0; margin:0;
	text-align:center;
}
#boxbottom a{
	width:108px; height:19px;
	text-indent: -9000px;
	display:block;
	position:relative;
	margin:5px auto;
}
#boxbottom .ministries {
	background:url(/images/arrowsprite.png) top left;
}
#boxbottom .ministries:hover {
	background:url(/images/arrowsprite.png) top right;
}
#boxbottom .content {
	background:url(/images/arrowsprite.png) center left;
}
#boxbottom .content:hover {
	background:url(/images/arrowsprite.png) center right;
}
#boxbottom .calendar {
	background:url(/images/arrowsprite.png) bottom left;
	right:-327px;
}
#boxbottom .calendar:hover {
	background:url(/images/arrowsprite.png) bottom right;
}


/*Calendar Widget on the Header of Landing Pages*/


#headercal {
	font-family:garamond, times, serif;
	position:relative;
	padding:0; margin:0;
	border-left: 3px solid #4bac1f;
	background:url(/images/headercalbg.png) left top no-repeat;
	height:268px;
}
#headercal ul{	
	margin:0; 
	padding:0; 
}
#headercal ul li{
	padding:4px 7px;
	margin:0 5px 0 0;
}
#headercal p, #headercal h3 {margin:0; padding:0; color:#efefef;}
#headercal p { font-family:Helvetica, Arial, sans-serif; font-size:.8em;}
#headercal .date .months {background:#660000; text-align:center;}
#headercal ul li:hover{
	background:url(../../images/headrightbox_bg.png) top repeat-x;
}
#headercal h2{
	margin:0;
	padding: 5px 0 0 5px;
	color:#eeeeee;
}
#headercal h3, #headercal h3 a{
	margin:0;
	color:#eeeeee;
}

/* Date Boxes for Calendar Widgets*/
.date{	float:left;	padding:0 5px; margin:0;}
.box ul li p {font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#707067;}
.date h4, {	font-family:Garamond, Georgia, "Times New Roman", Times, serif;}
.day{
	padding:0; margin:0;
	background: #e6ebf2;
	width: 45px;
	height:29px;
	text-align:center;
	color:#422404;
	font-size:28px;
}
.box ul li .date .months {
	font-size:14px;
	padding:1px 0 2px 0; margin:0;
	background: #660000;
	width: 45px;
	text-align:center;
	color:#eeeeee;
	text-shadow:1px 1px 1px #010e15;
	position:static;
}

.treeview li a, .treeview li a:visited {font-size:12px;}
#content #subpagethumbs {display:block; padding:20px 40px; margin:0 20px 0 0;
}
#content #subpagethumbs span {
	float:left;
	width:230px;
	margin:20px 25px;
	color:#666666;
}
#content #subpagethumbs span img { float:left; margin:0 7px 0 0; }
#content #subpagethumbs span h2 { margin:0; border:0; color:#000;}
#content #copy{ padding:5px 20px; }
#copy a, #copy a:hover, #copy a:visited {color:#3a3d40;}
#content #buttons{		margin:0; padding:0;}
#content #buttons img {	border: none;}


/*interior pages*/
#intnav {
	float:left;
	background:url(/images/intnavbottom.gif) bottom right no-repeat;
	position:relative;
	top:-50px;
	z-index:0;
}
#intnav ul{padding:55px 0; margin:0; background:#d8dee5; width:127px;}
#intnav ul li{padding:0; margin:1px 2px; text-align:right;}
#intnav ul li:hover{background:#ced4db;}
#intnav ul #dropbutton{ 
	background:url(../../images/intnavbutton.png) top left no-repeat;
}
#intnav ul #dropbutton:hover{
	background:url(../../images/intnavtoggle.png) top left no-repeat;
}
.drop a{display:block; padding:0; margin:3px 0;}
.drop a:hover{background:#dfe6ed}
#intnav .drop ul {margin:0; padding:0;}
#intpage {background:url(../../images/intbodybg.gif) left repeat-y;}
.nosubnav {position:relative; top:-50px; padding:100px 40px 0 135px; background:url(../../images/intbodybg.gif) left repeat-y;}
#intpagecontent { padding:0px 20px 0 135px; background:url(../../images/intbodybg.gif) left repeat-y; font-size:96%;}
#intpagecontent p, #intpagecontent li, #intpagecontent span {color:#3c392a;}
#intpagecontent a {color:#03354f;}

#rightbuttons {	background: url(../../images/rightbuttonsbg.png) top right;	left:1px; position:relative;}
#rightbuttons, #rightbuttons a, #rightbuttons a:hover, #rightbuttons a:visited, #rightbuttons h2 {color: #efefef;}
.rightbuttons {
	position: relative;
	margin:0;
	border:none;
	padding:0px 20px 0 0;
	height:80px;
	z-index:0;
	text-align:right;
}
#joe {background: url(../../images/rightbuttons_joe75.png) right bottom;}
#map {background: url(../../images/rightbuttons_map75.png) right bottom;}
#fam {background: url(../../images/rightbuttons_fam75.png) right bottom;}
#pod {background: url(../../images/rightbuttons_pod75.png) right bottom;}
#joe:hover{	background: url(../../images/rightbuttons_joe.png) right bottom;}
#map:hover{	background: url(../../images/rightbuttons_map.png) right bottom;}
#fam:hover{	background: url(../../images/rightbuttons_fam.png) right bottom;}
#pod:hover{	background: url(../../images/rightbuttons_pod.png) right bottom;}

.rightbuttons h2{
	margin:0; padding:10px;
	text-shadow:1px 1px 1px #010e15;
	font-weight:normal;
	font-family:Myriad Pro, Helvetica, Arial, sans-serif;
}
.rightbuttons h2 a:hover{ text-decoration:none;}

/* Social Buttons */

#content #social{
	position: relative;
	margin:3px 0;
	background: url(../../images/socbg.png) center repeat-x;
	border:none;
	padding:10px 0 10px 654px;
	height:57px;
	z-index:0;
}

#social span a{
	position:relative;
	z-index:1;
	left: -10px;
	width: 32px; height:32px; 
	text-indent:-9000px; 
	display:block; 
	float:left; 
	margin: 10px 8px; padding:0;
	background:url(../../images/social.png);
}
#social span a.face{background-position:0 32px;}
#social span a.face:hover{background-position:0 64px;}
#social span a.face:active{background-position:0 0;}
#social span a.vimeo{background-position:86px 32px;}
#social span a.vimeo:hover{background-position:86px 64px;}
#social span a.vimeo:active{background-position:86px 0;}
#social span a.news{background-position:193px 32px;}
#social span a.news:hover{background-position:193px 64px;}
#social span a.news:active{background-position:193px 0;}
#social span a.rss{background-position:140px 32px;}
#social span a.rss:hover{background-position:140px 64px;}
#social span a.rss:active{background-position:140px 0;}
#social span a.twit{background-position:247px 32px;}
#social span a.twit:hover{background-position:247px 64px;}
#social span a.twit:active{background-position:247px 0;}
#social span a.issuu{background-position:right bottom;}
#social span a.issuu:hover{background-position:right center;}
#social span a.issuu:active{background-position:right top;}

/* Widgets */

.widget li {
	height:54px;
}
.widget {
	height: 268px;
	overflow:hidden;
}
.widget a img {
	padding:0 7px;
	border:none;
}
.white a {
	color:#eeeeee;
	border:none;
}
.widget li:hover {
	background:none;
}
/*Boxes*/
#boxes{
	float:none;
	display:block;
	margin:15px 0 0 0;
	padding:0;
}
.boxleft p{
	font-size:12px;
	margin:0; padding:0;
	color:#707067;
}
#boxes h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight:200;
	margin:0;
	padding:0;
	color:#33332f;
}
#boxes h3 a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight:200;
	color:#33332f;

}
#boxes a:hover{
	text-decoration:underline;}
#boxes p a{
	color:#707067;
	font-size:12px;
}
#boxes h2{
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight:bold;
	margin: 0 0 3px 0;
	color:#33332f;
	text-shadow:#707067;
}
#boxes ul{
	list-style:none;
	padding:0; margin:0;
	background-repeat:no-repeat;
}
.boxleft{
	float:left;
	position:relative;
	width:290px;
	margin: 5px 15px;
	z-index:1;
}
.box {
	float:none;
	position:relative;
	top:4px;
	padding:0 10px 30px 0;
	margin:0 10px;
}
#boxes ul img {
	float: left;
	height:50px;
	margin: 0 5px;
}
.boxleft ul {			margin: 0;	padding: 0; background-image: url(../../images/tbl_bg.png);}
#boxes .box ul {		margin: 0;	padding: 0;}
#boxes .boxleft ul li {	margin: 0; 	padding: 0;}
#boxes .boxleft ul li {
	display: block;
	padding:6px 0;
	height: 50px;
	width: 280px;
}
#boxes .boxleft ul li:hover{background: url(../../images/tbl_bghover.png) top no-repeat; cursor:pointer;}
#boxes .boxleft ul li p {	padding-right: 3px;}
#boxes .box ul li {
	display: block;
	height:55px;
	margin:0 0 0 637px;
	padding:5px 0px 2px 0;
	width:279px;
}
#boxes .box ul {
	background:url(../../images/tbl_bg.png) no-repeat top right;
	margin: 0px;	padding: 0px;
	position:relative;
	left:1px;
}
#boxes .box ul li:hover {	background: url(../../images/tbl_bghover.png) top right no-repeat;}
#boxes ul {padding:0; margin:0;}
#boxes .box ul #first:hover{		background: url(../../images/tbl_bghover_top.png) top right no-repeat;}
#boxes .boxleft ul #first:hover{	background: url(../../images/tbl_bghover_top.png) top no-repeat;}
#boxes .box h2 {	padding-left: 637px; }
#boxes .box ul a:hover {	text-decoration: none;}
#boxes .boxleft ul a:hover {text-decoration: none;}
#boxes #boxbottom {padding:3px 0;
}
#boxes .boxleft #boxbottom {
	background: url(../../images/tbl_bgbottom.png) no-repeat bottom left;
}
#boxes #boxbottom {
	background: url(../../images/tbl_bgbottom.png) no-repeat bottom right;
}
#boxbottom a img {	padding-left: 5px;}
#boxes img{
	border:none;}
/*addthis*/	
#addthis {padding:25px 130px; margin:0;}
.black, .black a {font-size:13px; color:#313131; text-decoration:none;}
.black a:visited {color:#313131;}
.black a:hover {color:#313131; text-decoration:underline;}
/*footer*/
#footer {
	display: block;
	border-top: 3px solid #4bac1f;
	width:100%;
	margin:0; padding:0;
	background:url(../../images/footerbg.gif) repeat-x top #211d11;
}
#footwrap {
	width:960px;
	margin:0 auto; padding:0;
	border:none;
	position:relative; top:-5px;
}
#footcontact{
	width:250px; float:right; position:relative; z-index:1;
	margin:0;	padding:0;
	background:url(../../images/footercontactbg.gif) top repeat-x #211d11;
}
#footcontact img{
	margin:0;
	padding:30px;
}
#footcontact .footroom {
color:#eeeeee;
font-size:15px;
padding:0 0 0 55px;
position:relative;
top:-25px;
}
#footnav {
	margin:0;	padding: 0;
	float:left;
	width:170px;
	position:relative;
	border-right: #6a6251 1px solid;
	z-index:1;
}
#footer #footwrap #footnav {padding-bottom:120px;}
#footnav ul {
	padding:0;	margin:0;
}
#footnav a{
	padding:0 0 0 10px;
}
#footnav p{
	margin:0 0 0 10px;
}
#topborder{
	border-top: #6a6251 1px solid;
}
#topborder p, h{
margin:0; padding:0;
}
.bottomborder{
	border-bottom: #6a6251 1px solid;
	margin:0 20px;
}
#footer h4{
	color:#ffffcc;
	font-size:.9em;
	padding:10px;
	margin:5px 0 0 0;
}
#footer .left h4{
	padding:0;
}
#footer ul li h4{
	padding:0; margin:10px 0 0 0;
}
#footer ul li ul li h4 {
	padding:10px 0 0 0;
}
#footer ul .left ul li h4 {
	padding:10px 0 0 0;
}
#footer h4 a{
	font-size:.9em;
	font-weight:bold;
	padding:0; margin:0;
}
#footer a{
	color:#cccc99;
	font-size:12px;
}
#footer p{
	color:#cccc99;
	font-size:12px;
	font-weight:normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#footer .left{
	float:left;
	position:relative;
	width:180px;
	height:300px;
	padding:0 7px; margin:-10px 0 0 0;
	z-index:1;
}
#footmid ul .left ul{
	padding:0;
	margin:0;
	position:relative;
}
#footmid ul {
	margin:0; padding:0;
}
#footmid #ministries{
	position:relative; left:5px; width:930px; top:6px;}
#footright { padding:0 0 50px 0;
}
#footright li{
	position:relative;
}
#footer #social{
	margin:75px 0;
}

#footer #social img{
	border:none;
	width:33px;
	padding:2px; margin:0;	
}
#footer #social span{
	margin:6px;
}
#footer a:hover{
	text-decoration:underline;
}
#footer #social {
	margin:0 0 0 10px;
	position:relative; left:10px;}
#footer #social span a{
	width: 32px; height:32px; 
	text-indent:-9000px; 
	display:block; 
	float:left; 
	margin: 0 8px 0 0; 
}
#footnav .footroom {
	margin:15px 0;}

/* Special for calendar, because the mootools calendar plugin also uses a wrapper class, with it's own width, and it cannot be changed */
#wrapper-cal{
	width:960px;
	margin: 0 auto;
	padding: 0px;
}
.wrapper-cal{
	width:960px;
	margin: 0 auto;
	padding: 0px;
}

.date{	float:left;	padding:0 5px; margin:0;}
.date h4 {
	font-family:Garamond, Georgia, "Times New Roman", Times, serif
}
.day{
	padding:0; margin:0;
	background: #e6ebf2;
	width: 45px;
	height:29px;
	text-align:center;
	color:#422404;
	font-size:28px;
}
.month {
	padding:0; margin:0;
	width: 45px;
	text-align:center;
	color:#eeeeee;
	font-weight: bold;
	font-size:.9em;
}

/*Event Registration Button*/
.registerbutton { height:50px; width:200px; background: url(/images/registerbutton.jpg) top no-repeat; text-indent:-2000px; display:block; }
.registerbutton:hover { background-position:center;}
.registerbutton:active { background-position:bottom;}

/*Event Registration Button*/
.linkbutton { height:50px; float:right; background: url(/images/link_button_long.png) left top no-repeat; display:block; }
.linkbutton:hover { background-position: left center; text-decoration:none; }
.linkbutton:active { background-position: left bottom;}
.linkbutton a { color:#222; height:50px; line-height:50px; padding:0 13px; float:right; background: url(/images/link_button_end.png) right top no-repeat; display:block; font-size:18px; font-weight:bold; text-shadow:2px 2px 1px #fff; }
.linkbutton a:hover { background-position: right center; text-decoration:none; }
.linkbutton a:active { background-position: right bottom;}


/*Breadcrumbs Bar*/
#breadcrumb_bar {color:#333; position:relative; left:5px; top:-6px;} 
#breadcrumb_bar a, #breadcrumb_bar a:hover, #breadcrumb_bar a:visited, #breadcrumb_bar a:active { color:#039; }
#breadcrumb_bar, #breadcrumb_bar a, #breadcrumb_bar a:hover, #breadcrumb_bar a:visited, #breadcrumb_bar a:active { font-size:10px }
#breadcrumb_bar ul li {display:inline; color:#000;}
#breadcrumb_bar ul { color:#999; }

/*landing page grids*/
.grid {float:left; width:295px; padding:0 5px 10px 0;}
.grid img, .grid a img {padding-right:5px; border:none;}
.grid h2, .grid p {padding:0; margin:0;}
.grid h2 { font-size:16px;}
.grid p { font-size:14px;}

/* timer */
#timer { float:right; position:relative; top:25px; right:-200px; }
#timer, #timer a { font-family:myriad pro, helvetica, verdana, sans-serif; padding:0; margin:0; color:#eeeeee; text-decoration:none;}
#timer #now { display:block; position:relative; }
#timer #livein a p { font-size:9px; padding:0 79px; margin:0;}
#timer #livein a { font-weight:bold; }
#timer #now a{ color:#4BAC1F; text-decoration:none; font-size:18px; font-weight:bold; }
#timer #now a:hover { color: #eeeeee;}