/* --------- homepage -------------------- */



div#container {
background: #FFFFFF;
margin-top:0px;
width: 100%;
height:auto;
z-index:1;
position:relative;
float:left;
}


div#leftcolumn{
	float:left;
	width:68%;
	margin-top:15px;
	height:100%;
	position:relative;
float:left;
		
	}
	
	
div#flashnews{
	float:left;
	position:relative;
	margin-left:15px;
	margin-top:10px;
	background:url("../images/HomeActivitiesHeader-07.jpg") no-repeat scroll 0 0 transparent;
	width:100%;
	height:100%;
	position:relative;
float:left;
	
	}	
	
	
div#rightcolumn{
	float:left;
	width:30%;
	margin-top:15px;
	margin-right:15px;
	position:relative;
	float:left;
		
	}

div#weeklymessage{
	height:280;
	border: #391201 dotted 1px;
	background:url("../images/weeklymessage-07.png") no-repeat scroll 0 0 transparent;
	padding-left:15px;
	padding-top:55px;
	
	}
div#weeklymessage .moduletable{
	
	background:url("../images/homemessage-bk-09.png") no-repeat scroll 0 0 transparent;
	background-position:bottom;
	
	}

div#promowrap{
	border:6px solid #8C9A0C;
	float:left;
	margin: 0 0 0 15px;
	width: 600px;
	height:336px;
	padding:0;	
	
	}
	
	
div#first-carousel {
	margin: 0 0 0 -15px;
	}

div#bottompromo{
	border-top: 1px #CCC dotted;
	height:auto;
	position:relative;
	margin-left:15px;
float:left;
width:95%;
margin-bottom:40px;
	}
	
	
div#churchnews{
	background:url("../images/HomeNewsHeader.jpg") no-repeat scroll 0 0 transparent;
	position:relative;
float:left;
width:48%;
padding-top:55px;

border-right: 1px #999 dotted;
	}
	
	
	
div#churchreading ol{
	list-style-image:url(/images/link-08.png);

	line-height:2.8em;
	background:url("../images/churchreading-bk-09.png") no-repeat scroll 0 0 transparent;
	background-position:bottom;
	width:100%;
	
	}
	
	div#churchreading ol li{
	padding-top:-5px;
	}
	

	
	div#churchreading{
	background:url("../images/HomeArticlesHeader-07.jpg") no-repeat scroll 0 0 transparent;
	position:relative;
float:left;
width:46%;
padding-left:20px;
padding-top:55px;

	}

div#biblevers {
	background:url("../images/weekybibleVerse-bk-07.png") no-repeat scroll 0 0 transparent;
	border: 1px dotted #999;
margin-top:20px;
	padding-top:55px; 
	padding-left:15px;}

/*----------------------------------- Universal Copy Tags Start -------------------------------------------------------------------------*/



.first-and-second-carousel jcarousel-skin-promo {
	overflow:hidden;
	
	
	}

/* ------ Carosel --------- */



.jcarousel-container li {

list-style-image:none;

list-style-position:outside;

list-style-type:none;

}





.jcarousel-container {

}



.jcarousel-container {

float:left;

}



.jcarousel-container p {

margin:0;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

line-height:1.3;

}



.jcarousel-clip {

margin:0;

overflow:hidden;

padding:0;

position:relative;

z-index:2;

}

.moduletablewrap2 ul,

.jcarousel-list {

left:0;

margin:0;

overflow:hidden;

padding:0;

position:relative;

top:0;

z-index:1;

}



.jcarousel-item {

background:transparent none repeat scroll 0 0;

float:left;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

}



.jcarousel-next {

display:none;

z-index:3;

}

.jcarousel-prev {

display:none;

z-index:3;

}

.jcarousel-container .jcarousel-prev-horizontal {

background-repeat:no-repeat;

cursor:pointer;

height:100px;

text-align:center;

width:5%;

}





.jcarousel-container .jcarousel-prev-disabled-horizontal, .jcarousel-container .jcarousel-prev-disabled-horizontal:hover, .jcarousel-container .jcarousel-prev-disabled-horizontal:active {

background-repeat:no-repeat;

cursor:pointer;

height:100px;

text-align:center;

width:5%;

}

.jcarousel-container .jcarousel-next-horizontal {

background-repeat:no-repeat;

cursor:pointer;

height:100px;

text-align:center;

width:5%;

}

.jcarousel-container .jcarousel-next-horizontal:hover {

background-repeat:no-repeat;

cursor:pointer;

height:100px;

text-align:center;

width:5%;

}

.jcarousel-container .jcarousel-next-horizontal:active {

background-repeat:no-repeat;

cursor:pointer;

height:100px;

text-align:center;

width:5%;

}

.jcarousel-container .jcarousel-next-disabled-horizontal, .jcarousel-container .jcarousel-next-disabled-horizontal:hover, .jcarousel-container .jcarousel-next-disabled-horizontal:active {

background-repeat:no-repeat;

cursor:pointer;

height:100px;

text-align:center;

width:5%;

}



.jcarousel-container .jcarousel-pageimg a:hover {

cursor:pointer;

height:21px;

text-align:center;

width:21px;

background-position:0px -24px;

}

.jcarousel-container a,

.jcarousel-pageimg a.current {

font-family:Arial, Helvetica, sans-serif;

font-size:16px;

font-weight:bold;

color:#276B80;

}



.thumbsup-intro {

	float:left;

	width:100%;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

}



.jcarousel-container .jcarousel-pagetext {

color:#999999;

display:block;

font-size:77%;

line-height:18px;

text-align:center;

width:100%;

color:#FFFFFF;

}



.crsl-ww .jcarousel-container {

width:215px;

}

.crsl-ww .jcarousel-clip-horizontal {

margin-top:14px;

width:180px;

}



.crsl-ww li {

float:left;

width:180px;

}

.crsl-ww li img {

display:block;

margin-bottom:5px;

padding-left:44px;

margin-top:5px;

width:130px;

}



.crsl-ww .jcarousel-next-horizontal {

position:absolute;

right:7px;

top:50px;

}

.crsl-ww .jcarousel-prev-horizontal {

left:7px;

position:absolute;

top:50px;

}



.crsl-ww .jcarousel-pagetext {

color:#999999;

font-size:10px;

position:absolute;

top:0px;

width:215px;

font-family:Arial, Helvetica, sans-serif;

text-align:center;

}



li.jcarousel-item p {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	line-height:1.3;

	margin-top:0;

	text-align:left;

}

	

li.jcarousel-item  a {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	line-height:1.3;

	color:#299AAD;

	text-decoration:none;

	}



/*------- Carosel Ends -----------*/





/* --- Carousel CSS -------- */

/**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-container".

 */

.jcarousel-container {

    position: relative;

}



.jcarousel-clip {

    z-index: 2;

    padding: 0;

    margin: 0;

    overflow: hidden;

    position: relative;

}



/**

 * The buttons are added dynamically by jCarousel before

 * the <ul> list (inside the <div> described above) and

 * have the classnames "jcarousel-next" and "jcarousel-prev".

 */

.jcarousel-next {

    z-index: 3;

    display: none;

}



.jcarousel-prev {

    z-index: 3;

    display: none;

}



.jcarousel-skin-tango .jcarousel-container {

}



.jcarousel-skin-tango .jcarousel-container-horizontal {

    width: 88%;

    padding: 0 5% 3%;

	height:145px;

}





.jcarousel-skin-tango .jcarousel-clip-horizontal {

    width:  100%;

    height: 175px;

}





.jcarousel-skin-tango .jcarousel-item {

    width: 185px;

    height: 170px;

}

div.photoentry {

    width: 170px;

    height: 120px;

	margin: 7px;

	padding:5px;

	border:1px dotted #c2c2c2;

}



div.photoentry2 {

    width: 160px;

    height: 200px;

	margin: 5px;

	padding:5px;

	border:1px dotted #c2c2c2;

}



div.itemImage2,

div.itemImage {

	width:100%;

	height:100%;

	overflow:hidden;

	margin:0 0 7px 0;

}



div.itemImage img {

	width:100%;

}



div.itemImage2 img {

	height:100%;

	margin:0 0 0 -50px;

}



.jcarousel-skin-tango .jcarousel-item-horizontal {

    margin-right: 10px;

}



.jcarousel-skin-tango .jcarousel-item-vertical {

    margin-bottom: 10px;

}



.jcarousel-skin-tango .jcarousel-item-placeholder {

    background: #fff;

    color: #000;

}



/**

 *  Horizontal Buttons

 */

.jcarousel-skin-tango .jcarousel-next-horizontal {

    position: absolute;

    top: 43px;

    right: 0px;

    width: 32px;

    height: 100px;

    cursor: pointer;

    background: transparent url(/images/next-horizontal.png) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-next-horizontal:hover {

}



.jcarousel-skin-tango .jcarousel-next-horizontal:active {

}





.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {

    cursor: default;

}



.jcarousel-skin-tango .jcarousel-prev-horizontal {

    position: absolute;

    top: 43px;

	left:0px;

    width: 5%;

    height: 100px;

    cursor: pointer;

    background: transparent url(/images/prev-horizontal.png) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {

}



.jcarousel-skin-tango .jcarousel-prev-horizontal:active {

}



.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {

    cursor: default;

}





.jcarousel-skin-ie7 .jcarousel-container {

}



/*.jcarousel-skin-featured .jcarousel-container-horizontal {

    width: 80%;

    padding: 0 10%;

}*/

.jcarousel-skin-promo .jcarousel-container-horizontal,

.jcarousel-skin-ie7 .jcarousel-container-horizontal {

    width: 100%;

}



.jcarousel-skin-alpha .jcarousel-container-vertical {

    width: 100%;

    height: 245px;

    padding: 0px 20px;



}



.jcarousel-skin-ie7 .jcarousel-container-vertical {

    width: 75px;

    height: 245px;

    padding: 40px 20px;

}



/*.jcarousel-skin-feature .jcarousel-clip-horizontal*/

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {

    width:  180px;

    height: 290px;

	margin:0 12%;

	float:left;

}



.jcarousel-skin-promo .jcarousel-clip-horizontal {

    width:600px;

	margin:0 10px 0 0;

    height: 336px;

	float:left;

}



/*.jcarousel-skin-feature .jcarousel-item*/

.jcarousel-skin-ie7 .jcarousel-item {

    width: 180px;

    height: 300px;

}



.jcarousel-skin-promo .jcarousel-item{

    width:600px;

    height: 336px;

}



div.panel-wrapper {

	padding:0px;

}



.jcarousel-skin-ie7 h1{

	margin:0;

	padding:0;

}



.jcarousel-skin-ie7 h1 a{

	font-family:Arial, Helvetica, sans-serif;

	font-size:15px;

}



/**

 *  Horizontal Buttons

 */

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover,

.jcarousel-skin-ie7 .jcarousel-next-horizontal {

    position: absolute;

    top: 90px;

    right: 4px;

    width: 10%;

    height: 32px;

    cursor: pointer;

    background: transparent url(/images/next-horizontal.png) no-repeat 0 0;

}



.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover,

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {

    position: absolute;

    top: 90px;

    left: 5px;

    width: 10%;

    height: 32px;

    cursor: pointer;

    background: transparent url(/images/prev-horizontal.png) no-repeat 0 0;}





.jcarousel-skin-promo .jcarousel-container .jcarousel-next-horizontal:hover,

.jcarousel-skin-promo .jcarousel-container .jcarousel-next-horizontal{

    position: absolute;

    top: 150px;

    right: 0px;

    width: 6%;

    height: 45px;

    cursor: pointer;

    background: transparent url(/images/HomeNxt.png) no-repeat 0 0;

}



.jcarousel-skin-promo .jcarousel-container .jcarousel-next-disabled-horizontal {

    position: absolute;

    top: 150px;

    right: 0px;

    width: 6%;

    height: 45px;

    cursor: pointer;

    background: transparent url(/images/HomeNxt.png) no-repeat 0 -46px!important;;

	}

	



.jcarousel-skin-promo .jcarousel-prev-horizontal:hover,

.jcarousel-skin-promo .jcarousel-prev-horizontal{

    position: absolute;

    top: 150px;

    left: 0px;

    width: 50px;

    height: 45px;

    cursor: pointer;

    background: transparent url(/images/HomePrv.png) no-repeat 0 0;

}



.jcarousel-skin-promo .jcarousel-container .jcarousel-prev-disabled-horizontal {

    position: absolute;

    top:150px;

    right: 0px;

    width: 10%;

    height: 45px;

    cursor: pointer;

    background: transparent url(/images/HomePrv.png) no-repeat 0 -46px!important;;

	}

	

li.thumbsup-image-section {

	width:170px;

	height:270px;

	float:left;

}



div.thumbsup-title-section {

	width:100%;

	float:left;

}



div.thumbsup-intro-section {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#404040;

	line-height:1.4;

	width:100%;

	float:left;

}



ul#second-carousel li.jcarousel-item {

	float:left;

}

/**

 * flashnews start-----------------------------------------------------------------  */
 
 div#flashnews .moduletable{
	 width:95%;
	 margin-top:65px;
	  }
.moduletablepopular {
	border-top:#666 3px solid;
	
	} 

div#flashnews .moduletable h3{
	color:#8C9A0C;
	background:#D1D79E;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:16px;
	padding-left:15px;
	margin:1px;
	
	}


.menuheader1 expandable {
	color:#8C9A0C;
	background:#D1D79E;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:16px;
	padding-left:15px;
	
	}
.popular img {
	max-width:150px;
	float: left;
	margin-right: 15px;
	
	}

.popular h1{
	
	font-size:14px;
	
	
	}
	


