@charset "utf-8";
/* CSS Document */

body { 
background:url(images/bg_repeat_01.jpg) repeat-x #ffffff; 
width: 100%; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
margin:0;
padding:0;
}

#container { 
width:100%;
position:relative;
top: 0; bottom: auto; left: 0; right:0px;
background:url(images/bg_body_home.jpg) no-repeat top center;
}

#container_body { 
width:100%;
position:relative;
top: 0; bottom: auto; left: 0; right:0px;
background:url(images/subpage_bg_04.jpg) no-repeat top center;
}

#wrapper { 
width:978px;
position:relative;
margin:0 auto;
top: 0; bottom: 0; left: 0; right:0px;
z-index: 30;
}

/* ---------------------------------------- header -----------------------------------------------*/
#header { 
width:978px;
position:relative;
top: 0; bottom: auto; left:0; right: 0;
height:117px;
}

#logo { 
background:url(images/logo.jpg) no-repeat left top;
width:276px; height:117px;
margin-left:16px;
float:left;
z-index: 50; 
margin-top:7px;
}

/*menu*/
#menubar { 
float:left; 
height:93px;
width:684px;
margin-top:7px;
}
/*
.main_nav_bg { width: 684px; height: 93px; float: right; display: inline; margin: 0 16px 0 0; background: transparent url(../images/bg/bg_main_nav_bg.png) 0 100px no-repeat; }
.main_nav { width: 684px; height: 93px; float: right; display: inline; margin: 6px 0 0 0; background: transparent url(../images/bg/bg_main_nav.png) 0 0 no-repeat; }
.main_nav li { height:auto; float: left; display: inline; margin: 0; padding: 0; text-align: center; position: relative; }
.main_nav li.last { margin-right: 0;}
.main_nav li a { display: block; height: auto; color: #b41e15; font-size: 1.8em; font-weight: normal; }
.main_nav li a:hover { color: #a89257; text-decoration: none; }

li.imne a { font-weight: bold; }
li.imne { margin: 0px 0px 0 0px; }
li.abou { margin: 53px 24px 0 24px; }
li.wors { margin: 53px 25px 0 25px; }
li.grow { margin: 53px 25px 0 25px; }
li.serv { margin: 53px 23px 0 23px; }
li.medi { margin: 53px 23px 0 23px; }
li.cont { margin: 53px 24px 0 24px; }

body.imne .main_nav_bg { background-position: 0 0; }
body.imne li.imne a { color: #ffffff; }

body.abou .main_nav_bg { background-position: 0 -99px; }
body.abou li.abou a { color: #ffffff; }

body.wors .main_nav_bg { background-position: 0 -198px; }
body.wors li.wors a { color: #ffffff; }

body.grow .main_nav_bg { background-position: 0 -297px; }
body.grow li.grow a { color: #ffffff; }

body.serv .main_nav_bg { background-position: 0 -396px; }
body.serv li.serv a { color: #ffffff; }

body.medi .main_nav_bg { background-position: 0 -495px; }
body.medi li.medi a { color: #ffffff; }

body.cont .main_nav_bg { background-position: 0 -594px; }
body.cont li.cont a { color: #ffffff; }


ul.main_nav li .sub { position: absolute;	top: 98px; left: 0;  overflow: hidden; padding: 0; float: left; display: none; z-index: 4000; background: #ffffff; border: 1px solid #e4e1d8; border-top: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.35);  }
ul.main_nav li .imnew_sub { left: -50px; }
ul.main_nav li .about_sub { left: -40px; }
ul.main_nav li .worship_sub { left: -32px; }
ul.main_nav li .grow_sub { left: -56px; }
ul.main_nav li .serve_sub { left: -70px; }
ul.main_nav li .media_sub { left: -39px; }

ul.main_nav li .row { clear: both; float: left; width: 100%; margin-bottom: 10px; }
ul.main_nav li .sub ul {	list-style: none; margin: 0; padding: 0;	float: left; width: 120px; }
ul.main_nav li ul.imnew { width: 180px; }
ul.main_nav li ul.growul { width: 150px; }
ul.main_nav li ul.serveul { width: 180px; }


ul.main_nav .sub ul li { width: 100%; color: #fff; list-style: none; text-transform: none; line-height: 1.6em; padding: 0; display: block; float: none; height: auto; margin: 0; border-top: 1px solid #e4e1d8; }
ul.main_nav .sub ul li.last_drop_item { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;  }
ul.main_nav .sub ul li h3 { padding: 0;  margin: 0; 	font-size: 1.4em; 	font-weight: normal; width: 93%; float: left; color: #fff; font-weight: bold; text-transform: uppercase; }
ul.main_nav .sub ul li a { 	float: none;  	text-indent: 0; /*--Reset text indent--*/ 	/*height: auto;	padding: 14px 10px; 	display: block; 	text-decoration: none; 	color: #b41e15; font-size: 1.4em; font-weight: normal; background: none; }
ul.main_nav .sub ul li a:hover { background: #e4e1d8; }
ul.main_nav .sub ul li.last_drop_item a { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;  }*/

/* ---------------------------------------- banner -----------------------------------------------*/
.homepage_content { width: 978px; overflow: hidden; position: relative; color:#666666; border:0px solid #000000;}

.homepage_rotator { width: 646px; height: 363px; float: left; display: inline; position: relative; margin: 0 0 0 16px; background: transparent url(images/bg_rotator.jpg) 0 0 no-repeat; }

#divMainRotator { margin: 8px 0 0 8px; padding: 0; width: 630px; height: 347px; overflow: hidden; }
#divMainRotator img {  width: 630px; height: 347px; float: left; }
#divMainRotatorNav { position:absolute; bottom: 22px; right: 22px; z-index:99; }
#divMainRotatorNav a { margin: 0 0 0 6px; background: #999999; text-decoration: none; color: #999999; font-size: .25em; text-indent: -9999px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 8px; height: 8px; display: block; float: left;}
#divMainRotatorNav a:hover { background: #dd2a21; text-decoration: none; color: #dd2a21; }
#divMainRotatorNav a.activeSlide { background: #dd2a21; text-decoration: none; color: #dd2a21; }
#divMainRotatorNav a:focus { outline: none; }

#divMainRotatorPrev { position: absolute; z-index: 99; top: 163px; left: -16px; }
#divMainRotatorPrev a { display:block; width: 41px; height: 41px; text-indent: -9999px; text-decoration: none; background: transparent url(images/btn_rotator_prev.png) top left no-repeat;  }
#divMainRotatorPrev a:hover { display:block; width: 41px; height: 41px; text-indent: -9999px; text-decoration: none; background: transparent url(images/btn_rotator_prev.png) top right no-repeat;  }
#divMainRotatorPrev a:focus { outline: none; }

#divMainRotatorNext { position: absolute; z-index: 99; top: 163px; right: -16px; }
#divMainRotatorNext a { display:block; width: 41px; height: 41px; text-indent: -9999px; text-decoration: none; background: transparent url(images/btn_rotator_next.png) top left no-repeat;}
#divMainRotatorNext a:hover { display:block; width: 41px; height: 41px; text-indent: -9999px; text-decoration: none; background: transparent url(images/btn_rotator_next.png) top right no-repeat;}
#divMainRotatorNext a:focus { outline: none; }

/* ---------------------------------------- welcome  -----------------------------------------------*/
.homepage_welcome { width: 275px; height: 340px; float: right; display: inline; overflow: hidden; margin: 20px 20px 0 0; padding: 0; position: relative; border:0px solid #000000; }
.homepage_welcome h2 { color: #5a4e2e; font-size: 3.2em; margin: 0; padding: 0 0 0 1px; }
.homepage_welcome p { margin: 20px 0 0 0; text-align:justify; }

.homepage_banners { width: 960px; overflow: hidden; margin: 24px 0 0 14px; float: left; }
.homepage_banner { width: 222px; height: 143px; background: transparent url(images/bg_homepage_banners.jpg) 0 0 no-repeat; float: left; display: inline; overflow: hidden; margin: 0 24px 24px 0;}
.img1 { width: 204px; height: 101px; margin: 9px 0 0 9px; }
.img_title {margin: 5px 0px 0 6px;}
.img_title2 {margin: 5px 0px 0 55px;}
.homepage_banner h3 { color: #625739; font-size: 2em; margin: 8px 0 0 9px; padding: 0 0 0 1px; text-transform: uppercase; letter-spacing: -.05em; }
.banner_last { float: right; margin: 0; }

.btn_learn_more { display:block; width: 156px; height: 39px; text-indent: -9999px; background: transparent url(images/btn_learn_more.png) top left no-repeat; position: absolute; bottom: 20px; left: 30px; }
.btn_learn_more:hover { background-position: top right;}

/* ---------------------------------------- Great Bargain -----------------------------------------------*/
#great_bargain{
width:208px;
height:500;
position:absolute; 
top: 0px; 
right: 60px; 
z-index:100;
}

/* ---------------------------------------- subpage -----------------------------------------------*/
#left_panel{
float:left;
width:241px;
}

#contentbox {
float:left;
position:relative;
min-height: 100%;
/*display: block;
overflow: hidden;*/
width:687px;
border:0px solid #000000;
margin-left:21px;
padding-top:25px;
padding-left:25px;
}

.subtitle{
margin-top:20px;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#ec008c;
}

.table_row{
border-bottom:1px solid #CCCCCC;
}

a.enlarge:link {
color: #545454; text-decoration: none; font-size:11px;}
a.enlarge:active {
color: #545454; text-decoration: none; font-size:11px;}
a.enlarge:visited {
color: #545454; text-decoration: none; font-size:11px;}
a.enlarge:hover {
color:#545454; text-decoration: underline; font-size:11px;
}

.vacancy_title{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#000000;
padding-left:10px;
}

ul.store_sub{
font-size:12px;
list-style-image:url(images/dot_21.jpg);
margin-left:3px;
line-height:20px;
}

a.store_link:link {
color: #666666; text-decoration: none; font-size:12px;}
a.store_link:active {
color: #666666; text-decoration: none; font-size:12px;}
a.store_link:visited {
color: #666666; text-decoration: none; font-size:12px;}
a.store_link:hover {
color:#ff9600; text-decoration: none; font-size:12px;
}

.img_stores{
border:5px solid #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.49);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.49);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.49);
	}
	
.stores_title{
color:#333333;
font-weight:bold;
margin-top:5px;
text-align:center;
}
/* ---------------------------------------- footer -----------------------------------------------*/
#footer{
width:100%;
position:relative;
top: auto; bottom: 0;
left:0; right: 0;
margin-top:5px;
}

#footer .size { 
width:978px;
background:url(images/footer_bg_39.jpg) no-repeat center;
height:87px;
font-size:11px; 
color:#717171;
text-align:center;
margin:0 auto;
padding-top:20px;
}


a.bottomlink:link {
color: #545454; text-decoration: none;}
a.bottomlink:active {
color: #545454; text-decoration: none;}
a.bottomlink:visited {
color: #545454; text-decoration: none;}
a.bottomlink:hover {
color:#545454; text-decoration: underline;
}


/* Input/Form Styles */
label {padding-right: 20px; display: block; padding-bottom: 10px;}
input, textarea {font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.inputbox {border: 1px solid #cecece; padding: 3px; width: 300px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 2px; color: #666; background: url(images/bg_fade_sml.png) repeat-x top #ffffff;}
.inputbox:focus {border: 1px solid #ff7400;}
.smallbox {width: 300px; height:20px;}
.smallbox_reg {width: 400px; height:20px;}
	
/* ------------ end contact -----------*/
.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
			border:0px solid #000;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 10px 0;
			position: relative;
			width: 100%;
			border:0px solid #000;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 360px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 5px solid #e7e7e7; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 650px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 360px;
			clear: both;
			background: #fff;
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			
			width: 650px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
			margin-top:20px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
		
			font-weight: bold;
			text-align: center;
			line-height: 0px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 0px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			border:0px solid #000;
			top: 180px;
			text-indent: -9000em;
			z-index:1000;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			border:0px solid #000;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.png") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.png") no-repeat center;
		}
		
		
.slide-out-div {
        padding: 0px;
		height:500px;
        width: 148px;
		background:url(images/greatbargain1.png) top no-repeat;
        border: #29216d 0px solid;
		z-index:1000;
		
    }
	
<!----accordion-->
.accordian {
	width: 550px;
	margin: 50px auto;
  
}

.accordian li {
	list-style-type: none;
}

.dimension1 {
	height: 100px;
	width:550px;
	padding-top:10px;
	padding-left:10px;
	line-height:20px;
}
.dimension2 {
	height: 200px;
	width:550px;
	padding-top:10px;
	padding-left:10px;
	line-height:20px;
}
.dimension3 {
	height: 510px;
	width:550px;
	padding-top:10px;
	padding-left:10px;
	line-height:20px;
}
	
.even, .odd {
	font-weight: bold;
	height: 20px;
	padding-top: 5px;
	padding-left: 0px;
}
	
.even {
    width:550px;
	border: 1px solid #ffffff;
	color:#000000;
	background:url(images/accordion_bg_03.jpg) repeat-x;
	/*background-color: #ececec;*/
}
	
.odd {
    width:550px;
	border: 1px solid #ffffff;
	color:#000000;
	background:url(images/accordion_bg_03.jpg) repeat-x;
}