/* body.front #block-system-main, body.front #block-views-catalog-donation-block-2 {
  margin-bottom: 1em;
  background-color: rgba(255, 255, 136, 0.8);
  padding: 0.2em 1em 0.2em 1em;
  border: 1px solid rgba(68, 68,71, 0.6);
  border-radius: 1em;
} */

#shopsprite72wmonolog, #fhsqsprite72x108wmonolog {color: white; font-size: 100%; }

#shopsprite72wmonolog a, #fhsqsprite72x108wmonolog a {color: white; }

#shopsprite72wmonolog a:link, #fhsqsprite72x108wmonolog a:link {color: white; }

#shopsprite72wmonolog a:hover, #fhsqsprite72x108wmonolog a:hover {color: #9ff4c1; } 

#shopsprite72wmonolog a:active, #fhsqsprite72x108wmonolog a:active {color: yellow; }

#shopsprite72w{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 72px;
        height: 72px;
        background: url('/sites/myfloridahistory.org/files/images/clipart/shoppingbldg-vector-sprite_72w.png') bottom;
        background-position: 0 0px;}

#shopsprite72w:hover {background-position: 0 -72px; }

#fhsqsprite72x108 {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 72px;
        height: 108px;
        background: url('/sites/myfloridahistory.org/files/images/clipart/fhsquarterly-sprite_72x216.png') bottom;
        background-position: 0 0px;
}

#fhsqsprite72x108:hover {background-position: 0 -108px;}






/* push down sq.slideshow in panel for back pages */
div#mini-panel-headercustomback_3col div#backtopsqslidesinpanel {
  margin-top: 10px;
}

div#mini-panel-headercustomback_3col div#backtopsqslidesinpanel div.block-content div.field-content a img {
  border-color: #999;
  border-style: ridge;
  border-width: 3px;
}


/* the one FHS layer title and addr span.frontFHStitleaddr0 */
span#frontFHStitleaddr0, span#frontFHStitleaddr0 a {
 color: #FFF;
 background-color:rgba(40, 42, 44, 0.2);
}



/*   secondarydeptmenus - the vertical department/secondary menu also maybe superfish 10 */
div.secondarydeptmenus div.block-content {
    min-width: 180px;
    display: block;
    float: left;
    clear: right;
    background-color:rgba(40, 42, 44, 0.3);
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    float: right;
}
div.secondarydeptmenus div.block-content:hover {
    background-color:rgba(40, 42, 44, 0.5);
}
div.secondarydeptmenus div.block-content li {   
    margin-bottom: 8px;
    padding-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    border-bottom-width: 1px;
}
div.secondarydeptmenus div.block-content li first {
    margin-left: 0;   
}
div.secondarydeptmenus div.block-content a {
    color: #FFF;
}
div.secondarydeptmenus div.block-content a:hover {
    color: #8F9;
}
div.secondarydeptmenus div.block-content a.active {
    color: #FFE4B5;
}
div.secondarydeptmenus div.block-content li,
div.secondarydeptmenus div.block-content li ul {
    /* background-color:rgba(40, 42, 44, 0.5); */
    padding: 3px 1px 3px 2px;
}
div.secondarydeptmenus div.block-content li.sf-depth-1{
    font-variant: small-caps;
}
div.secondarydeptmenus div.block-content li.sf-depth-2{
    font-variant: normal;
    font-size: 80%;
}
/* Tint better behind the LI *?
div.secondarydeptmenus div.block-content li.sf-depth-1 ul, 
div.secondarydeptmenus div.block-content li.sf-depth-2 ul, 
div.secondarydeptmenus div.block-content li.sf-depth-3 ul {
    background-color:rgba(40, 42, 44, 0.5);
    padding-right: 13px !important;
}
div.secondarydeptmenus div.block-content li.sf-depth-4 ul {
    background-color:rgba(40, 42, 44, 0.6);
    padding-right: 13px !important;
}
div.secondarydeptmenus div.block-content li.sf-depth-5 ul {
    background-color:rgba(40, 42, 44, 0.7);
    padding-right: 13px !important;
}
div.secondarydeptmenus div.block-content li.sf-depth-6 ul {
    background-color:rgba(40, 42, 44, 0.8);
    padding-right: 13px !important;
}
div.secondarydeptmenus div.block-content li.sf-depth-7 ul {
    background-color:rgba(40, 42, 44, 0.9);
    padding-right: 13px !important;
}
div.secondarydeptmenus div.block-content li.sf-depth-8 ul,
div.secondarydeptmenus div.block-content li.sf-depth-9 ul {
    background-color:rgba(40, 42, 44, 1);
    padding-right: 13px !important;
}


/* superfishmenu-3 the main menu on front */

div#NavFrontRow1Left1-superfish3 {
    margin-top: 6px;
}

/* superfishmenu on front page minpanel for header */
nav#block-superfish-3, div#NavFrontRow1Left1-superfish3 div.block-content {
    display: table-cell;
    float: left;
    color: #FFF;
    font-size: 130%;
    font-weight: 500;
    padding-bottom: 5px;
    margin-bottom: 2px;
}
nav#block-superfish-3, div#NavFrontRow1Left1-superfish3 div.block-content:hover {
    background-color:rgba(40, 42, 44, 0.7);    
}
nav#block-superfish-3 li, div#NavFrontRow1Left1-superfish3 div.block-content li {   
    margin-bottom: 8px;
    padding-bottom: 2px;
    /* border-bottom-style: dotted; */
    /* border-bottom-color: #FFF; */
    /* border-bottom-width: 1px;   */
    /* font-style: italic;  */
}
div#NavFrontRow1Left1-superfish3 div.block-content ul#superfish-1 li.first {
    margin-left: 0;   
}
div#NavFrontRow1Left1-superfish3 div.block-content a {
    color: #FFF;
}
div#NavFrontRow1Left1-superfish3 div.block-content a:hover {
    color: #8F9;
}
div#NavFrontRow1Left1-superfish3 div.block-content a:active {
    color: #FFE4B5;
}
div#NavFrontRow1Left1-superfish3 div.block-content li,  div#NavFrontRow1Left1-superfish3 div.block-content li ul {
   /* background-color:rgba(40, 42, 44, 1); */
    padding: 3px 4px 3px 2px;
}
div#NavFrontRow1Left1-superfish3 div.block-content li.sf-depth-1 {
    font-variant: small-caps;
    /* font-style: italic; */
}
div#NavFrontRow1Left1-superfish3 div.block-content li.sf-depth-2 {
    font-variant: normal;
    font-size: 94%;
    /* font-style: italic; */
}
div#NavFrontRow1Left1-superfish3 div.block-content li.sf-depth-2, div#NavFrontRow1Left1-superfish3 div.block-content li.sf-depth-3, div#NavFrontRow1Left1-superfish3 div.block-content li.sf-depth-4  {
    background-color:rgba(40, 42, 44, 1);
}
/* get the margins around the LI */
div#NavFrontRow1Left1-superfish3 div.block-content li.sf-depth-1 ul, div#NavFrontRow1Left1-superfish3 div.block-content li.sf-depth-2 ul, div#NavFrontRow1Left1-superfish3 div.block-content li.sf-depth-3 ul, div#NavFrontRow1Left1-superfish3 div.block-content li.sf-depth-4 ul {
    background-color:rgba(40, 42, 44, .9);
    padding-right: 13px !important;
}


/* superfishmenu-2 the user menu on front page, tweaks */

div#NavFrontRow2Left1-superfish2 div.block-content, header#header div.pane-superfish-2 {
    min-width: 200px;
    display: block;
    float: left;
    clear: right;
    /* background-color:rgba(40, 42, 44, 0.5); */
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
}
div#NavFrontRow2Left1-superfish2 div.block-inner div.block-content:hover {
    background-color:rgba(40, 42, 44, 0.55);
}
/* trick to put png with key after login in menu */
div#NavFrontRow2Left1-superfish2 div.block-inner div.block-content ul#superfish-2 li#menu-15281-2:after {
    content: url('/sites/myfloridahistory.org/files/_theme/bluemasters/images/icons/key-login.png');
    }
/* trick to hide if logged in */
body.logged-in div#NavFrontRow2Left1-superfish2 div.block-inner div.block-content ul#superfish-2 li#menu-15281-2 {
    display: none;    
}
div#NavFrontRow2Left1-superfish2 div.block-content li, header#header div.pane-superfish-2 li {   
    margin-bottom: 8px;
    padding-bottom: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #FFF;
    border-bottom-width: 1px;
}
div#NavFrontRow2Left1-superfish2 div.block-content li.first, header#header div.pane-superfish-2 ul#superfish-1 li.first {
    margin-left: 0;   
}
div#NavFrontRow2Left1-superfish2 div.block-content a, header#header div.pane-superfish-2 a {
    color: #FFF;
}
div#NavFrontRow2Left1-superfish2 div.block-content a:hover,  header#header div.pane-superfish-2 a:hover {
    color: #8F9;
}
div#NavFrontRow2Left1-superfish2 div.block-content a.active, header#header div.pane-superfish-2 a.active {
    color: #FFE4B5;
}
div#NavFrontRow2Left1-superfish2 div.block-content li, div#NavFrontRow2Left1-superfish2 div.block-content, li ul, header#header div.pane-superfish-2 li, div.region-leaderboard nav#block-superfish-1 li ul {
    /* background-color:rgba(40, 42, 44, 0.5); */
    padding: 3px 4px 3px 2px;
}
div#NavFrontRow2Left1-superfish2 div.block-content li.sf-depth-1, header#header div.pane-superfish-2 li.sf-depth-1 {
    font-variant: small-caps;
}
div#NavFrontRow2Left1-superfish2 div.block-content li.sf-depth-2, header#header div.pane-superfish-2 li.sf-depth-2 {
    font-variant: normal;
    font-size: 80%;
}
/* Tint better behind the LI *?
div#NavFrontRow2Left1-superfish2 div.block-content li.sf-depth-1 ul, div#NavFrontRow2Left1-superfish2 div.block-content li.sf-depth-2 ul, div#NavFrontRow2Left1-superfish2 div.block-content li.sf-depth-3 ul
    background-color:rgba(40, 42, 44, .9);
    padding-right: 13px !important;
}


/* CSS the text for become a member/donate  on front of site */
div#block-block-25,  div#NavFrontRow2Right1-membdone div.block-content {
   display: inline-block;
   float: right;
   color: #FFF;   
}
div#block-block-25 a,  div#NavFrontRow2Right1-membdone div.block-content a {
   color: #FFF;   
}
div#block-block-25 a:visited,  div#NavFrontRow2Right1-membdone div.block-content a:visited {
   color: #FFF;   
}
div#block-block-25 a:active,  div#NavFrontRow2Right1-membdone div.block-content a:active {
   color: #FFF;   
}
div#block-block-25 a:hover,  div#NavFrontRow2Right1-membdone div.block-content a:hover { 
   color: #FFF;   
}


/* alerttnotice panel pane */
div.pane-alertnotice div.block-content {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 5px;
    display: table-cell;
    float: left;
    color: #EEE;
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}
div.pane-alertnotice div.block-content a {
    color: #FFF;
}
div.pane-alertnotice div.block-content a:hover {
    color: #8FA;
}


/* superfish-2 usermenu submenu backgrounds on back pages in header */
div.region-header div#mpan1-regiontop-superfish2 ul#superfish-2 li ul {
    background-color: rgba(23, 26, 33, 0.7);
}
/* superfish-2 usermenu submenu backgrounds on back pages in header */
div.region-header div#NavFrontRow2Left1-superfish2 ul#superfish-2 li ul {
    background-color: rgba(23, 26, 33, 0.7);
}