.ShellBanner
{
    float: left;
    clear: both;
    width: 100%;
    color: #FFFFFF;
    top: -80px;
    position: relative;
}

.BannerSlideshow .Center
{
    max-width: 100%;
}

.BannerSlideshow .ShellSlideshow
{
    width: 100% !important;
	max-height:660px;
}

    .BannerSlideshow .ShellSlideshow > div
    {
        width: 100% !important;
        height: auto !important;
    }

    .BannerSlideshow .ShellSlideshow img
    {
        max-width: 100%;
    }

    .BannerSlideshow .ShellSlideshow section
    {
        position: relative;
    }

    .BannerSlideshow .ShellSlideshow .ShellPager
    {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 15px 0;
        width: 100%;
        text-align: center;
        font-size: 1.5em;
        line-height: 1em;
        opacity: .8;
       background: #456740;
    }

        .BannerSlideshow .ShellSlideshow .ShellPager .Title
        {
            padding-right: 10px;
            border-right: 1px solid #FFFFFF;
            margin-right: 10px;
        }

        .BannerSlideshow .ShellSlideshow .ShellPager .SlideShowPager a
        {
            color: #FFFFFF;
            margin-right: 10px;
            text-decoration: none;
        }

            .BannerSlideshow .ShellSlideshow .ShellPager .SlideShowPager a.activeSlide
            {
                opacity: .5;
            }

            .BannerSlideshow .ShellSlideshow .ShellPager .SlideShowPager a:hover
            {
                text-decoration: underline;
            }

.BannerSlideshow
{
    background: #394B31;
}

.BannerText
{
    float: left;
    width: 100%;
    color: #FFFFFF;
    padding: 25px 0 20px;
}

    .BannerText .Center
    {
        padding: 0 10px;
        text-align: center;
    }

    .BannerText .Title
    {
        float: left;
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 70px;
        line-height: 1.2em;
    }

    .BannerText .TextImage
    {
        width: 500px;
        max-width: 100%;
        padding: 12px 0 15px;
    }

    .BannerText .Subtext
    {
	height: 0;
	line-height: 2em;
	margin: 0 auto;
	position: relative;
	letter-spacing: 2px;
    }
	.BannerImage {max-height:660px; overflow:hidden;}	

@media(max-width:750px)
{
    .BannerText .Title
    {
        font-size: 40px;
    }

    .ShellBanner
    {
        top: 0;
    }

    .BannerSlideshow .ShellSlideshow .ShellPager
    {
        bottom: -48px;
    }

    .ShellBanner .BannerText
    {
        padding-top: 70px;
    }

        .ShellBanner .BannerText .Subtext
        {
            height: auto;
            padding-bottom: 5px;
        }
}


@media(max-width:500px)
{
    .BannerText .Title
    {
        font-size: 30px;
    }

    .BannerText .TextImage
    {
        padding-top: 20px;
    }

    .BannerSlideshow .ShellSlideshow .ShellPager
    {
        font-size: 1.2em;
        padding: 10px 0;
    }

    /*adjust these for the 10px we changed in ShellPager padding*/
    .BannerSlideshow .ShellSlideshow .ShellPager
    {
        bottom: -40px;
    }

    .ShellBanner .BannerText
    {
        padding-top: 60px;
    }
}