* {
	margin: 0px;
}

body { 
    padding: 0; 
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    background-color: #ffffff;
}

#wrapper {
    margin: 0 auto;
    width: 940px;
}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 400px;
    width: 800px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(../images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 5px;
    height: 390px;
    width: 790px;
}

.scrollButtons {
    position: absolute;
    top: 190px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -40px;
}

.scrollButtons.right {
    right: -40px;
}

.hide {
    display: none;
}

/********* HEADINGS ************/
h1
{
	margin:0px;

}

h2
{
	font-weight:normal;
	border-bottom:solid 1px silver;
	margin-bottom:10px;
}

a
{
	color:Orange;
	text-decoration:none;
}

p
{
	
}

/********* DIVS ************/

#intro {
    height: 125px;
	width:525px;
	margin:0 auto;
	padding: 25px 0px 0px 300px;
	background-image:url('../images/logo.gif');
	background-repeat: no-repeat;
	background-position:0px 25px;
}

#slider-wrapper
{
	background-image:url('../images/panel-wide.gif');
	background-repeat: no-repeat;
	background-position:0px 0px;
	padding-top:15px;
	padding-bottom:15px;
}

#bottom-spacer
{
	height:5px;
}
            


/********* PANELS ************/

#home
{
	background-image: url('../images/panels/home.jpg');
	background-repeat: no-repeat;
}

#home .container
{
	margin-top:310px;
}

#home .container .section-1
{
	float:left;
	font-family:arial;
	font-style:italic;
	margin-left:25px;
	width:370px;
}

#home .container .section-1 a
{
	color:#fff;
}

#home .container .section-2
{
	float:left;
	font-size:smaller;
	margin-right:25px;
	text-align:right;
	width:370px;
}

.passion-purpose-power
{
	font-size:25px;
	line-height:18px;
	margin:0;
	padding:0;
	font-weight:bold;
	font-style:normal;
}

#church
{
	background-image: url('../images/panels/church.jpg');
	background-repeat: no-repeat;
}

#church .container
{
	color:#fff;
	font-size:smaller;
	margin-left:280px;
	margin-top:20px;
	width:245px;
}

#pastor
{
	background-image: url('../images/panels/pastor.jpg');
	background-repeat: no-repeat;
}

#pastor .container
{
	color:#fff;
	font-size:smaller;
	margin-left:490px;
	margin-top:50px;
	width:255px;
}

#worship
{
	background-image: url('../images/panels/worship.jpg');
	background-repeat: no-repeat;
}

#worship .container
{
	color:#fff;
	font-size:smaller;
	margin-left:515px;
	margin-top:50px;
	width:250px;
}

#children
{
	background-image: url('../images/panels/children.jpg');
	background-repeat: no-repeat;
}

#children .container
{
	color:#fff;
	font-size:smaller;
	margin-left:15px;
	margin-top:25px;
	width:440px;
}

/*
#children .scroll-panel
{
	height:115px;
	overflow:scroll;
}
*/

#youth
{
	background-image: url('../images/panels/youth.jpg');
	background-repeat: no-repeat;
}

#youth .container
{
	color:#fff;
	font-size:smaller;
	margin-left:15px;
	margin-top:65px;
	width:200px;
}

#pals
{
	background-image: url('../images/panels/pals.jpg');
	background-repeat: no-repeat;
}

#pals .container
{
	color:#fff;
	font-size:smaller;
	margin-left:570px;
	margin-top:45px;
	width:200px;
}

#mission
{
	background-image: url('../images/panels/mission.jpg');
	background-repeat: no-repeat;
}

#mission .container
{
	color:#fff;
	font-size:smaller;
	margin-left:530px;
	margin-top:20px;
	width:235px;
}

#community
{
	background-image: url('../images/panels/community.jpg');
	background-repeat: no-repeat;
}

#community .container
{
	color:#fff;
	font-size:smaller;
	margin-left:10px;
	margin-right:10px;
	margin-top:170px;
	width:770px;
}

#street-pastors
{
	background-image: url('../images/panels/street-pastors.jpg');
	background-repeat: no-repeat;
}


#street-pastors .container
{
	color:#fff;
	font-size:smaller;
	margin-top:40px;
	width:250px;
	margin-left:510px;
}

#street-pastors .container .section-1
{
	float:left;
	font-style:italic;
	font-weight:bold;
	margin-left:25px;
	margin-top:275px;
	width:470px;
}

#street-pastors .container .section-2
{
	float:left;
	margin-right:30px;
}

#podcast
{
	background-image: url('../images/panels/podcast.jpg');
	background-repeat: no-repeat;
}

#podcast .container .section-1
{
	color:#fff;
	float:left;
	width:340px;
}

#podcast .container .section-2
{
	margin-top:105px;
	color:#fff;
	float:left;
	width:440px;
	text-align:center;
}

#podcast .container .section-1 .view-all
{
	margin-left:25px;
	margin-top:15px;
	height:90px;
	color:#fff;
}

#podcast .container .section-1 .latest-episode
{
	color:#000;
	margin-left:55px;
	padding:10px 15px 0px 15px;
	width:170px;
	height:255px;
	text-align:center;
}

#podcast .container .section-2 .itunes-1
{
	float:left;
	height:255px;
	width:170px;
	margin-left:8px;
	padding:10px 15px 0px 15px;
}

#podcast .container .section-2 .itunes-2
{
	margin-left:10px;
	padding:10px 15px 0px 15px;
	float:left;
	height:255px;
	width:170px;
}

#podcast .top
{
	height:190px;	
}

#podcast .middle
{
	height:50px;
	font-size:smaller;
}

#podcast .bottom
{
}

#contact
{
	background-image: url('../images/panels/contact.jpg');
	background-repeat: no-repeat;
}

#contact .container .section-1
{
	color:#fff;
	float:left;
	font-size:smaller;
	margin-left:10px;
	margin-top:10px;
	width:230px;
}

#contact .container .section-2
{
	float:left;
	margin-top:10px;
	font-size:larger;
	font-style:italic;
	color:#000;
	width:540px;
	height:370px;
	display:none;
}

#map
{
}

#map .container .section-1
{
	color:#fff;
	float:left;
	font-size:smaller;
	width:220px;
	height:380px;
	padding-left:10px;
	padding-top:10px;
	background-color:#000;
}

#map .container .section-2
{
	float:left;
	font-size:larger;
	font-style:italic;
	color:#000;
	width:560px;
	height:390px;
}


#passion
{
	background-image: url('../images/panels/passion.jpg');
	background-repeat: no-repeat;
}

#passion .container
{
	color:White;
	font-size:larger;
	height:150px;
	margin-left:400px;
	margin-top:225px;
	width:360px;
}

#purpose
{
	background-image: url('../images/panels/purpose.jpg');
	background-repeat: no-repeat;
}

#purpose .container
{
	color:White;
	font-size:larger;
	height:150px;
	margin-left:125px;
	margin-top:30px;
	width:630px;
}

#power
{
	background-image: url('../images/panels/power.jpg');
	background-repeat: no-repeat;
}

#power .container
{
	color:White;
	margin-top:215px;
	margin-left:450px;
	font-size:larger;
	width:300px;
}

#great-place-to-be
{
	background-image: url('../images/panels/great-place-to-be.jpg');
	background-repeat: no-repeat;
}

#great-place-to-be .container .section-1
{
	color:#fff;
	height:100px;
	width:350px;
	margin-top:40px;
	margin-left:50px;
	font-size:larger;
	font-style:italic;
}

#great-place-to-be .container .section-2
{
	color:#fff;
	height:100px;
	width:200px;
	margin-top:190px;
	margin-left:475px;
	font-size:larger;
	font-style:italic;
}




/********* IDs ************/

.caption
{
	font-weight:bold;
}



.nav div
{
	float:left;
}

.nav ul
{
	padding:0px;
	list-style:none;
}

.nav li
{
	display:inline;
}

.nav a
{
	color:orange;
	text-decoration:none;
	margin:3px 10px;
	width:75px;
	display:block;
	vertical-align:top;
}

.nav a:hover
{
	text-decoration:underline;
}

.nav a.selected
{
	text-decoration:underline;
}

.nav-border
{
	border-left: solid 1px #eee;
}

#footer
{
	margin-top:25px;
	padding:10px;
	color:silver;
	text-align:center;
	font-size:smaller;
	border-top: solid 1px #eee;
}

.nav-head
{
	color:Orange;
	font-weight:bold;
}

.orange-head
{
}

.nav li a
{
	color:Black;
	font-size:smaller;
	display:inline-block;
}

.nav-selector
{
}

.clear
{
	clear:both;
}

.white
{
	color:#fff;
}

.black
{
	color:#000;
}

.form
{
	border:solid 1px #eee;
	padding:15px;
}

.center
{
	margin-left:auto;
	margin-right:auto;
}


.block
{
	display:block;
}

.float-left
{
	float:left;
}

.w50 { width:50px; }
.w100 {	width:100px; }
.w150 {	width:150px; }
.w200 {	width:200px; }
.w300 {	width:300px; }