@charset "utf-8";
/* CSS Document */

body {
	background-color: #882625;
	background-image: url(images/body-bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;}
	
#outer-wrapper { margin:0 auto; width:950px; background:url(images/content-bg-blue.png) repeat-y;}

#outer-wrapper2 { margin:0 auto; width:950px; background:url(images/content-bg.png) repeat-y;}

#inner-wrapper { width:908px; padding-left:21px;}

#content-wrapper { padding-bottom:25px;}

#header { background:url(images/header.png) no-repeat; height:288px;}

#header-youth { background:url(images/header-youth.jpg) no-repeat; height:288px;}

#header-music { background:url(images/header-music.jpg) no-repeat; height:288px;}

#header-usher { background:url(images/header-usher.png) no-repeat; height:288px;}

#header-nurse { background:url(images/nurse-header.jpg) no-repeat; height:288px;}

#searchbar, #search-music { float:right; margin-top:230px; margin-right:35px; width:250px;}

#search-youth { float:right; margin-top:50px; margin-right:25px; width:250px;}

#searchbar input, #search-youth input, #search-music input { margin-left:5px; margin-top:3px; float:right; padding:2px;}

input.searchButton {
	background: url(images/search.png) no-repeat left !important;
	background-color:#063A54;
	width:74px;
	height:26px;
	margin:0;
	padding:28px 0 0 0;
	border:none !important;
	float:left; }

#nav-wrapper { background:url(images/nav-bg.png) repeat-x; height:58px;}

#left-nav { background:url(images/nav-lft-blue.jpg) no-repeat; height:58px; width:30px; float:left;}

#right-nav { float:right; background:url(images/nav-rgt-blue.jpg) no-repeat top right; height:58px; width:30px;}

#left-nav2 { background:url(images/nav-lft.jpg) no-repeat; height:58px; width:30px; float:left;}

#right-nav2 { float:right; background:url(images/nav-rgt.jpg) no-repeat top right; height:58px; width:30px;}


#left-content { width:515px; float:left; padding-left:5px;}

#welcome { width:438px; margin-left:30px; border-bottom:1px solid #882625;}

#inside-content { width:438px; margin-left:20px;}

#admin { margin:20px 20px 0 20px;}

#news { width:438px; margin:25px 0 0 30px; }

#right-content { width:370px; float:left; margin-left:13px;}

#video-top { background:url(images/vid-top.png) no-repeat top left; width:362px; height:20px;}

#video-content { background:url(images/vid-bg.png) repeat-y; width:344px; padding-left:18px;}

#video-btm { background:url(images/vid-btm.png) no-repeat top left; width:362px; height:20px;}

#calendar { padding:15px 0 0 10px; width:342px;}

#footer { height:50px; margin:0; padding:0;}

#footer-btm { background:url(images/footer-btm-blue.png) no-repeat; height:36px; width:950px; margin:0 auto;}
#footer-btm2 { background:url(images/footer-btm.png) no-repeat; height:36px; width:950px; margin:0 auto;}

#copy { padding-top:10px;}

.clear { clear:both;}

/*slideshow styles*/

#myController span{
color:#FFF;
background:#FFF;
cursor:pointer;}

#jFlowSlide{
}

#myController span.jFlowSelected {
background:#F00;}

.jFlowPrev, .jFlowNext{
cursor:pointer;}

#slide-top { background:url(images/slides-top.png) no-repeat; height:14px; width:459px; margin:0 auto;}
#slideshow { width:419px; min-height:238px; margin:0 auto; background:url(images/slides-bg.png); padding:0 20px; z-index:0; overflow:hidden; }
#slide-btm { background:url(images/slides-btm.png) no-repeat; height:14px; width:459px; margin:0 auto;}
#prevNext { margin:-160px auto 175px auto; width:510px; position:relative; z-index:25; }

