/* FBCNJ Homepage CSS */

div#rotator
{
	height:235px;
	width: 620px;
	background-color: #334433;
                z-index: -99;
}

#myGallery
{
	position: relative;
	width: 620px !important;
	height: 235px !important;
 }

div#quicklinks
{
	height:235px;
	/*background-color: #AAAAFF;*/
	background-image:url(/images/interface/home/quicklinks.jpg);
}

div#col1
{
	background-image:url(/images/interface/home/newhere.jpg);
	height:300px;
}

div#col2
{

}

div#newhere
{
	height: 200px;
	margin-bottom: -10px;
}

#newhere a.headlink
{
	display:block; 
	height: 62px; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	text-indent:-2000px;
}

#newhere ul
{
	/*padding-top: 82px;*/
	margin-left: 10px;
	list-style-type: none;
	font-family:"Trebuchet MS", helvetica, tahoma, arial;
	font-size: 12pt;
	margin-bottom: 0px;
}

#newhere ul li
{
	 background-image: url(/images/interface/home/newherebullet.gif);
	 background-repeat: no-repeat;
	 background-position: 0 2px;
	 padding-left: 22px;
	 margin-bottom:3px;
}

#newhere ul li a
{
	color: #3A1100;
	text-decoration: none;

}

#newhere ul li a:hover
{
	text-decoration: underline;
}

div#newherefooter
{
	margin-top: 0px;
	height:22px;
	background-image:url(/images/interface/home/newherefooter.gif);
}

div#sites
{
	margin-top: 10px;
}

div#sites a
{
	display: block;
	height: 90px;
	width: 300px;
	background-image:url(/images/interface/home/haddonfield-onechurch.png);
}

div#watch
{
}

div#watch a
{
	display:block;
	background-image:url(/images/interface/home/watchonline.jpg);
	height:90px;
	width: 300px;
}

div#sermon
{
}

div#sermon a
{
	display: block;
	height:200px;
	width: 300px;
}

div.cols
{
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: top center;
}

div.cols div
{
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 10px;
}

div.cols p, div.cols div p
{
	margin-left: 25px;
	padding-top: 10px;
}

ul.buttons
{
	list-style: none;
	padding-top: 10px; /*used to be 35px*/
}

ul.buttons li
{
	margin-left: 0px;
}

ul.buttons li a
{
	height:44px;
	/*margin-left: 32px;*/
	text-decoration: none;
	overflow: hidden;
	text-indent: -1999px;
	background-repeat: no-repeat;
}

ul.buttons li a:link, ul.buttons li a:visited
{
	display: block;
	padding: 10px 0px 0px 0px;
}

/*
ul.buttons li a:hover
{
	display:block;
	background: black;
	background-repeat: no-repeat;
}*/

#quicklinks li a
{
	margin-left: 25px;
	margin-bottom: 1px;
}


div#col3
{
	background-image: url(/images/interface/home/news_events.jpg);
	height:300px;
}

#events a.headlink
{
	display:block; 
	height: 50px; 
	margin-top: 15px; 
	margin-bottom: 15px; 
	text-indent:-2000px;
}

#eventicons
{
	margin-left: 10px;
}

#events ul
{
	padding-top: 70px;
	margin-left: 0px; /* -15 */
	list-style-type: none;
	font-family:"Trebuchet MS", helvetica, tahoma, arial;
	font-size: 12pt;
                display:inline;
}

#events ul li
{
                display:inline;
                margin-top: 5px;
                margin-bottom: 15px;
                margin-left: 5px;
                margin-right: 5px;
}

#events ul li a
{
	color: #FFFFFF;
	text-decoration: none;
}

#newsmore a
{
color: #FFFFFF;
text-decoration: none;
}
#newsmore a:hover
{
text-decoration: underline;
}


/* ******** Slider CSS ******** */
#grid_slider
{
	margin-bottom: 0px;
}

#slidecont
{
	/*border: 1px solid #eeeeee;*/
	width: 300px;
	height: 545px;
	margin-left: 0;
	position: relative;
	overflow: hidden;
}

#slidecont p
{
	display: block;
	width: 300px;
	height: 25px; /* was 24; fixed*/
	
	padding-left: 10px;
	padding-top: 4px; /* was 5; fixed */
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	
	font-size: 11pt;
	white-space: nowrap;
	overflow:hidden;
	cursor: pointer;
	/* top right bottom left */
	/*border: 1px solid;
	border: solid 1px;
	border-color: #cccccc #aaaaaa #aaaaaa #cccccc;
	background-color: #f0f0f0;
	color: #777777;*/
	
	border-top: 1px solid maroon;	
	
	background-image: url("/images/uploads/slider/ui/background.jpg");
	background-repeat: repeat-y;

}

#slidecont p:hover
{
	background-image: url("/images/uploads/slider/ui/background30.jpg");
}

#slidecont div
{
	/*height: 25px;*/
	position: absolute;
	height: 278px;
	/*font-family: "century gothic", "lucida grande", "lucida sans", "bitstream vera sans", helvetica, verdana;*/
	/*text-transform: uppercase;*/
	font-family:"Trebuchet MS", helvetica, tahoma, arial;
	overflow: hidden;
}

#slitem1
{
	top: 0px;
	z-index: 1;
	/*color: #5b0b0c;*/
	color: #3A1100;
	font-weight: bold;
}
#slitem1 p
{
	background-position: 0px 0px;
}

#slitem2
{
	top: 278px;/*276*/
	z-index: 2;
	/*color: #253d90;*/
	color: #3A1100;
	font-weight: bold;

}
#slitem2 p
{
	background-position: 0px -29px;
}


#slitem3
{
	top: 307px;
	z-index: 3;
	/*color: #5b0b0c;*/
	color: #3A1100;
	font-weight: bold;
}
#slitem3 p
{
	background-position: 0px -58px;
}

#slitem4
{
	top: 336px;
	z-index: 4;
	/*color: #253d90;*/
	color: #3A1100;
	font-weight: bold;
}
#slitem4 p
{
	background-position: 0px -87px;
}

#slitem5
{
	top: 365px;
	z-index: 5;
	/*color: #5b0b0c;*/
	color: #3A1100;
	font-weight: bold;
}
#slitem5 p
{
	background-position: 0px -116px;
}

#slitem6
{
	top: 394px;
	z-index: 6;
	/*color: #253d90;*/
	color: #3A1100;
	font-weight: bold;
}
#slitem6 p
{
	background-position: 0px -145px;
}

#slitem7
{
	top: 423px;
	z-index: 7;
	/*color: #5b0b0c;*/
	color: #3A1100;
	font-weight: bold;
}
#slitem7 p
{
	background-position: 0px -174px;
}

#slitem8
{
	top: 452px;
	z-index: 8;
	/*color: #253d90;*/
	color: #3A1100;
	font-weight: bold;
}
#slitem8 p
{
	background-position: 0px -203px;
}

#slitem9
{
	top: 481px;
	z-index: 9;
	/*color: #5b0b0c;*/
	color: #3A1100;
	font-weight: bold;
}
#slitem9 p
{
	background-position: 0px -232px;
}

#slitem10
{
	top: 510px;
	z-index: 10;
	/*color: #253d90;*/
	color: #3A1100;
	font-weight: bold;
}
#slitem10 p
{
	background-position: 0px -261px;
}

#slitem11
{
	top: 539px;
	z-index: 11;
	color: #5b0b0c;
}
#slitem11 p
{
	background-position: 0px -290px;
	border-top: none !important;
}

/*#slitem1
{
	height: 75px !important;
}*/

#slidecont div span
{
	display: block;
	height: 249px;
	width: 300px;
	
	/* the following goes away */
	font-size: 10pt;
	font-weight: bold;
	color: white;
	text-align: right;
	position: relative;

	background-color: #004C66;
}

#slidecont div span a
{
	color: #ffffff;
	text-transform: none;
/*	font-weight: normal;*/
/*	font-weight: bold;*/
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 290px;
	padding-right: 10px;
	text-decoration: none;
}

#slidecont div span a
{
	color: black;
	background-image:url("/images/uploads/slider/ui/a70.png");
}