.amcPageWrapper {
     width: 100% !important;
     margin: 0 auto;
     max-width:1280px;
     padding: 0px;
}
@media   ( min-width: 400px) {
  .amcPageWrapper {
      width: 80% !important;
      padding-left:25px !important;
      padding-right:25px !important;

  }
}


.greenText {
    color: rgb(40,91,77);
}


/* Typography logic: fonts are relative to body 100% - assumed to be 16px
Based on bootstrap break points p, h1 -h5 vary slightly with smaller ratios
for smaller foot printed */
/*html {
     font-size:100% !important;
 }*/

 html {
    height:100%;
  }
 
 a {
   color:rgb(40, 91, 77);
   text-decoration:underline;
  }
 
 a:active {
     color:rgb(40, 91, 77);
     text-decoration:underline;
  }
  
 a:focus {
     color:rgb(40, 91, 77);
     text-decoration:underline;
  }
  
h1 a, h2 a, h3 a, .h1 a, .h2 a, .h3 a {
     text-decoration:none;
} 
  
h1 a:hover, h2 a:hover, h3 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover {
     text-decoration:underline;
} 

h1 a:active, h2 a:active, h3 a:active, .h1 a:active, .h2 a:active, .h3 a:active {
     text-decoration:underline;
} 
 
 
 body{
   max-width:100%;
   height:100%;
   font-family:museo-sans,Helvetica,Arial,sans-serif; !important;
   line-height:1.1;
   /* fpt 3/19/2015 added to fix issue in safari phone where there was
   a blank space to the right of top nav. Cause is either a div that is wider
   than screen - or perhaps something to do with the negative margins of bs */ 
   overflow-x:hidden;
}




.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
    font-family: alternate-gothic-no-3-d,sans-serif;
}
 
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.1;
}

.h1, h1 {
  color: rgb(40,91,77);
  text-transform: uppercase;
}



  .h1, h1 {
     font-size: 2.4rem;
     line-height: 1.25;
   }

   .h2, h2 {
     font-size: 1.8rem;
     line-height: 1.25;
     color: rgb(40,91,77);
   }

   .h3, h3 {
     font-size: 1.5rem;
     line-height: 1.25;
   }
 .p, p {
     line-height:1.7;
     font-size: 1.0rem;
  }

.footerLinks {
     text-decoration:none;
 }
  
  
@media (max-width: 479px) {
    html {font-size:70%}
    /*body {
         font-size:80% }*/

   .p, p {
     font-size: 1.15rem;
   }

   .h4, h4 {
     font-size: 1.2rem;
   }
   .h5, h5, .smallParagraphText, .widgetText {
     font-size: 1.1rem;
     line-height:1.4;
   }
   .footerLinks {
     font-size:1.1rem;

    }

   .caption-font-size {
     font-size:.97rem;
    }


}
   

/* sm settings */
@media (min-width: 480px) and (max-width:699px) {
    html {font-size:80% !important}
 /*body{
   font-size:85% !important;
 }*/

   .p, p {
     font-size: 1.1rem;
   }


   .h5, h5, .smallParagraphText, .widgetText {
     font-size: .95rem;
   }

   .footerLinks {
     font-size:.92rem;
    }

   .caption-font-size {
     font-size:.86rem;
    }
   
}

/* md (medium desktop) settings - these match 451 design */

@media (min-width: 700px) and (max-width:1199px) {
    html {font-size:87.5%}
/* body{
   font-size:87.5% !important;
 }*/

   .h1, h1 {
     line-height: 1.25;
   }

   .h2, h2 {
     line-height: 1.14;
   }

   .h3, h3 {
     line-height: 1.25;
   }
   .p, p {
     font-size: 1rem;
   }


   .h5, h5, .smallParagraphText {
     font-size: .94rem;
   }
   .widgetText{
      font-size:.9rem;
    }

   .footerLinks {
     font-size:.875rem;
    }
   .caption-font-size {
     font-size:.82rem;
    }

    
}

/* lg (large desktop) settings */
@media (min-width:1200px) {
    html {font-size:100%}
 /*body{
   font-size:100% !important;
 }*/
   .footerLinks {
     font-size:.875rem;
    }

   .h5, h5, .smallParagraphText {
     font-size: .93rem;
   }
   .widgetText {
        font-size:.8125rem;
    }

   .caption-font-size {
     font-size:.72rem;
    }


}


 

@media (min-width:700px) and ( max-width: 1199px) {
       .amcPageWrapper { 
           width: calc(66% + 168px) !important;
       }
}
@media (min-width:480px) and ( max-width: 699px) {
       .amcPageWrapper { 
           width: 80%;
           width: calc(55% + 175px) !important;
       }
}


@media   (max-width: 400px) {
    .amcPageWrapper {
      width: 100% !important;
    }
}
@media   (min-width: 400px) {
body {
      background-size cover !important;
}
}
.WhiteRow {
      background-color:white;
 }
 
 .TransparentRow {
      background-color:transparent;
 }
 
.greyBorderBottom {
    border-bottom:solid;
    border-bottom-color:gray;
    border-bottom-width:10px;
 }
 
 
 .transBorderBottom {
    margin-bottom:solid;
    margin-bottom:40px;
 }

 .row {
      padding-top:20px;
      padding-bottom:20px;
      padding-left:10px;
      padding-right:10px;
 }
 
  
 .rowNoTopPadding {
     padding-top:0px;
  }
  
 #amcBreadCrumbRow {
     padding-top:11px;
     padding-bottom:0px;
  }
  
 
  
 #amcBreadCrumbContainer{
      overflow:hidden;
      padding-top:15px;
      line-height:20px;
      padding-bottom:10px;
  }
 .amcBreadCrumb {
      float:left;
      height:20px;

  }
  
  .amcBreadCrumbLink {
      padding-left:10px;
      padding-right:45px;
      float:left;
      background-color:white;
      font-color:#FFFFFF;
      text-decoration: none;
      float:left;
      height:20px;
      font-size:16px;
      color:inherit;

                
   }
   
   .amcBreadCrumbLink a {
      font-size:16px;
      color:inherit;
   }
   
.amcBreadCrumbLinkLast {
      background-color:	rgb(40, 91, 77);
      color:white;
  }
  
.amcBreadCrumbPointer {
    background-color:transparent important;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid white;
    float:right;
    width:20px;
    height:0px;
}
.amcBreadCrumbPointerLast {
    border-left: 10px solid rgb(40, 91, 77);
 }
.amcBreadCrumbTail {
    border-top: 10px solid white;
    border-right: 10px solid white;
    border-bottom: 10px solid white;
    border-left: 10px solid transparent;
    float:left;
    width:20px;
    height:0px;
    position:relative;
    left:-27px;
}

.amcBreadCrumbTailLast {
    border-top: 10px solid rgb(40, 91, 77);
    border-right: 10px solid rgb(40, 91, 77);
    border-bottom: 10px solid rgb(40, 91, 77);
 }

.subFooterLink {
  text-decoration:none;
  color:white;
  margin-right:5px;
  margin-left:5px;
  font-size:12px;
 }
 .subFooterLink:hover {
     color:white; }
 
 
 #navContainer{
       background-color:white;
       width:100%;
       height:60px;
       z-index:1030;
       margin:0px auto;
       box-shadow:rgba(0, 0, 0, 0.29) 0px 5px 10px 0px;
  }
 #navInnerContainer{
       width:100%;
       height:50px;
       padding: 15px 35px;
       max-width:1380px;

  }
 .topNavDiv {
      width:54px;
      text-decoration:none;
      float:left;
      text-align:center;
      font-size:1.2rem;
      padding-left:1px;
      padding-right:1px;
      color: #222;
      font-family: alternate-gothic-no-3-d,sans-serif;
   }
  
.topNavDiv a {
      text-decoration:none;
 }
  
.topNavDiv a:hover, .topNavDiv a:active {
      text-decoration:underline;
 }

 

  
  .topNavLogo {
      width:50px;
      height:50px;
      float:right;
      background-image:url('../images/template/logo-tiny.png');
      background-size:50px;
      background-repeat:no-repeat;
      position:relative;
      top:-10px;
      pointer-events:none;
      
  }
 
 #topNavLogoClickArea {
     height:50px;
     display:block;
     pointer-events:auto
}
 
 
 /* change top nav to use 80% like rest of page at this non standard bootstrap break point 
 Also it is at this resolution we go to a fixed nav bar at top of screen */
 @media   (min-width: 400px) {
     #navInnerContainer{
         width:72%;
         margin:0px auto;
       padding: 20px 0px 20px 0px;
      }
  #amcBreadCrumbRow {
     padding-top:81px;
 }

 #navContainer{
       position:fixed;
       top:0px;
       height:70px;
 }
  .topNavDiv {
      padding-left:2px;
      padding-right:2px;
      line-height:30px;
      width:60px;
   }
 
 }

 /* which to larger logo and increase top banner at this standard bootstrap break point */
@media   (min-width: 480px) {
  
    .topNavDiv {
      padding:0px 3px;
      width:55px;
      line-height:30px;
      border-left: 1px solid #d7d7d7;

   }
#navInnerContainer{
         width:86%;
         height:70px;
      }

} 

@media   (min-width: 600px) {
   .topNavLogo {
      width:125px;
      height:125px;
      float:right;
      background-image:url('../images/template/logo-small.png');
      background-size:125px;
      top:-25px;
  }

  #topNavLogoClickArea {
     height:100px;
     margin-left:10px;
     margin-right:10px;
  }
  
  .topNavDiv {
      width:60px;
   }
 

 
 }

@media   (min-width: 800px) {
.topNavDiv {
      width:68px;
   }
}
 
/* Add 900 increase nav size - this is not a standard bs breakpoint */
@media   (min-width: 1000px) {
 #navContainer{
       height:99px;
 }
 
 #amcBreadCrumbRow {
     padding-top:110px;
 }
 
 #navInnerContainer{
   width:81%;
   height:99px;
   padding: 25px 0px 25px 0px;
  }


 .topNavDiv {
    width:72px; 
    padding: 0px 8px;
    line-height:49px;
  }
  
 .topNavLogo {
      background-image:url('../images/template/logo-large.png');
      background-size:356px;
      width:356px;
      height:150px;
      top:-25px;

  }
}

@media   (min-width: 1200px) {
  .topNavDiv {
    width:78px;        
  }
  
  
 
 }
 

 .primaryFont {
       font-family: museo-sans,Helvetica,Arial,sans-serif;
  }
  
 .altFont {
      font-family: alternate-gothic-no-3-d,sans-serif;
 }
 
 /* Medium Grey */
 .color1 {
     color:color: #333
 
 }
 
 /* Dark Grey */
 .color2 {
 color: #222;
  }
 
 /* White */
 .color3 {
     color:white;
 }
 
 .color4 {
     color:rgb(40, 91, 77);
  }
 
 .backgroundColor1 {
 
  }
 
 .backgroundColor2 {
 
  }
 
 .backgroundColor3 {
 
  }
 .backgroundColor4 {
 background-color: 	rgb(40, 91, 77);
  }
  
 
 
 
 /* For editor */
 
 .greenBackground {
     background-color: 	rgb(40, 91, 77);
  }
  
  .greenFont {
     color: rgb(40, 91, 77);
      font-family:myFirstFont;
  }
  
 .whiteText {
     color:white;
  }
  
.nestedRow {
padding:0 0 !important;
margin:0 0 !important;
 }
 
@font-face {
 font-family: 'AlexBrush-Regular';
 url('AlexBrush-Regular.ttf') format('truetype'),
 font-weight: normal;
 font-style: normal;
}

.thirdFont {
    font-family:myFirstFont;
 }
 
 @font-face {
    font-family: myFirstFont;
    src: 
    url('AlexBrush-Regular.ttf') format('truetype');
}


 .whiteOnGreenTitle {
     padding:10px;
     text-align:center;
     background-color:rgb(40, 91, 77);
     color:white;
 }
 
 .greenActionButton {
     background-color:rgb(40, 91, 77);
     color:white;
     padding:10px;
     text-align:center;
     cursor:pointer;
     text-decoration:underline;
     font-size:24px;
  }
 
 .amcRDCell {
     margin-bottom:20px;
  }
  
 .clearFix {
    clear:both;
  }
  
 #masthead {
  font-family: 'alternate-gothic-no-3-d', sans-serif;
 /* text-shadow: 1px 1px 6px #000;*/
  margin: -10px -0;
}

#masthead h1 {
  display: inline-block;
  padding: 5px 0 0 0;
  margin: 15px 0px;
  font-size: 4.6875rem;
  font-weight: 400;
  line-height: 5rem;
  color: #fff;
  text-shadow: 2px 2px 11px rgba(0, 0, 0, .42);
  text-transform: uppercase;
}

#masthead h1 span {
  display: block;
}

#masthead p {
  max-width: 455px;
  margin: 15px 0px;
  font-family: 'museo-sans', sans-serif;
  font-size: 1.375rem;
  line-height:1.5625rem;
  font-weight: 500;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
}


#masthead .dots::before {
  content: " ";
  width: 105%;
  height: 4px;
  margin-bottom: -4px;
  margin-left: -8px;
  background: url('../images/template/border-dot.png');
  background-repeat:repeat-x;
  display:block;
}
#masthead .dots::after {
  content: " ";
  width: 105%;
  height: 4px;
  margin-top: -2px;
  margin-left: -8px;
  background: url('../images/template/border-dot.png');
  background-repeat:repeat-x;
  display:block;
}


  
.callOut {
  background: url('../images/parchment-bg.jpg');
  background-repeat:no-repeat;
  background-size: cover;
  border-width: 4px; 
  border-color: rgb(161, 149, 122);
  border-style:solid;
  padding:15px;
  /*background-image:  linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)), url('../images/parchment-bg.jpg'); */
  color: rgb(82, 64, 43);
  font-weight: 400;
}
 
 .callOut p, .callOut .p {
  color: rgb(82, 64, 43);
  font-weight: 400;
 }
 .callOut h3 {
    color: rgb(78, 64, 43);
    font-family: alternate-gothic-no-3-d,sans-serif;
    font-size:28px;
    font-weight:500;
    margin:0 0;
  }
  
 
  .miniButton, .smallButton, .largeButton {
     color:white;
     background-color: rgb(40,91,77);
     text-align:center;
     padding-left: 20px;
     padding-right: 20px;
     text-transform:uppercase;
     cursor:pointer;
     font-family: alternate-gothic-no-3-d,sans-serif;
     display:inline;
     margin-top:-10px;
     text-decoration:none;
   }
   
   .miniButton {
     padding-top:6px;
     padding-bottom:6px;
     padding-left:6px;
     padding-right:6px;
     font-size:1.2rem
    }
   .smallButton {
    padding-top:10px;
    padding-bottom:10px;
    font-size:1.5rem
    }
   .largeButton{
     padding-top:15px;
     padding-bottom:15px;
     font-size:1.6rem;
    }

   .miniButton:visited, .smallButton:visited, .largeButton:visited {
       COLOR: white !important;
       text-decoration:none;
    }
    
   .miniButton:hover, .smallButton:hover, .largeButton:hover { 
    COLOR: white;
    text-decoration:underline !important;
     }
     
   .miniButton:active, .smallButton:active, .largeButton.active {
       COLOR: white;
       text-decoration:underline !important;
    }

   .miniButton:focus, .smallButton:focus, largeButton.focus {
       COLOR: white;
    }
    
@media   (min-width: 480px) {
}

@media   (min-width: 700px) {
  .smallButton, .largeButton {
     padding-left: 40px;
     padding-right: 40px;
     }
   .smallButton {
    padding-top:15px;
    padding-bottom:15px
    }
   .largeButton{
     padding-top:20px;
     padding-bottom:20px;
    }
}
   
@media   (min-width: 1200px) {
  .smallButton, .largeButton {
     padding-left: 50px;
     padding-right: 50px;
     }
   .smallButton {
    padding-top:15px;
    padding-bottom:15px
    }
   .largeButton{
     padding-top:25px;
     padding-bottom:25px;
    }
}
    
    
.amcLink {
    COLOR: white;
    text-decoration:none;
 }
.amcLink:hover {
    COLOR: white;
    text-decoration:underline;
 }
 
.amcLink:visited {
    color: white;
}

 
.imageFull {
   witdth:100%;
   heigth:auto;
 }
 
.imageWide {
    width:60%;
    margin:10px;
    height:auto;
 }
 
 
.imageNarrow {
 width:40%;
 height:auto;
}  

.sectionTitle {
             
 }

.tight2x2-1 {
   margin-bottom:2px !important;
}

.tight2x2-2 {
   margin-bottom:2px !important;
}
.tight2x2-3 {
   margin-bottom:2px !important;
}

.panCaption:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    border-radius: 12px;
    color: #000;
    content: "<";
    font-size: 14px;
    font-weight: 800;
    height: 24px;
    line-height: 24px;
    opacity: 0.75;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 5px #fff;
    transition: all 0.6s ease 0s;
    width: 24px;
    z-index:2;
    bottom:12px;
    right:22px;
}

.panCaption:hover:before {
    opacity:0;
 }

@media   (min-width: 700px) {

.tight2x2-1:before, .tight2x2-3:before {
   right:10px;
} 


.tight2x2-1 {
   padding-right:1px !important;
   margin-bottom:2px !important;

}

.tight2x2-2 {
   padding-left:1px !important;
   margin-bottom:2px !important;

}
.tight2x2-3 {
   padding-right:1px !important;
}

.tight2x2-4 {
   padding-left:1px !important;
}

}
.panCaption .flyovercaption {

    color: #fff;
    font-family: alternate-gothic-no-3-d,sans-serif;
    font-size: 21px;
    height: 100%;
    opacity: 0;
    padding: 20px;
    position: absolute;
    bottom:0;
    left:100%;
    text-align: right;
    text-transform: uppercase;
    transition: all 0.6s ease 0s;
    width: 100%;

}

.panBlue .flyovercaption {
        background: none repeat scroll 0 0 #4dd1e0;
 }
 
.panOrange .flyovercaption{
    background: none repeat scroll 0 0 rgb(252, 190, 74);
 }

 
.panCaption .flyovercaption p {
     font-size: 16px !important;
     line-height:1.2;
}

.panCaption .flyovercaption {
     padding-top:0px;
 }


@media   ( min-width: 351px) { 
    .panCaption .flyovercaption p {
         font-size: 18px !important;
         line-height:1.4;
    }
}

@media   ( min-width: 400px) { 
    .panCaption .flyovercaption p {
         font-size: 16px !important;
         line-height:1.2;
    }
}
 
@media   ( min-width: 450px) { 
    .panCaption .flyovercaption p {
         font-size: 18px !important;
         line-height:1.4;
    }
}

@media   ( min-width: 525px) { 
    .panCaption .flyovercaption p {
         font-size: 23px !important;
         line-height:1.7;
    }
}

@media   ( min-width: 700px) { 
    .panCaption .flyovercaption p {
         font-size: 16px !important;
         line-height:1.2;
    }
}

@media   ( min-width: 750px) { 
    .panCaption .flyovercaption p {
         font-size: 18px !important;
         line-height:1.4;
    }
}

@media   ( min-width: 1000px) { 
    .panCaption .flyovercaption p {
         font-size: 23px !important;
         line-height:1.7;
    }
}
.panCaption .flyovercaption h3 {
    color: #fff;
}

.panCaption {
   overflow:hidden;
 }
.panCaption:hover .flyovercaption{
    opacity: 1;
    left:0px;

}

.panCaption-read {
    font-family: museo-sans,Helvetica,Arial,sans-serif;
    font-size: 17px;
    text-transform: capitalize;
}

.panCaption .conserve {
    color: #fff;
    font-family: alternate-gothic-no-3-d,sans-serif;
    font-size: 32px !important;
    height: 100%;
    opacity: 0;
    position: absolute;
    bottom:5;
    text-align: right;
    text-transform: uppercase;
    transition: all 0.6s ease 0s;
    width: 100%;
    display:block;
} 

.subNav {
    background-color:rgb(40,91,77);
    color:white;
    text-align:center;
    font-family:alternate-gothic-no-3-d,sans-serif;
    font-size:28px;
    border-style:solid;
    border-color:white;
    border-width: 1px;
    margin-bottom: 0px !important;
    height:80px;
    line-height:28px;

 }
 
 .verticalCenter {
 position: relative;	
 top: 50%;	
 transform: translateY(-50%);
  }
 
 .subNavRow {
     padding-top:0px;
     padding-bottom:0px;
     height:80px;
     text-transform: uppercase;
     padding-left:0px;
     padding-right:0px;

 
  }
  .subNav_active {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 2px 4px #333;
    color: #285b4d;
}

@media    ( min-width: 480px) {
 /* .subNavRow:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 20px 20px 0;
    bottom: 0px;
    content: "";
    display: block;
    position: relative;
    width: 0;
    z-index: 1;
  }*/
  
    .subNav_active:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 20px 20px 0;
    bottom: -20px;
    content: "";
    display: block;
    position: absolute;
    width: 0;
    z-index: 1;
    left: calc(50% - 20px);
  }
  
 }

.subNav_active a {
    color: #285b4d;
 }
.subNav_active a:hover {
    color: #285b4d;
 }
 
.subNav_active a:visited {
    color: #285b4d;
}

@media   (min-width:700px) and ( max-width: 1199px) {
     .subNav {
         font-size:24px;
         line-height:22px;
      }
}

@media    ( max-width: 699px) {
     .subNav {
         font-size:20px;
         line-height:19px;
         height:60px;
      }
      .subNavRow {
         height:60px;
      
       }
}


#grad1 {
    height: 200px;
    background: -webkit-linear-gradient(red, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
    background: linear-gradient(red, white); /* Standard syntax (must be last) */
}


.pAlignTop {
   margin-top:0px;
 }
 
 #footer a {
  color: inherit;
  }

.callout1 > div, .callout1Container {
  background: url('../images/parchment-bg.jpg');
  background-repeat:no-repeat;
  background-size: cover;
  border-width: 4px; 
  border-color: rgb(161, 149, 122);
  border-style:solid;
  padding:15px;
  font-size:.8125rem;
  /*background-image:  linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)), url('../images/parchment-bg.jpg'); */
  color: rgb(82, 64, 43);
  font-weight: 400;
}
 
 
.callout1 h3, .callout1Container h3 {
    color: rgb(78, 64, 43);
    font-family: alternate-gothic-no-3-d,sans-serif;
    font-size:1.75rem;
    font-weight:500;
    margin:0 0;
  }
 
 .callout2 {
  padding:15px;
  background: linear-gradient(rgb(221,221,221), white);
  color: rgb(82, 64, 43);
  font-size: .8125rem;
  font-weight: 400;
}
 
 
 .callout2 > div {
 }
  
   
.callout2 h3 {
    font-size:1.75rem;
    font-weight:500;
    margin:0 0;
    color:rgb(82,64,43);
  }
   
.callout3 > div {
     border-top-style:solid;
     border-top-color:rgb(82, 64, 43);
     border-top-width:8px;
     padding: 5px 5px 5px 5px;
     color: black;
     line-height:1.3;
 }
 
 
 .callout3 h3 {
    font-size:1.75rem;
    font-weight:500;
    margin:0 0;
  }
 
 
 .callout4 > div {
  padding-left:15px;
  padding-right:15px;
  background-image:  linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)), url('../images/parchment-bg.jpg');
  color: rgb(82, 64, 43);

}

.callout5 > div {
     border-top-style:solid;
     border-top-color:rgb(82, 64, 43);
     border-top-width:8px;
     padding: 5px 5px 5px 5px;
     color: black;
     line-height:1.3;
     background-color:#FFFF80;

 }


/* Special bootstrap like classes to add padding to containers or RD */
/*@media screen and  ( min-width: 1200px) {*/
@media    ( min-width: 1200px) {
.ml30-lg .amcRDCell > * {
    margin-left:30px;
 }
}
 
@media    ( max-width: 699px) {
 .callout1 > div, callout2 >div, callout3 > div, callout4 > div{
    font-size:.8120rem;
  }
}

#flyoutRightNav {
       text-align:right;
       color:white;
       font-weight:500;
       margin:5px 26px 15px 0px;
}   

#flyoutRightNav  a{
       text-decoration:none;
       display:inline;
       font-size:1.2rem;
       padding:10px;
 }  

 .subnav0{
	float:none;
	padding-left:20px; }
.subnav1{ 
	margin-left:20px;
	margin-right:10px;
	float:none;
	line-height:1.5;}
.subnav2{
	float:none; 
	margin-left:20px;
	padding-right:20px;
	padding-top:10px;
	}
	
.subFooterLink {
	display:block;
 }

@media (min-width: 480px) {
.subFooterLink {
	display:inline;
 }
    .subnav0{
		float:left;
		width:70px;

	 }
	.subnav1{ 
		float:left;
		margin-left:10px;
		width:calc(100% - 150px);

		}
	.subnav2{
	    clear:both;
		float:left;
		width:320px; 
    }
}

@media (min-width: 1000px) {
    .subnav0{
		float:left;
		width:70px;
	 }
	.subnav1{ 
		float:left;
		width:calc(90% - 380px);}
	.subnav2{
	    clear:none;
		float:right;
		margin-left:10px;
		width:320px;
		padding-top:0px; }
}


.rdFooter {
	position:relative;
	padding-bottom:8px;
	 border-right: 1px solid #dbdbdb;
 }
/* Conditional CSS to insert clear:both after each row */
@media    (max-width:479px) {
  #footer > div:nth-child(1n+1) {
     clear:both;
  }
   #footer > div:nth-child(1n+0) {
      border:none !important;
   }
}

/* Conditional CSS to insert clear:both after each row */
@media   (min-width:480px) and (max-width:700px) {
  #footer > div:nth-child(2n+1) {
     clear:both;
  }
   #footer > div:nth-child(2n+0) {
      border:none !important;
   }
  
}
@media   (min-width:700px) and (max-width:1200px) {
  #footer > div:nth-child(3n+1) {
     clear:both;
  }
   #footer > div:nth-child(3n+0) {
      border:none !important;
   }
 }
 @media   (min-width:1200px) and (max-width:9999px) {
   #footer > div:nth-child(4n+1) {
      clear:both;
   }
   #footer > div:nth-child(4n+0) {
      border:none !important;
   }
}   

 

 
 /* special handling for the vertical positioning of the menu icon 
 in relation to the text links  */
 
#menuIcon {
      position:relative;
      top:-1px;
}



@media    ( min-width: 1200px) {
    #menuIcon {
       top:-2px;
    }
}

 
.dialog { 
    background-color:white;
    padding:10px 20px 15px 20px;
	display:none;
	margin:5px 15px 5px 5px;
}

dialog-title {
    color:rgb(40,91,77);
}

.prompt {
	float:left;
	clear:both;
	padding-right:5px;
 }

.dialog-hr {
    margin:5px 0px 10px 0px;
}
 
.input {
	float:right;
 }
 
.dialog-close{
    cursor:pointer;
    position:absolute;
    right:20px;
    top:10px;
	color:rgb(40,91,77);
}

.errorDiv {
    color:red;
    line-height:1.1;
    padding:3px 0px;
 }
 
.hoverSwap img:last-child{display:none}
.hoverSwap:hover img:first-child{display:none}
.hoverSwap:hover img:last-child{display:inline-block}

@media print {
    body {
         font-size:75%;
     }
   #topNavDiv, #footerContainer, .bkDiv, #navContainer, #amcBreadCrumbRow, .subnav0, .subnav1, .subnav2, #div-gpt-ad1 {
         display:none;
         
    }
    * {
      text-shadow: none !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    
    #copyright {
      margin-top:-6cm;
     }

    @page {
        margin:1cm;
     }
     
    .amcPageWrapper {
      width: 100% !important;
      padding-left:1px !important;
      padding-right:1px !important;

     }
}

.caption {
   clear: both;
   font-weight: bold;
   font-style: italic;
   color: #4e402b;
   margin-bottom: 10px;
}

.photo-credit {
   font-weight: normal;
   text-align: right; 
   width: 100%;
   float: right;
   margin: 5px 5px 5px 0px;
   text-transform: uppercase;
}

#div-gpt-ad1, #div-gpt-ad2, #div-gpt-ad3 {
   text-align:center;
   margin-bottom:15px;
 }

 /* This is to fix the issue where scrolling to an anchor positions content
 under the top nav.Asked Abby to make a few more anchors for testing. This should
 probably be in a block associatd with break points to adjust offset based on height
 of top nav - and if is fixed */
a[id]:not([onclick]):not([href]) {
    padding-top: 120px;
    margin-top: -120px;
    
}

/* Ugly tidbit to prevent pushy styles from changing padding background color around social media icons */
.nopushybackgroundonhover:hover {
	background-color:inherit !important;
}

#AMCLoading {
    position: absolute;
    background: url('/images/ajax-loader-trans-large.gif') no-repeat center center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}