/********************** begin popup menu style stuff ************************************/
/* style of basic navigatiom block */


#nav {
   margin: 0;
   margin-left:auto;
   margin-right:auto;
   padding: .14em .1 0;
   line-height: 100%;
   background: inherit; /* for non-css3 browsers */
   border: none;
  display: inline-block;
  
   vertical-align: bottom;
   font-family:'Tw Cen W01 Semi Bold',sans-serif;
}
#nav li {
   margin: 0 .1em;
   padding: 0 0 0px;
   float: left;
   position: relative;
   list-style: none;
}
/* main level link */
#nav a {
   font-weight: bold;
   color: #ffe03b;
   text-decoration: none;
   display: inline-block;
   padding: .3em 1em;   
   margin: 0;
   border-radius: .4em;
   border: solid .2em #4d4d4d;
   background: inherit; /* for non-css3 browsers */
  /*   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a900', endColorstr='#005d04');*/ /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#00a900), to(#005d04)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #00a900,  #005d04); /* for firefox 3.6+ */

}
/* main level link hover */
#nav .current a, #nav li:hover > a {

   color: #ffffff;
   border-bottom-color: #edc84e;
   background: #edc84e;

}
/* main level link hover */
#nav .nopopup:hover> a {

   border-bottom-color:inherit;
   color: #ffffff;
   background: #edc84e;

}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
   /*background: #edc84e;*/
   background: white;
   border: none;
/*   color: #7e6e44;*/
   color: black;
}
#nav ul a:hover {
   /*background: #edc84e !important; /* for non-css3 browsers */
   background: white !important; /* for non-css3 browsers */
   color: #ffffff !important;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;

}

/* This is the  popup menu  background */

#nav ul {
   /*background: #edc84e; /* for non-css3 browsers */
   background: white; /* for non-css3 browsers */
     display: none;
   margin: 0;
   padding: 1em;
   padding: 1rem;
    width: 28em;
    width: 28rem;
   position: absolute;
   /*top: 24px;*/
   top: 1.8em;
   left: 0;

   border: solid 1px #b4b4b4;
   border-radius: 1em;
   border-radius: 1rem;
   z-index: 50;

}

#nav div.shopst {
    width: 50em;
    max-width:1200%;
     left: -10em;
     left: -20rem;
     background: green; /* for non-css3 browsers */
     display: none;
   margin: 0;
   padding: 1em;
   padding: 1rem;
   position: absolute;
   /*top: 24px;*/
   top: 1.8em;
   border: solid 1px #b4b4b4;
   border-radius: 1em;
   border-radius: 1rem;
   z-index: 50;
   height: 19em;


}


#nav li div.shopst div{
       width: 22%;
     display: inline-block;
     vertical-align: top;
     border-left: solid thin black;
     text-align: left;
     padding-left: .3em;
     padding-right: .3em;
 

}
#nav li div#library div{
       width: 30%;
}
#nav li div#cust div{
       width: 45%;
}
#nav li div.shopst div a,
#nav li div#library div a,
#nav li div#cust div a,
#nav li div.eventmenu div a
{
   width: 100%;
   border-radius: none;
    background:inherit;
     padding: .1em;
      font-weight:100;
       color: black;
        border: none;
}
#nav li div.eventmenu div:first-child,
#nav li div.shopst div:first-child{
   border-left: none;
}
#nav li:hover > div.eventmenu ,
#nav li:hover > div.shopst {
   display: block;
    background: white;
}

#nav li:hover > div.eventmenu span.hdr,
#nav li:hover > div.eventmenu a.hdr,
#nav li:hover > div.shopst span.hdr,
#nav li:hover > div.shopst a.hdr
{
   font-weight: bold;
   margin-top: 1em;
   color: #ff6600;
   
}
#nav li:hover > div.eventmenu a.hdr:hover,
ul#nav li div.eventmenu div a:hover,
ul#nav li div.shopst div a:hover,
#nav li:hover > div.shopst a.hdr:hover
{
   color: #eeee2a;
   /*color: yellow;*/
   
}

#nav div.eventmenu a ,
#nav div.shopst a 
{
   background-color: inherit;
}
   
/* dropdown */
#nav li:hover > ul {
   display: block;
    background: #edc84e;
    


}
/** this describes each entry in the ul list */
#nav ul li {
   /*float: left;*/
   width: 12em;
   width: 12rem;
   margin: 0;
   padding: 0;
   font-weight: bold;
   font-size: 1em;   
   font-size: 1rem;   
}
#nav ul li a {
   font-weight: bold;
   color: 0;

}

/* clearfix */
#nav:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0px;
   height: 0px;
}



#nav #NewItems {font-size:120%; background-color:inherit;}

#nav div.eventmenu {
    width: 18em;
    max-width:1200%;
     left: -10em;
     left: -20rem;
     background: green; /* for non-css3 browsers */
     display: none;
   margin: 0;
   padding-top: 1em;
   padding-bottom: 1em;
   padding-left: .5em;
   padding-right: .5em;
   
   position: absolute;
   /*top: 24px;*/
   top: 1.8em;
   border: solid 1px #b4b4b4;
   border-radius: 1em;
   border-radius: 1rem;
   z-index: 50;
   height: 19em;
   overflow_y: scroll;


}
#nav li div.eventmenu div{
       width: 100%;
     display: inline-block;
     vertical-align: top;
   /*  border-left: solid thin black;*/
     text-align: left;
 /*    padding-left: .3em;
     padding-right: .3em;*/
 

}
ul#nav div.eventmenu div#eventlist,
ul#nav  div.eventmenu div#eventlist div.evtrow
{
    width: 100%;
}
ul#nav div.eventmenu div#eventlist div.imagecol
{
    width: 25%;
    display: inline-block;
}
ul#nav div.eventmenu div#eventlist div.imagecol img
{
    max-width:100%;    
}
ul#nav div.eventmenu div#eventlist div.datecol
{
    width: 35%;
    display: inline-block;
}
ul#nav div.eventmenu div#eventlist div.withimgcol
{
    width: 100%;
    display: block;
}

ul#nav div.eventmenu div#eventlist div.titlecol
{
    width: 55%;
    display: inline-block;
    padding-left: .3em;
}
ul#nav div.eventmenu div#eventlist div.restimgcol
{
    width: 65%;
    display: inline-block;
    padding-left: .3em;
}
#nav li div.eventmenu div a
{
   
     padding: 0em !important;
}