/* Home CSS Document */
.home {
  display: block;
  background: #fff;
  padding: 0px 5px 5px 0;
  margin: -5px 0 0 -8px;
  width: 910px;
}

.homeLeft {
  display: block;
  float: left;
  width: 595px;
}

.homeRight {
  display: block;
  float: right;
  font-size: 12px;
  padding: 0 15px 0 0px;
  width: 270px;
}

#home_images{
  float: left;
  width: 681px;
  margin: 6px 0px 0px;
}

#home_images #images ul,
#home_images .links ul{
  float: left;
  padding: 0px;
  margin: 0px;
}

#home_images #images ul li{
  float: left;
  width: 210px;
  height: 160px;
  overflow: hidden;
  background: url(../images/css/background_home_image.gif) no-repeat;
  padding: 6px;
  margin: 0px 0px 0px 5px;
  display: inline;
}

#home_images .links{
  float: left;
  padding: 0px;
  margin: 8px 0px 0px;
}

#home_images .links ul li{
  float: left;
  width: 222px;
  list-style: none;
  margin: 0px;
  padding: 0px 0px 0px 5px;
  display: block;
}

#bottom{
  float: left;
  width: 900px;
  margin: 40px 0px 0px;
  padding: 0px 0px 10px;
}

#todays_scripture{
  float: left;
  width: 210px;
  padding: 40px 0px 0px;
  background: url(../images/css/background_todays_scripture.gif) no-repeat;
}

#todays_scripture .pcusa{
  float: left;
  width: 210px;
  padding: 0px;
  margin: 0px;
  border: none;
  background: white;
}

#todays_scripture .link{
  float: left;
  width: 210px;
  padding: 10px 0px;
}

#coming_events{
  float: left;
  width: 400px;
  margin: 0px 0px 0px 20px;
  display: inline;
  background: url(../images/css/background_upcoming_events.gif) no-repeat;
}

#coming_events .links{
  float: left;
  width: 200px;
  margin: 2px 0px 0px 200px;
  padding: 0px 0px 5px;
  display: inline;
}

#coming_events .links ul{
  float: left;
  padding: 0px;
  margin: 0px;
}

#coming_events .links ul li{
  float: left;
  padding: 0px 0px 0px 10px;
  margin: 0px;
  list-style: none;
}

#coming_events .day{
  float: left;
  width: 190px;
  padding: 10px 10px 0px 0px;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
}

#coming_events .event{
  float: left;
  width: 190px;
  padding: 10px 0px;
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  border-bottom: 1px dotted #E4E5E6;
}

#coming_events .event a{
  float: left;
  width: 190px;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #3059A7;
}

#marquee{
  float: left;
  width: 250px;
  margin: 0px 0px 0px 0px;
  display: inline;
}

#marquee a img {
  margin: 3px 0;
}




/* FEATURES HOMEPAGE */
.features {
	background: #fff;
	display:block;
	height: 400px;
	margin: 0 auto 20px;
	padding: 5px;
	width: 602px;
	position: relative;
	z-index: 10;
	overflow: hidden;
}

/* UNIVERSAL LIST STYLES FOR FEATURES */
.features ul {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

.features li {
	float: left;
}

/* MAIN FEATURES AREA AND INDIVIDUAL FEATURES */
.features .feature,
.features .feature a {
	border: 1px solid #000;
	display:block;
	height:332px;
	margin: 0;
	overflow:hidden;
	padding: 0;
	position:absolute;
	width: 592px;
	z-index: 1;
}

.features .feature.shown,
.featuers .feature.shown a {
	z-index: 2;
}

.feature img,
.feature div {
	background:#000;
	position:absolute;
	width: 100%;
}

.feature div {
	padding:10px;
	margin-top:332px;
}

.features .panel-overlay {
  display: none;
}

/* PREVIOUS NEXT CONTROLS */
.pnControl {
	display: block;
	margin: 125px 0 0;
	position: absolute;
	width: 500px;
	z-index: 100;
}

.pnControl a {
	display: block;
	background: #000;
	float: left;
	font: 10px normal "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
	z-index: 100;
}

.pnControl a.next {
	float: right;
}

.pnControl a.prev {
}

/* PAUSE PLAY CONTROLS */
.pbControl {
	color: #000;
	position: absolute;
	z-index: 101;
}

/* THUMBS CONTROLS */
.features .thumbs {
	margin: 340px 0 0;
}

.features .thumbs li {
	margin: 2px 12px 0 0;
}

.features .thumbs a {
	border: 1px solid #000;
	display: block;
	height: 57px;
	width: 107px;
	overflow: hidden;
}

.features .thumbs img {
	border: 1px solid #e7e7e7;
	display: block;
	height: 55px;
	width: 105px;
}


.homeRight ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

.homeRight ul li {
	display: block;
	padding: 5px 0;
}

#container .homeRight ul li a {
	color: #000;
	text-decoration: none;
}



#content_narrow #group_features {
  margin: 0px;
  padding-top: 10px 0 0px;
  width:220px;
}

#content_narrow #group_features .main {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 200px;
  position: absolute;
}

#content_narrow #group_features .main li.feature {
  display: block;
  position: absolute;
  height: 200px;
  width: 220px;
}

#content_narrow #group_features .main li.feature a {
  display: block;
  text-decoration: none;
  height: 100px;
  width: 220px;
}

#content_narrow #group_features .main li .panel-overlay {
  position: relative;
  background: none;
  margin: 0;
  padding: 0;
  display: block;
}

#content_narrow #group_features .main li.image .panel-overlay {
  padding: 130px 0 0;
}



/* PREVIOUS NEXT CONTROLS */
#group_features .pnControl {
  display: block;
  margin: -25px 0 0 175px;
  padding: 0;
  position: absolute;
  width: 55px;
  z-index: 100; 
}

#group_features .pnControl a {
  display: block; 	
  float: left;
  background: url(../images/navNext.jpg) no-repeat top left;
  font: 0px normal "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  height: 13px; 
  width: 13px;
  text-indent: -999999px;
  padding: 0;
  margin: 0 5px;
  z-index: 100;
}

#group_features .pnControl a.next {
}

#group_features .pnControl a.prev {
  background: url(../images/navPrev.jpg) no-repeat top left;
}	
