@charset "UTF-8";
/* 
    AUTHOR: Franklin Day
            day.franklin@gmail.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; -webkit-padding-start: 0;}
html { overflow: scroll; }
table { border-collapse:collapse; border-spacing:0; }
body { font: 62.5% "Trebuchet MS", Helvetica, sans-serif; }
ul, dl { list-style: none inside; }
/*ol { list-style-position: inside; }*/
p { font-size: 1.3em; margin-bottom: 1.3em; }
a { outline: none; text-decoration: none; }
a img { border: none; }
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.transpBlack { background: url(transpBlack.png); }
/* END TOOLBOX */

/* __________________________________________ */
/* FONT STYLING */
/* __________________________________________ */
h1, li h1 { font-size:2.0em; margin-bottom: 1.3em; margin-top: 0; }
h2, li h2 { font-size:1.8em; margin-bottom: 1.3em; margin-top: 0; }
h3, li h3 { font-size:1.6em; margin-bottom: 1.3em; margin-top: 0; }
h4, li h4 { font-size:1.5em; margin-bottom: 1.3em; margin-top: 0; }
p { font-size:1.4em; margin-bottom: 1.2em; margin-top: 0; }
li { font-size:1.4em; margin-top: 0; }
dd { font-size: 1.4em; margin-left: 3.3em; margin-bottom: 1.3em; margin-top: 0;  }
dt { font-size: 1.5em; margin-left: 1.0em; margin-bottom: 1.0em; margin-top: 0; }
blockquote { font-size: 0.7em; margin: 1.0em 1.3em; }
a:link { color: #320003; }
a:visited { color: #8C3503; }
a:hover { color: #FDFD7C; }
a:active { color: #FDFD7C; }
table {margin-bottom: 1em; margin-top: 0; }
/*th,td { border:1px solid #000; padding:.5em; }
th { font-weight:bold; text-align:center; }*/


/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
#page-wrap { width:1000px; margin: 0 auto; background:url(../images/bg_page.jpg) repeat-y;}
/* END STRUCTURE */

/* __________________________________________ */
/* LAYOUT */
/* __________________________________________ */
body { background: url(../images/bg_body.jpg) repeat scroll top left; }
#header { width:auto; display:block; }
#logobar { width: auto; display:block; height:135px; background:url(../images/bg_header-2.jpg) no-repeat; padding: 40px 50px 0px 50px; /*text-align: center;*/ }
#social { position: relative; top: -30px; width: auto; height: auto; float: right; padding: 0; z-index: 10000; }
#navigation { width:auto; display:block; height:30px; background:url(../images/bg_nav-3.jpg) no-repeat; padding: 3px 40px -2px 50px; font: 100% "Carbon Type", "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; }
	#navigation .table {display: table; margin: 0; width: 900px; }
#newnavigation { width:auto; display:block; height:25px; background:url(../images/ministrybackground.png) repeat; padding:10px 30px 0px 30px; /*position: fixed; top: 0; left: 0; right: 0; z-index: 10000; */text-align: center; }
#mainContent { width:auto; display: block; padding:0px 50px 0px 50px; }
#mainStage { width:898px; min-height: 580px; display:block; padding: 0; background:url(../images/bg_stage.jpg) repeat;}
#solafide { width:480px; height: 224px; padding: 0; background:url(../images/bg_stage.jpg) repeat; border: 5px groove white;}
#attend {background:url(../images/bg_stage.jpg) repeat; width: 475px; color: white; border: 3px solid #903d26; padding: 4px;}
#mission {background:#903d26; border: 5px solid #904d30; padding: 5px 0 5px 10px; }
#leftColumn { width:200px; margin-right:5px; float:left; padding:10px 10px 0 10px;}
	#next { /*background:url(../images/next.png) repeat-y;*/ padding: 5px; margin-bottom:5px;}
	#message { width:auto; display:block; background: #fffacd; padding: 5px;}
#centerColumn { width:286px; margin-right:5px; float:left; padding:5px; margin-bottom:5px;}
	#video { width:auto; display:block; padding:5px; }
#rightColumn { width:286px; float:left; background: url(../images/smallpaper.png) no-repeat; padding:5px; margin-bottom:5px;}
#right { width:640px; height: 500px; float:left; padding-right: 25px; padding-top: 10px; z-index: 25; }
	#exists { width: auto; display: block; text-align: center; padding: 5px; display:none;}
#lowercontent { width:100%; height: 260px; /*display: auto;*/ margin: 10px 5px 10px 2px; text-align: center; }
#ministryNav { width:auto; display:block; height:120px; text-align:center; background:url(../images/ministrybackground.png) repeat; float: left;}
#footer { width:auto; display:block; text-align:center; padding: 10px 50px 0px 50px; font-size: 0.8em; margin-bottom: 25px}
#closure { width:auto; display:block; padding:10px 0; text-align:center; background:url(../images/bg_footer-3.jpg) no-repeat;}
#mainContent #mainStage a #newtoeastpoint { width: 127px; height: 109px; padding: 0; margin-left: 470px; position: absolute; z-index: 550; background: url(../images/newtoeastpoint.png) no-repeat; }
#content { padding: 5px; }
#audio {float: left; width: 200px; display: block; overflow: hidden; padding-bottom: 0;}
	#audio h1 {font-size: 1.4em; margin-bottom: 0em; padding: 10px 0 0 0;}
	#audio p {font-size: 1.2em; margin-bottom: 0em; padding-bottom: 0;}
	#audio img {padding-bottom: 0;}
		
	/* Alternate Content Layouts */
	#carousel {width: 490px; height: 260px; padding: 5px; margin: 10px; float: left; position: relative;}
		#carousel ul li img {width:490px; height:260px; }
	#slideshow {width: 640px; height: 360px; padding: 5px; margin: 5px 10px 0px 10px; float: left; position: relative; overflow: hidden;}
		#video { width:auto; display:block; z-index: 525; }
#button {float: right; margin: 20px; }
#needslist { /*width: 50%;*/ width:100%; float: left; }
#needsphotos { display: none; /*width: 49%; float: right;*/ }
#needlogo {padding-bottom: 10px; width: 100%;}
#band {margin-top: 0px; background-image:url(../../image/bandbackground.png); background-color: white;}
#bandhead {/*background-image:url(../../image/bandheader.png); */width: 890px; height: 288px; margin: 0; padding: 0;}
#motto {width: 640px; padding: 20px 10px 20px 10px; float: left; position: relative;}
#pastors, #adminstaff, #directors, #adventureland, #teamleaders {margin: 0; }
/* __________________________________________ */
/* Classes */
/* __________________________________________ */
.logo {position: relative; float: left; text-align: center; margin-left: 300px; }
.blacklogo { position:absolute; top: -2000px;}
.spacer { width:140%; clear:both; height:10px; display:block; background:url(../images/page_divider.jpg) no-repeat;}
.smaller {font-size: 1.0em;}
.lower {float:left; width:auto; overflow:hidden; padding: 5px 8px; }
.left {width: 200px; padding-bottom: 19px; text-align: center;}
.fltrt { float:right; }
.fltleft { float:left; }
.thumb { float: left; margin: 15px; border: 0; text-decoration: none; width: 95%; height: Auto;}
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px;}
.message {height: 105px;}
.closed {color: red; }
.open {color: green; }
.filled {color: blue; }
.status {margin: 0px 10px; }
.rule {margin: 10px 0; }
.padbottom {padding-bottom: 10px; }
.padtop {padding-top: 10px; }
.padleft {padding-left: 40px; }
.padright {padding-right: 10px; }
.band {margin-top: 10px; margin-bottom: 5px; }
.bandevent {border-top: thin solid #8C3503; }
.new {/*font-size: larger;*/ font-weight: bolder; color: #ffffe0; line-height: inherit; margin-bottom: 10px;}
.newnav {margin-bottom: 0; padding: 0px;}
.minprev {width: 30px; height: 120px; float: left; background:url(../images/ministrybackground.png) repeat;}
.minnext {width: 32px; height: 120px; float: left; background:url(../images/ministrybackground.png) repeat;}
.slidethumb {height: 15px; width: 28px; float: right;}
.resonatesshot {float: left; padding: 0 15px 0 15px; border-right: 1px solid black; }
.resonatesshot:last-child {border-right: none;}
.screenshot:nth-child(even) {background:url(../images/bg_stage.jpg) repeat;}
.screenshot:nth-child(even) a {color: white;}
.bio {width: 700px; float: left; }


/* ------------------------------------------ */
/* Logo Replacement	*/
/*------------------------------------------- */
#logobar img.logo { text-align:center; height: 120px; }

/* __________________________________________ */
/* ministrynav */
/* __________________________________________ */
#ministryNav a img { margin: 5px 20px; width: 169px; height: 110px;}

/* __________________________________________ */
/* modifiers */
/* __________________________________________ */
#message h1 { margin-bottom: 0}
.message img {float: left; padding-right: 5px; padding-top: 1px}
.message h2 {margin-bottom: 0; margin-top: 5px}
#video img, #welcome img { width: 265px; padding:5px;}
ul > li > ul.sub-list {font-size: 60%; margin-left: 10px;}
.lowerlt h1 {margin-top: 5px}
.lowerrt h1 {margin-top: 5px}
img.needlogo {float: left; margin: 10px;}
img.sign { float: right; padding: 10px; width: 18%;}
button.need:hover { color: #FFF; background: #900; }
p.page {margin: 10px 0;}
h2.rule {margin-top: 5px; margin-bottom: 0px; }
#nav ul li {display: inline;}
#social img {padding: 5px 10px 0 0; width: 16px;}
#band h1 {margin-bottom: 5px; padding-top: 15px; color: white; }
#band h2 {color: white;}
#band:first-child {border-top-style: none; }
#band:last-child {padding-bottom: 15px;}
#bandhead img {width: 890px; height: 288px:}
#audio img {width: 200px;}
.message img {width: 150px; height: 100px;}
.lower img {width: 280px;}
.left a, .left h1, .left p, #video p, #video a:visited {color: #fffacd; }
#video a {color: #fffaaa; }
#slideshow ul {margin: 0; width: 640px; -webkit-padding-start: 0;}
#slideshow ul li img {width:640px; height:340px; padding-bottom: 300px; }		
#motto h2 {font-size: 1.6em; line-height: auto; color: #fffacd;}
#motto h2 span {}
#newnavigation a {color: #fffacd; }
#newnavigation a:hover {color: #fdfd7c; }
#newnavigation a:visited {color: #fff; }
#solafide img {width: 440px; height: 194px; padding-top: 14px; padding-left: 20px;}
#mission p {margin-bottom: 0px;}
.bio p { margin: 0px 12px 6px 12px;}
.thumb img { width: 140px; height: 175px; float: left;}
	
/* ------------------------------------------ */
/* "New" navigation - Drop Down Plain */
/* ------------------------------------------ */
ul.newnav {width: auto; position: relative; height: 32px; margin: 0; /*padding: 0 50px;*/ z-index: 400;   }
ul.newnav li {display: inline; padding-left: 10px;}


/* ------------------------------------------ */
/* navigation - Drop Down Plain */
/* ------------------------------------------ */

/*  LEVEL ONE  */
ul.dropdown { width: auto; position: relative; height: 30px; padding: 0 170px; margin: 0; z-index: 600;}
ul.dropdown li { float: left; font-size: 1.15em; font-weight: bold; padding-left: 5px; }
ul.dropdown a:hover	{ /*background-image:url("../images/bg_navBullet.jpg"); background-position:left center; background-repeat:no-repeat; */color: #FDFD7C; }
ul.dropdown a:active { color: #FDFD7C; }
ul.dropdown li a { /*background-image:url("../images/bg_navBullet2.jpg"); background-position:left center; background-repeat:no-repeat;*/ display: block; padding: 7px 12px; color: #320003; text-decoration: none; width: auto; font-size: 1.3em; }
/* ul.dropdown li:first-child a { background-image: none; } */
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover { color: #FDFD7C; position: relative; }
ul.dropdown li.hover a { color: #FDFD7C; }


/* 	LEVEL TWO   */
ul.dropdown ul { width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; background-image:url(../images/bg_nav_dropdown.png); -webkit-padding-start: 0;}
ul.dropdown ul li { font-weight: normal; background-image:url(../images/bg_nav_dropdown.png); color: #320003; border-bottom: 1px solid #ccc; float: none; font-size: 1.0em; }
ul.dropdown ul li:first-child a { /*background-image:url(../images/bg_navBullet2.jpg); background-position:left center; */background-repeat:no-repeat; }
ul.dropdown ul li:first-child.hover a { /*background-image:url(../images/bg_navBullet.jpg); background-position:left center; background-repeat:no-repeat;*/
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{ border-right: none; width: 180px; /*height:32px display: inline-block;*/ display: block; }

/* 	LEVEL THREE  */
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; left: 100%; top: 0; }

ul, dl, ol {margin-bottom: 1.3em; margin-top: 0; -webkit-padding-start: 0;}


/* modifiers of menu items */
.new:hover {color: #fff;}