﻿/***************
 *  Home Page  *
 ***************/
#FeaturedStories {
	display: inline-block;
	background: #FFFFFF url(../images/homepagetop.gif) no-repeat top;
	width: 590px;
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #DDDDDD;
}

#LatestStories {
	display: inline-block;
	background: #FFFFFF url(../images/homepagetop.gif) top no-repeat;
	float: left;
	width: 610px;
	margin-top: 10px;
	padding: 0px;
	border: 1px solid #DDDDDD;
}

.leftColumn {
	float: left;
	width: 288px;
}

.rightColumn {
	float: right;
	width: 288px;
}

#SubStories {
	display: inline-block;
	background: #FFFFFF url(../images/homepagetop.gif) top no-repeat;
	float: left;
	width: 610px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #DDDDDD;
	}
	
.contentBlock {
	float: left;
	width: 590px;
	margin: 0px;
	padding: 10px;
	display: inline;
	}

.ImageSpace {
	float: left;
	width: 110px;
}

.StorySpace {
	margin: 0px 0px 0px 110px;
	padding: 0px 0px 0px 10px;
}

.DottedLine {
	border-bottom: 1px dotted #94B1DF;
	margin-bottom: 10px;
	padding: 0px 0px 10px 0px;
	clear: both;
}


/********************
 *  Story Rotation  *
 *******************/
#myGallery {
	width: 588px;
	height: 400px;
	z-index: 5;
	border: 1px solid #000000;
	display: none;
}

#myGallerySet, #flickrGallery {
	width: 588px;
	height: 400px;
	z-index: 5;
	border: 1px solid #000;
}

.jdGallery .slideInfoZone {
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 85px;
	background: #000;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

#myGallery h2 {
	background: #000000;
	color: #FFFFFF;
	font-size: 20px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
}

#myGallery p {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}


/********************
 *  Gallery Arrows  *
 *******************/
#prevArrow:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#nextArrow:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

