/*** Original from EPQS page ***/
html,body { color: #000000; font-family: Verdana; background-color: #ffffff; margin-left: 0px; margin-top: 0px; height: 94%; width:100%; min-width: 320px; overflow-y:hidden !important; font-size: medium; }
pre { background-color: #e5e5cc; padding: 5px; font-family: Courier New; font-size: x-small; margin-top: -5px; border: 1px #f0f0e0 solid; text-align: left; }
#content { margin-left: 30px; padding-bottom: 2em; }
font.value { color: darkblue; font: bold; }
font.key { color: darkgreen; font: bold; }

.header { color: #ffffff; font-family: Tahoma; font-size: 26px; font-weight: normal; background-color: #004200; margin: 0px 0px 0px -15px; padding: 10px 5px 3px 15px; }
.frm { font-family: Verdana !important; font-size: .7em !important; border-collapse: collapse !important; border-spacing: 0; padding: 5px; border: solid #dcdcdc 1px; }
.frmheader {color: #000000; background: #dcdcdc; font-weight: normal; border-bottom: 1px solid #dcdcdc; padding: 2px 0 2px 4px; }
.frmtxt { margin: 8px 0px 0px 32px }
.frminpt { font-size: 1em; }
.intro { margin-left: -30px; }


/*** Added for page header and footer ***/
h3 { font-weight: bold; display: block; font-size: 1.2em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
td { padding: 5px; }
hr { border-style: inset; }

a.alink:visited { color:#800080; }
a.alink2 { color:#000000; }
a.alink2:hover { color:#0000ff; }
a.alink2:visited { color:#800080; }
#howtolink { padding-right:10px; }
#howtolink a { color:#ffffff; font-size:15px; text-decoration:none; }
#howtolink a:focus { outline:none; text-decoration:none; }
#howtolink a:hover { outline:none; text-decoration:underline; }

#main-wrapper{ margin-bottom:0; padding-bottom:0; height: calc(100% - 100px) !important; width:100%; overflow-y:auto; }

#main-title { height: 42px !important; margin-bottom: 30px; padding-right: 26px; padding-left: 20px; padding-top: 8px; color: #ffffff; background-color: #004200; width: 100%; font: 26px Verdana, Arial, Helvetica, sans-serif; }

.col-md-4 { padding: 10px 10px 10px 14px !important; }
.col-md-8 { padding:0 !important; margin:0 !important; border:none !important; }
.panel { margin-bottom:0; }

.footer{ height:88px; position:absolute; bottom:0; width:100%; }

#usgscolorband { font: 14px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; width: 100%; height: 5.14em; background-color: #000000; min-height: 7px; }
#usgscoop { padding-left: 10px; padding-right: 10px; position: relative; float: left; height: 5.14em; background-color: black; min-height: 72px; }
#usgsbanner.col-md-12 { padding:0; background: #000000 url('../img/blue_black_small.jpg') center no-repeat; }
#usgsidentifier.col-md-1 { padding:0; margin:0; background-color: black; width: 178px; height: 5.14em; float: left; }
#usgsidentifier img { border: none; }
#usgsccsa.col-md-1{ margin-left:-15px; padding-right:10px; width:auto; }
#usgsccsa a:link, #usgsccsa a:visited { font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; }

#usgsfooter { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: smaller; clear: both; margin: 0; }
#usgsfooterbar { background-color:#666666 !important; padding: 4px; margin: 0; padding-left:10px; }
#usgsfooterbar a:link, #usgsfooterbar a:visited { margin-right: 40px; color: #ffffff; text-decoration: none; }
#usgsfooterbar a:hover { margin-right: 40px; color: #ffffff; text-decoration: underline; }
#usgsfooterbar a:active { margin-right: 40px; color: #ffffff; text-decoration: none; }
#usgsfootertext { font-size:11px; padding: 4px; padding-left:10px; margin: 0; }
#usgsfootertext img { border: none; float: right; margin-right: 5px; }

/*** Adjust sizes depending on the screen size ***/
/* Phones */
@media(max-width:767px) {
    html, body { height:98% !important; overflow-y:auto; padding-bottom:10px; }
    #usgscoop { display:none; }
    #usgsccsabox { display:none; }
    #accordion-nav { height:80px; padding-top:2px; }
    #usgsbanner.col-md-12{ padding:0; background-color: #000000; background-image:none; }
    #usgsfootertext{ display:none; }
    .footer{ height:24px; }
    #main-wrapper{ max-height:580px; }
    #section-right{ height:400px; max-height:480px; }
    #news-right{ height:350px; max-height:400px; }
}

/* Tablet */
@media(min-width:768px){
    body { overflow-y:hidden; }
    #usgsbanner.col-md-12 { background: #000000; }
}

/* Small Desktop */
@media(min-width:992px){
    body{
        overflow:auto;
    }
    #itemsListItem .col-md-4{
        width:32% !important;
    }
    #usgsbanner.col-md-12{
        background: #000000 url('../img/blue_black_small.jpg') center no-repeat;
    }
}

/* Desktop */
@media (min-width: 1200px) {
    body{ overflow-y:auto; }
    #usgsbanner.col-md-12{ background: #000000 url('../img/blue_black_small.jpg') center no-repeat; }
}