

.rotatorWrap{
	height:435px; /* height of full news Rotator */
	margin:0 6px;
	overflow:hidden;
	width:614px;
}

#newsNav{
	padding:0px;
	position:relative;
	left:456px; /* width of article section + some spacing*/
	width:158px;
	background:#eee;
}
#newsNav a{
	padding-top:0px;
	margin-top:0px;
}
.rotatorArticle{
	width:450px; /* width of article section*/
	
}
.photo{ /* thumbnail spacing and border */
	border:solid 1px #FFF;
	margin:0 0 3px;
	width:156px; /* same as thumbnail width */
}
.photo img{ /* thumbnail sizes */
	width:156px;
	height:104px;
}
.activeSlide .photo{ /* active thumbnail spacing and border */
	border:solid 1px #000;
}
.photo div{ /* if no image and no default image, show title for thumbnail, use these properties */
	text-align:center;
	height:96px;
	padding:5px;
	color:#fff;
	background:#000;
}
.rotatorCaption{
	height:18px;
	margin-top:-18px; /* height and margin-top are inversely equal if the caption should overlay, width is set in function based on photo width */
	background:url(/images_web/rotatorCaptionBg.png) repeat-x bottom;
	border:1px solid #000;
	color:#FFF;
	padding:0 4px 0 3px;
	z-index:100;
	
}
.rotatorPhoto, .rotatorPhoto img{
	z-index:20; 
}
.rotatorPhoto div{
	background:#000 center center no-repeat;
}
.rotatorLeadIn{
	background:#000;
	color:#fff;
	border:#0000ff 1px solid;
	margin:5px;
	padding:5px;
}
.rotatorByLine{
	font-weight:bold;
	padding:4px 0;
}
.rotatorByLine a{
	color:#ccc;
}
#rotatorDiv, #photoTrail{
	display:none; /*eliminates loading flicker */
}
.rotatorTitle{
	background:#104784 url(/images_web/storyRotateTitleBg.jpg) no-repeat;
	line-height:29px;
	color:#fff;
	font-weight:bold;
	padding-left:10px;
}
.rotatorBoxContent{
	background:#00346e url(/images_web/storyRotateArticleBg.jpg) no-repeat bottom;
	color:#fff;
	height:84px;
	padding:7px 12px;
}
.rotatorBox{
	margin-top:6px;
}
.rotatorReadMore{
	bottom:12px;
	font-weight:bold;
	left:342px;
	position:absolute;
	text-align:right;
}
.rotatorReadMore a{
	padding-top:5px;
	color:#fff;
}
