@charset "utf-8";
/* CSS doc */

@font-face {
    font-family: "SimianDisplay-Gorilla";
    src: url('/fonts/SimianDisplay-Gorilla.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SimianDisplay-Orangutan";
    src: url('/fonts/SimianDisplay-Orangutan.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SimianText-Chimpanzee";
    src: url('/fonts/SimianText-Chimpanzee.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SimianText-Orangutan";
    src: url('/fonts/SimianText-Orangutan.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
/* Raleway-Black is fall back for no .OTF SimianDisplay-Gorilla headlines */
@font-face {
    font-family: "Raleway-Black";
    src: url('/fonts/Raleway-Black.woff2') format('woff2'),
         url('/fonts/Raleway-Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Raleway-Regular is fall back for no SimianDisplay-Orangutan headlines 
but not body text (causten is fallback for Orangutan body text) */
@font-face {
    font-family: "Raleway-Regular";
    src: url('/fonts/Raleway-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/Raleway-Regular.woff') format('woff'); /* Pretty Modern Browsers */
    font-weight: normal;
    font-style: normal;
} 
/* CaustenRound-SemiBold is fall back for no .OTF SimianText-Chimpanzee bold-bodytext */
@font-face {
    font-family: "CaustenRound-SemiBold";
    src: url('/fonts/CaustenRound-SemiBold.eot'); /* IE9 Compat Modes */
    src: url('/fonts/CaustenRound-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/CaustenRound-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('/fonts/CaustenRound-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/CaustenRound-SemiBold.svg#CaustenRound-SemiBold') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* CaustenRound-Regular is fall back for no SimianText-Orangutan regular-bodytext */
@font-face {
    font-family: "CaustenRound-Regular";
    src: url('/fonts/CaustenRound-Regular.eot'); /* IE9 Compat Modes */
    src: url('/fonts/CaustenRound-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/CaustenRound-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('/fonts/CaustenRound-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/CaustenRound-Regular.svg') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* PublicaSansRound-XBd is fall back for no .WOFF Raleway-Black headlines */
@font-face {
    font-family: "PublicaSansRound-XBd";
    src: url('/fonts/PublicaSansRound-XBd.eot'); /* IE9 Compat Modes */
    src: url('/fonts/PublicaSansRound-XBd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          /* woff goes here - Pretty Modern Browsers */
         url('/fonts/PublicaSansRound-XBd.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/PublicaSansRound-XBd.svg#CaustenRound-SemiBold') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* PublicaSansRound-Rg is fall back for no Raleway-Regular headlines */
@font-face {
    font-family: "PublicaSansRound-Rg";
    src: url('/fonts/PublicaSansRound-RG.eot'); /* IE9 Compat Modes */
    src: url('/fonts/PublicaSansRound-RG.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          /* woff goes here - Pretty Modern Browsers */
         url('/fonts/PublicaSansRound-RG.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/PublicaSansRound-RG.svg#CaustenRound-SemiBold') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

	/* general */
body { 
    font-family: "SimianText-Orangutan", "CaustenRound-Regular", Verdana, Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    background-color: #bbb;
    color: #406383;
    line-height: 1.2em;
    font-weight: normal;
    margin: 0px;
}
@media screen and (max-width: 1440px) {
    body {
        font-size: 1.1em;
        line-height: 1.1em;
    }
}
@media screen and (max-width: 1280px) {
    body {
        font-size: 1em;
        line-height: 1em;
    }
}
@media screen and (max-width: 1024px) {
    body {
        font-size: 0.9em;
        line-height: 0.9em;
    }
}
@media screen and (max-width: 960px) {
    body {
        font-size: 0.9em;
        line-height: 0.9em;
    }
}

img {
    border: 2px solid #406383;
}

/* links styles */
/* unvisited link */
a:link {
    color: #406383;
    text-decoration: none;
  }
  
  /* visited link */
  a:visited {
    color: #406383;
    text-decoration: none;
  }
  
  /* mouse over link */
  a:hover {
    color: #406383;
    text-decoration-line: none;
  }
  
  /* selected link */
  a:active {
    color: rgba(64, 99, 131, 0.75);
  }    
    
/* Headline styles */
h1, h2, h3, h4, h5, h6 {
    font-family: "SimianDisplay-Gorilla";
}

h1{
    font-size: 2.5em;
    letter-spacing: 0.03em;
    line-height: 1.3em;
}
@media screen and (max-width: 800px) {
    h1 {
        font-size: 2.2em;
        letter-spacing: 0.02em;
        line-height: 1.3em;
    }
}
@media screen and (max-width: 640px) {
    h1 {
        font-size: 2em;
        letter-spacing: 0.02em;
        line-height: 1.3em;
    }
}
@media screen and (max-width: 540px) {
    h1 {
        font-size: 1.8em;
        letter-spacing: 0.02em;
        line-height: 0.8em;
    }
}
@media screen and (max-width: 450px) {
    h1 {
        font-size: 1.7em;
        letter-spacing: 0.02em;
        line-height: 0.8em;
    }
}

h2 {
    font-family: "SimianDisplay-Orangutan";
    font-size: 1.1em;
    line-height: 1.2em;
    margin-left: 10px;
    margin-top: 5px;
    
    
}
h3 {
    font-family: "SimianDisplay-Orangutan";
    font-size: 1.1em;
    line-height: 1.2em;
}



/* Type styles */
    /* home icon and text */
.BodyText {
    font-size: 1em;
    line-height: 1.2em;
}    
.headerNav {
    line-height: 5em;
}
    /* bold type in body paragraph */
.BoldBodyText {
    font-family: "SimianText-Chimpanzee";
}
    /* inline small type headline */
.subHead {
    font-family: "SimianDisplay-Orangutan";
    font-size: 0.47em;
}
.hidden-space {
    color: #ddd;
}
@media screen and (max-width: 450px) {
    .hidden-space {
        letter-spacing: -0.1em;
        font-size: 0.1em;
    }
}



    /* Aside captions */
.navCaptions {
    margin: 0px auto 0px auto;
    line-height: 0.75em;
}
    /* info email form text, headlines */
.emailForm {
    margin: 15px 10px 10px 10px;
}
.indent-h3 {
    margin: 5px 10px 10px 10px;
    
}




/* picture styles */
img.large {
    width:960px; height:540px;
    border: 4px solid #406383;
}
@media screen and (max-width: 1440px) {
    img.large {
        width: 864px; height:486px;
    }
}
@media screen and (max-width: 1280px) {
    img.large {
        width: 768px; height:432px;
    }
}
@media screen and (max-width: 1152px) {
    img.large {
        width: 720px; height:405px;
    }
}
@media screen and (max-width: 1024px) {
    img.large {
        width: 624px; height: 351px;
    }
}
@media screen and (max-width: 960px) {
    img.large {
        width: 480px; height:270px;
    }
}
@media screen and (max-width: 800px) {
    img.large {
        width: 384px; height:216px;
    }
}
@media screen and (max-width: 640px) {
    img.large {
        width: 336px; height:189px;
    }
}
@media screen and (max-width: 540px) {
    img.large {
        width: 288px; height:162px;
    }
}
@media screen and (max-width: 450px) {
    img.large {
        width: 207px; height:117px;
    }
}



img.large-plain {
    width:960px; height:540px;
    border:0px;
}
@media screen and (max-width: 1440px) {
    img.large-plain {
        width: 864px; height:486px;
    }
}
@media screen and (max-width: 1280px) {
    img.large-plain {
        width: 768px; height:432px;
    }
}
@media screen and (max-width: 1152px) {
    img.large-plain {
        width: 720px; height:405px;
    }
}
@media screen and (max-width: 1024px) {
    img.large-plain {
        width: 624px; height: 351px;
    }
}
@media screen and (max-width: 960px) {
    img.large-plain {
        width: 480px; height:270px;
    }
}
@media screen and (max-width: 800px) {
    img.large-plain {
        width: 384px; height:216px;
    }
}
@media screen and (max-width: 640px) {
    img.large-plain {
        width: 336px; height:189px;
    }
}
@media screen and (max-width: 540px) {
    img.large-plain {
        width: 288px; height:162px;
    }
}
@media screen and (max-width: 450px) {
    img.large-plain {
        width: 199px; height:112px;
    }
}

img.large-960x720 {
    width:960px; height:720px;
    border: 0px solid #406383;
}
@media screen and (max-width:1440px) {
    img.large-960x720 {
        width:864px; height:648px;
    }
}
@media screen and (max-width: 1280px) {
    img.large-960x720 {
        width:768px; height:576px;
    }
}
@media screen and (max-width: 1152px) {
    img.large-960x720 {
        width:720px; height:540px;
    }
}
@media screen and (max-width: 1024px) {
    img.large-960x720 {
        width:624px; height:468px;
    }
}
@media screen and (max-width: 960px) {
    img.large-960x720 {
        width: 480px; height:360px;
    }
}
@media screen and (max-width: 800px) {
    img.large-960x720 {
        width: 384px; height:288px;
    }
}
@media screen and (max-width: 640px) {
    img.large-960x720 {
        width: 336px; height:252px;
    }
}
@media screen and (max-width: 540px) {
    img.large-960x720 {
        width: 288px; height:216px;
    }
}
@media screen and (max-width: 450px) {
    img.large-960x720 {
        width: 207px; height:180px;
    }
}

img.medium {
    width: 572px; height: 349px;
    margin: 10px auto 5px auto;
    border: 3px solid #406383;
}
@media screen and (max-width: 1440px) {
    img.medium {
        width: 515px; height:314px;
    }
}
@media screen and (max-width: 1280px) {
    img.medium {
        width: 458px; height:280px;
    }
}
@media screen and (max-width: 1152px) {
    img.medium {
        width: 429px; height:262px;
    }
}
@media screen and (max-width: 1024px) {
    img.medium {
        width: 372px; height:227px;
    }
}
@media screen and (max-width: 960px) {
    img.medium {
        width: 286px; height:174px;
    }
}
@media screen and (max-width: 800px) {
    img.medium {
        width: 229px; height:140px;
    }
}
@media screen and (max-width: 640px) {
    img.medium {
        width: 200px; height:122px;
    }
}
@media screen and (max-width: 540px) {
    img.medium {
        width: 172px; height:105px;
    }
}
@media screen and (max-width: 450px) {
    img.medium {
        width: 129px; height:79px;
        margin-top: 05px;
    }
}


img.small {
    width: 261px; height: 159px;
    margin: 10px auto 5px auto;
    border: 3px solid #406383;
}
@media screen and (max-width: 1440px) {
    img.small {
        width: 235px; height:144px;
    }
}
@media screen and (max-width: 1280px) {
    img.small {
        width: 209px; height:128px;
    }
}
@media screen and (max-width: 1152px) {
    img.small {
        width: 196px; height:119px;
    }
}
@media screen and (max-width: 1024px) {
    img.small {
        width: 170px; height:98px;
    }
}
@media screen and (max-width: 960px) {
    img.small {
        width: 130px; height:79px;
    }
}
@media screen and (max-width: 640px) {
    img.small {
        width: 104px; height:64px;
    }
}
@media screen and (max-width: 450px) {
    img.small {
        width: 59px; height:36px;
        margin-top: 05px;
    }
}

img.small-aside {
    width: 261px; height: 159px;
    margin: 5px auto 5px auto;
    border: 3px solid #406383;
}
@media screen and (max-width: 1440px) {
    img.small-aside {
        width: 235px; height:144px;
    }
}
@media screen and (max-width: 1280px) {
    img.small-aside {
        width: 209px; height:128px;
    }
}
@media screen and (max-width: 1152px) {
    img.small-aside {
        width: 196px; height:119px;
    }
}
@media screen and (max-width: 1024px) {
    img.small-aside {
        width: 170px; height:98px;
    }
}
@media screen and (max-width: 960px) {
    img.small-aside {
        width: 170px; height:98px;
    }
}
@media screen and (max-width: 800px) {
    img.small-aside {
        width: 170px; height:98px;
    }
}
@media screen and (max-width: 640px) {
    img.small-aside {
        width: 78px; height:48px;
    }
}
@media screen and (max-width: 540px) {
    img.small-aside {
        width: 78px; height:48px;
    }
}
@media screen and (max-width: 450px) {
    img.small-aside {
        width: 78px; height:48px;
    }
}

    /* logo and icon styles */
img.homeIcon {
    width:30px; height:30px;
    border: 0px;
    background-color: #ddd;
}
@media screen and (max-width: 540px) {
    img.homeIcon {
        width:25px; height:25px;
    }
}
@media screen and (max-width: 540px) {
    img.homeIcon {
        width:24px; height:24px;
    }
}@media screen and (max-width: 450px) {
    img.homeIcon {
        width:22px; height:22px;
    }
}


/* Block Styles PAGE DIVS */
div#pageContainer {
    min-width: 0px; 
    max-width: 1500px;
    min-height: 1274px;
    background-color: #ddd;
    border: 5px solid  #ccc;
    margin: 10px auto 10px auto;
}
div.headerRightFloat {
    height:60px;
    float: right;
    background-color: #ddd;
    margin: 10px 260px 10px 0px;
}
@media screen and (max-width: 1440px) {
    div.headerRightFloat {
        margin: 10px 236px 10px 0px;
    }
}
@media screen and (max-width: 1280px) {
    div.headerRightFloat {
        margin: 10px 210px 10px 0px;
    }
}
@media screen and (max-width: 1152px) {
    div.headerRightFloat {
        margin: 10px 162px 10px 0px;
    }
}
@media screen and (max-width: 1024px) {
    div.headerRightFloat {
        margin: 10px 148px 10px 0px;
    }
}
@media screen and (max-width: 960px) {
    div.headerRightFloat {
        margin: 10px 104px 10px 0px;
    }
}
@media screen and (max-width: 800px) {
    div.headerRightFloat {
        margin: 10px 56px 10px 0px;
    }
}
@media screen and (max-width: 640px) {
    div.headerRightFloat {
        margin: 10px 32px 10px 0px;
    }
}
@media screen and (max-width: 540px) {
    div.headerRightFloat {
        margin: 10px 24px 10px 0px;
    }
}
@media screen and (max-width: 450px) {
    div.headerRightFloat {
        margin: 10px 10px 10px 0px;
    }
}



/* page header */
header {
    max-width: 95%;
    min-width: none; 
    height: 60px;
    background-color: #ddd;
    margin: 10px 0px 10px 50px;

}
@media screen and (max-width: 1440px) {
    header {
        max-width: 95%;
        min-width: none;
        margin: 10px 0px 10px 50px;
    }
}
@media screen and (max-width: 1280px) {
    header {
        max-width: 95%;
        min-width: none;
        margin: 10px 0px 10px 30px;
    }
}
@media screen and (max-width: 1152px) {
    header {
        max-width: 95%;
        min-width: none;
        margin: 10px 0px 10px 30px;
    }
}
@media screen and (max-width: 1024px) {
    header {
        max-width: 95%;
        min-width: none;
        margin: 10px 0px 10px 15px;
    }
}
@media screen and (max-width: 960px) {
    header {
        max-width: 95%;
        min-width: none;
        margin: 10px 0px 10px 15px;
    }
}
@media screen and (max-width: 800px) {
    header {
        max-width: 95%;
        min-width: none;
        margin: 10px 0px 10px 10px;
    }
}
@media screen and (max-width: 640px) {
    header {
        max-width: 95%;
        min-width: none;
        margin: 10px 0px 10px 10px;
    }
}
@media screen and (max-width: 540px) {
    header {
        max-width: 95%;
        min-width: none;
        margin: 10px 0px 10px 05px;
    }
}
@media screen and (max-width: 450px) {
    header {
        max-width: 95%;
        min-width: none;
        margin: 10px 0px 10px 05px;
    }
}


footer {
    width: 95%;
    height: 30px;
    background-color: #ccc;
    margin: 10px auto 10px auto;
    clear: right;
}

aside {
    
    max-width: 297px;
    min-width: 277px;
    float: right;
    background-color: #ddd;
    text-align: center;
    padding-top: 20px;
    margin-right: 66px;
    
}
@media screen and (max-width: 1440px) {
    aside {
        max-width: 271px;
        min-width: 251px;
        margin-right: 50px;
    } 
}
@media screen and (max-width: 1280px) {
    aside {
        max-width: 245px;
        min-width: 225px;
        margin-right: 50px;
    } 
}
@media screen and (max-width: 1152px) {
    aside {
        max-width: 232px;
        min-width: 202px;
        margin-right: 30px;
    } 
}
@media screen and (max-width: 1024px) {
    aside {
        max-width: 206px;
        min-width: 186px;
        margin-right: 30px;
    } 
}
@media screen and (max-width: 960px) {
    aside {
        max-width: 206px;
        min-width: 186px;
        margin-right: 30px;
    } 
}
@media screen and (max-width: 800px) {
    aside {
        max-width: 186px;
        min-width: 186px;
        margin-right: 30px;
    } 
}
@media screen and (max-width: 640px) {
    aside {
        max-width: 124px;
        min-width: 110px;
        margin-right: 30px;
    } 
}
@media screen and (max-width: 540px) {
    aside {
        max-width: 94px;
        min-width: 84px;
        margin-right: 30px;
        
    } 
}
@media screen and (max-width: 450px) {
    aside {
        max-width: 94px;
        min-width: 84px;
        margin-right: 5px;
        
    } 
}

 /* not in use -- div to hold pic and text in aside */
 div.asideItem {
    min-width: 265px; max-width: 300px;
    height: 200px;
    background-color: #ddd;
    text-align: center;
    margin: 0px auto 0px auto;
}

article {
    margin: 10px 400px 10px 10px;
    padding-top: 0px;
    background-color: #ddd;   
}
@media screen and (max-width: 1440px) {
    article {
        margin: 10px 340px 10px 10px;
    } 
}
@media screen and (max-width: 1280px) {
    article {
        margin: 10px 320px 10px 10px;
    } 
}
@media screen and (max-width: 1152px) {
    article {
        margin: 10px 236px 10px 10px;
    } 
}
@media screen and (max-width: 1024px) {
    article {
        margin: 10px 270px 10px 10px;
    } 
}
@media screen and (max-width: 960px) {
    article {
        margin: 10px 260px 10px 10px;
    } 
}
@media screen and (max-width: 800px) {
    article {
        margin: 10px 224px 10px 10px;
    } 
}
@media screen and (max-width: 640px) {
    article {
        margin: 10px 164px 10px 10px;
    } 
}
@media screen and (max-width: 540px) {
    article {
        margin: 10px 164px 10px 10px;
    } 
}
@media screen and (max-width: 450px) {
    article {
        margin: 10px 170px 10px 05px;
    } 
}




div.article-container {
    max-width: 1000px;
    background-color: #ddd;
}
@media screen and (max-width: 1440px) {
    div.article-container {
        max-width: 900px;
    } 
}
@media screen and (max-width: 1280px) {
    div.article-container {
        max-width: 790px;
        min-width: 786px;
    } 
}
@media screen and (max-width: 1152px) {
    div.article-container {
        max-width: 750px;
        min-width: 746px;
    } 
}
@media screen and (max-width: 1024px) {
    div.article-container {
        max-width: 646px;
        min-width: 638px;
    } 
}
@media screen and (max-width: 960px) {
    div.article-container {
        max-width: 500px;
        min-width: 488px;
    } 
}
@media screen and (max-width: 800px) {
    div.article-container {
        max-width: 400px;
        min-width: 392px;
    } 
}
@media screen and (max-width: 640px) {
    div.article-container {
        max-width: 349px;
        min-width: 344px;
    } 
}
@media screen and (max-width: 540px) {
    div.article-container {
        max-width: 320px;
        min-width: 300px;
    } 
}
@media screen and (max-width: 450px) {
    div.article-container {
        max-width: 228px;
        min-width: 226px;
    } 
}

/* Article header Blurb above "div.top-movie" main video  */
   header.articleHead {
    width: 668px;
    background-color: #ddd;
    margin: 0px 0px 10px 0px;
}
@media screen and (max-width: 1440px) {
    header.articleHead {
        width: 614px;
    }
}
@media screen and (max-width: 1280px) {
    header.articleHead {
        width: 502px;
    }
}
@media screen and (max-width: 1152px) {
    header.articleHead {
        width: 464px;
    }
}
@media screen and (max-width: 1024px) {
    header.articleHead {
        width: 430px;
    }
}
@media screen and (max-width: 960px) {
    header.articleHead {
        width: 430px;
    }
}
@media screen and (max-width: 800px) {
    header.articleHead {
        width: 376px;
    }
}
@media screen and (max-width: 640px) {
    header.articleHead {
        width: 350px;
    }
}
@media screen and (max-width: 540px) {
    header.articleHead {
        width: 340px;
        margin: 0px 0px 20px 0px;
    }
}
@media screen and (max-width: 450px) {
    header.articleHead {
        width: 340px;
        height: 80px;
        margin: 0px 0px 20px 0px;
    }
}

/*  Top portion of "article" Main Movie */
div.top-movie {
    text-align: center;
    background-color: #ddd;
    max-width: 968px;
    margin-bottom: 20px;
}
@media screen and (max-width: 1440px) {
    div.top-movie {
        max-width: 872px;
    } 
}
@media screen and (max-width: 1280px) {
    div.top-movie {
        max-width: 776px;
    } 
}
@media screen and (max-width: 1152px) {
    div.top-movie {
        max-width: 728px;
    } 
}
@media screen and (max-width: 1024px) {
    div.top-movie {
        max-width: 624px;
    } 
}
@media screen and (max-width: 960px) {
    div.top-movie {
        max-width: 480px;
    } 
}
@media screen and (max-width: 800px) {
    div.top-movie {
        max-width: 384px;
    } 
}
@media screen and (max-width: 640px) {
    div.top-movie {
        max-width: 344px;
    } 
}
@media screen and (max-width: 540px) {
    div.top-movie {
        max-width: 296px;
    } 
}
@media screen and (max-width: 450px) {
    div.top-movie {
        max-width: 207px;
    } 
}

/*  with "div.bottom-pics" bottom portion of article*/
div.rightFloater {
    width: 297px;
    height: 365px;
    float: right;
    background-color: #ddd;
    text-align: center;
}
@media screen and (max-width: 1440px) {
    div.rightFloater {
        max-width: 271px;
        height: 338px;
    } 
}
@media screen and (max-width: 1280px) {
    div.rightFloater {
        max-width: 245px;
        height: 302px;
    } 
}
@media screen and (max-width: 1152px) {
    div.rightFloater {
        max-width: 232px;
        height: 284px;
    } 
}
@media screen and (max-width: 1024px) {
    div.rightFloater {
        max-width: 200px;
        height: 250px;
    } 
}
@media screen and (max-width: 960px) {
    div.rightFloater {
        max-width: 156px;
        height: 200px;
    } 
}
@media screen and (max-width: 800px) {
    div.rightFloater {
        max-width: 136px;
        height: 200px;
    } 
}
@media screen and (max-width: 640px) {
    div.rightFloater {
        max-width: 110px;
        height: 172px;
    } 
}
@media screen and (max-width: 450px) {
    div.rightFloater {
        max-width: 65px;
        height: 108px;
    } 
}

/*  Bottom portion of article - illustrative pictures*/
div.bottom-pics {
    max-width: 966px;
    height: 365px;
    margin: 15px 0px 0px 0px;
    background-color: #ddd;
}
@media screen and (max-width: 1440px) {
    div.bottom-pics {
        max-width: 872px;
        height: 330px;
    } 
}
@media screen and (max-width: 1280px) {
    div.bottom-pics {
        max-width: 776px;
        height: 296px;
    } 
}
@media screen and (max-width: 1152px) {
    div.bottom-pics {
        max-width: 728px;
        height: 278px;
    } 
}
@media screen and (max-width: 1024px) {
    div.bottom-pics {
        max-width: 632px;
        height: 243px;
    } 
}
@media screen and (max-width: 960px) {
    div.bottom-pics {
        max-width: 486px;
        height: 190px;
    } 
}
@media screen and (max-width: 800px) {
    div.bottom-pics {
        max-width: 390px;
        height: 156px;
    } 
}
@media screen and (max-width: 640px) {
    div.bottom-pics {
        max-width: 344px;
        height: 138px;
    } 
}
@media screen and (max-width: 540px) {
    div.bottom-pics {
        max-width: 296px;
        height: 121px;
    } 
}
@media screen and (max-width: 450px) {
    div.bottom-pics {
        max-width: 220px;
        height: 121px;
        margin-top: 05px;
    } 
}

/* bottom page description blurb  */
div.description {
    max-width: 968px;
    margin: 0px 60px 10px 10px;
    background-color: #ddd;
}
@media screen and (max-width: 1440px) {
    div.description {
        max-width: 872px;
        margin: 0px 60px 10px 10px;
    } 
}
@media screen and (max-width: 1280px) {
    div.description {
        max-width: 776px;
        margin: 0px 50px 10px 10px;
    } 
}
@media screen and (max-width: 1152px) {
    div.description {
        max-width: 728px;
        margin: 0px 50px 10px 10px;
    } 
}
@media screen and (max-width: 1024px) {
    div.description {
        max-width: 632px;
        margin: 0px 34px 10px 10px;
    } 
}
@media screen and (max-width: 960px) {
    div.description {
        max-width: 488px;
        margin: 0px 34px 10px 05px;
    } 
}
@media screen and (max-width: 800px) {
    div.description {
        max-width: 392px;
        margin: 0px 20px 10px 05px;
    } 
}
@media screen and (max-width: 640px) {
    div.description {
        max-width: 344px;
        margin: 0px 10px 10px 10px;
    } 
}
@media screen and (max-width: 540px) {
    div.description {
        max-width: 296px;
        margin: 0px 10px 10px 10px;
    } 
}


 /* video containers */
    /*  large video  */
div.video960x540 {
    width: 960px; height:540px;
    border: 4px solid #406383;
}
@media screen and (max-width: 1440px) {
    div.video960x540 {
        width: 864px; height:486px;
    }
}
@media screen and (max-width: 1280px) {
    div.video960x540 {
        width: 768px; height:432px;
    }
}
@media screen and (max-width: 1152px) {
    div.video960x540 {
        width: 720px; height:405px;
    }
}
@media screen and (max-width: 1024px) {
    div.video960x540 {
        width: 624px; height:351px;
    }
}
@media screen and (max-width: 960px) {
    div.video960x540 {
        width: 480px; height:270px;
    }
}
@media screen and (max-width: 800px) {
    div.video960x540 {
        width: 384px; height:216px;
    }
}
@media screen and (max-width: 640px) {
    div.video960x540 {
        width: 336px; height:189px;
    }
}
@media screen and (max-width: 540px) {
    div.video960x540 {
        width: 288px; height:162px;
    }
}
@media screen and (max-width: 450px) {
    div.video960x540 {
        width: 199px; height:112px;
    }
}

    /*  large video and img 960x720*/
div.video960x720 {
    width: 960px; height:720px;
    border: 4px solid #406383;
}
@media screen and (max-width: 1440px) {
    div.video960x720 {
        width: 864px; height:648px;
    }
}
@media screen and (max-width: 1280px) {
    div.video960x720 {
        width: 768px; height:576px;
    }
}
@media screen and (max-width: 1152px) {
    div.video960x720 {
        width: 720px; height:540px;
    }
}
@media screen and (max-width: 1024px) {
    div.video960x720 {
        width: 624px; height:468px;
    }
}
@media screen and (max-width: 960px) {
    div.video960x720 {
        width: 480px; height:360px;
    }
}
@media screen and (max-width: 800px) {
    div.video960x720 {
        width: 384px; height:288px;
    }
}
@media screen and (max-width: 640px) {
    div.video960x720 {
        width: 336px; height:252px;
    }
}
@media screen and (max-width: 540px) {
    div.video960x720 {
        width: 288px; height:216px;
    }
}
@media screen and (max-width: 450px) {
    div.video960x720 {
        width: 199px; height:180px;
    }
}



/*  medium video container */
div.video572x349 {
    width: 572px; height:349px;
    border: 3px solid #406383;
    background-color: #000;
    margin-top: 20px;
    margin-bottom: 40px;
}
@media screen and (max-width: 1440px) {
    div.video572x349 {
        width: 515px; height:314px;
    }
}
@media screen and (max-width: 1280px) {
    div.video572x349 {
        width: 458px; height:280px;
    }
}
@media screen and (max-width: 1152px) {
    div.video572x349 {
        width: 429px; height:262px;
    }
}
@media screen and (max-width: 1024px) {
    div.video572x349 {
        width: 372px; height:227px;
    }
}
@media screen and (max-width: 960px) {
    div.video572x349 {
        width: 286px; height:174px;
    }
}
@media screen and (max-width: 800px) {
    div.video572x349 {
        width: 229px; height:140px;
    }
}
@media screen and (max-width: 640px) {
    div.video572x349 {
        width: 200px; height:122px;
    }
}
@media screen and (max-width: 540px) {
    div.video572x349 {
        width: 172px; height:105px;
    }
}
@media screen and (max-width: 450px) {
    div.video572x349 {
        width: 129px; height:79px;
    }
}

/*  small video  */
div.video261x159 {
    width: 261px; height:159px;
    border: 3px solid #406383;
    margin: 0px auto 20px auto;
}
@media screen and (max-width: 1440px) {
    div.video261x159 {
        width: 235px; height:144px;
    }
}
@media screen and (max-width: 1280px) {
    div.video261x159 {
        width: 209px; height:128px;
    }
}
@media screen and (max-width: 1152px) {
    div.video261x159 {
        width: 196px; height:119px;
    }
}
@media screen and (max-width: 1024px) {
    div.video261x159 {
        width: 170px; height:98px;
    }
}
@media screen and (max-width: 960px) {
    div.video261x159 {
        width: 130px; height:49px;
    }
}



/* video src ID style */
        /*  large video  */    
#Video-LargeMain {
    width: 960px; height:540px;
}
@media screen and (max-width: 1440px) {
    #Video-LargeMain {
        width: 864px; height:486px;
    }
}
@media screen and (max-width: 1280px) {
    #Video-LargeMain {
        width: 768px; height:432px;
    }
}
@media screen and (max-width: 1152px) {
    #Video-LargeMain {
        width: 720px; height:405px;
    }
}
@media screen and (max-width: 1024px) {
    #Video-LargeMain {
        width: 624px; height:351px;
    }
}
@media screen and (max-width: 960px) {
    #Video-LargeMain {
        width: 480px; height:270px;
    }
}
@media screen and (max-width: 800px) {
    #Video-LargeMain {
        width: 384px; height:216px;
    }
}
@media screen and (max-width: 640px) {
    #Video-LargeMain {
        width: 336px; height:189px;
    }
}
@media screen and (max-width: 540px) {
    #Video-LargeMain {
        width: 288px; height:162px;
    }
}
@media screen and (max-width: 450px) {
    #Video-LargeMain {
        width: 199px; height:112px;
    }
}

/*  medium video srcID */
#Video-MediumMain {
    width: 572px; height:349px;
}
@media screen and (max-width: 1440px) {
    #Video-MediumMain {
        width: 515px; height:314px;
    }
}
@media screen and (max-width: 1280px) {
    #Video-MediumMain {
        width: 458px; height:280px;
    }
}
@media screen and (max-width: 1152px) {
    #Video-MediumMain {
        width: 429px; height:262px;
    }
}
@media screen and (max-width: 1024px) {
    #Video-MediumMain {
        width: 372px; height:227px;
    }
}
@media screen and (max-width: 960px) {
    #Video-MediumMain {
        width: 286px; height:174px;
    }
}
@media screen and (max-width: 800px) {
    #Video-MediumMain {
        width: 229px; height:140px;
    }
}
@media screen and (max-width: 640px) {
    #Video-MediumMain {
        width: 200px; height:122px;
    }
}
@media screen and (max-width: 540px) {
    #Video-MediumMain {
        width: 172px; height:105px;
    }
}
@media screen and (max-width: 450px) {
    #Video-MediumMain {
        width: 129px; height:79px;
    }
}





div.tour360Med {
    width: 572px; height:349px;
    border: 3px solid #406383;
    background-color: #ccc;
    margin-top: 20px;
    margin-bottom: 40px;
}
@media screen and (max-width: 1440px) {
    div.tour360Med {
        width: 458px; height:280px;
    }
}

     /* FORM STYLES*/

div#emailForm {
    max-width: 1000px;
    margin: 10px auto 10px auto;
    background-color: #eee;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 4px solid #bbb;
}

div.infoArticle {
    max-width: 1000px;
    margin: 10px auto 10px auto;
    background-color: #eee;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 4px solid #bbb;
}