﻿#HeroBanner
{
	position: relative;
	overflow: hidden;
	height: 250px;
}

#HeroBanner .BannerAd
{
	position: absolute;
	top: 0px;
	left: 0px;
}

#HeroBanner .heroContent
{
	overflow: hidden;
	position: absolute;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	z-index: 10;
	top: 105px;
	left: 470px;
	height: 110px;
	width: 315px;
	
}

#HeroBanner .heroCopy
{
	background-image: url(/images/heroBanner/semitransparent.png);
	height: 100%;
}

#HeroBanner .heroContent a:link, 
#HeroBanner .heroContent a:visited, 
#HeroBanner .heroContent a:hover, 
#HeroBanner .heroContent a:active
{
	color: #ffffff;
}

#HeroBanner p
{
	display: block;
}

#bannerStrip
{
	margin-top: -30px;
	margin-left: 715px;
	z-index: 50;
	position: relative;
	height: 20px;
}

#bannerStrip .bannerNavButton
{
	width: 21px;
	height: 21px;
}

#bannerStrip .back
{
	background-image: url(/images/heroBanner/back2.png);
}

#bannerStrip .next
{
	background-image: url(/images/heroBanner/next2.png);
}

#bannerStrip .play
{
	background-image: url(/images/heroBanner/play2.png);
}

#bannerStrip .pause
{
	background-image: url(/images/heroBanner/pause2.png);
}

.bannerNavButton
{
	float:left;
	width: 20px;
}

#Banner
{
	height: 250px;
	padding-bottom: 2px;
}


