/********************** 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;
   background: -webkit-gradient(linear, left top, left bottom, from(#00a900), to(#005d04));
   background: -moz-linear-gradient(top,  #00a900,  #005d04);
   min-width: 5em;

}
/* 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;

}
ul#nav li div.eventmenu,
ul#nav li div.shopst
{
    font-size: 120%;
}
#nav div.shopst {
    width: 24em;
    max-width:1200%;
/*    
     left: -10em;
     left: -20rem;
     */
     left:0;
     background: green;
     display: none;
   margin: 0;
   padding: 1em;
   padding: 1rem;
   position: absolute;
   /*top: 24px;*/
   top: 1.5em;
   border: solid 1px #b4b4b4;
   border-radius: .1em;
   border-radius: .1rem;
   z-index: 50;
   height: 13em;


}
#nav div#library.shopst {
    width:28em;
}
/*
#nav li div#library.shopst
{
    left: 5em;
}
*/

#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
{
   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 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 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.5em;
   border: solid 1px #b4b4b4;
   border-radius: .1em;
   border-radius: .1rem;
   z-index: 50;
   height: 19em;


}
#nav li div.eventmenu div{
       width: 100%;
     display: inline-block;
     vertical-align: top;
     text-align: left;
 

}
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;
    margin-left: .4em;
}
#nav li div.eventmenu div a
{
   
     padding: 0em !important;
}

/************************************/



ul#nav li div.shopst a.nhdr,
ul#nav a.nhdr ul#nav li div.shopst div a.nhdr
{
  /* font-weight: bold;*/
   color: #cc9966;
   font-size:inherit;
   text-decoration: none;
   display: block;
   padding: 0;
   margin: 0;
   background: inherit;
   border-radius: 0em;
   border: none;
   text-align: left;   
   margin-bottom: .3em;

}
/*ul#nav li#knowli div#library.shopst div.psub span.nhdr,*/

ul#nav li div.shopst div.psub div.nhdr
{
  text-align: left; 
  color: #cc9966;  
  display:block;
  font-size:inherit;
  margin-bottom: .3em;
}
/*
ul#nav li div#library.shopst div > a.nhdr,
ul#nav li div#shop.shopst div > a.nhdr

{
  text-align: left;   
  
}

*/


ul#nav li div#library.shopst div.psub div.nhdr:hover,
ul#nav li div.shopst a.nhdr:hover,
ul#nav li div.shopst div:hover > a.nhdr

{
  color:#ffffff; 
  background-color: #d94242;
  width: 10.8em;
  text-align:left;
  font-size:inherit;  
  
}
#nav li#knowli div#library.shopst div.psub div#blogs.submenu.HideMenu a.al_lf.
ul#nav li div#library.shopst div.psub divsubmenu a:hover,
#nav li div.shopst div.psub a:hover
{
  color:#ffffff; 
  background-color: #d94242;
  border-radius: .1em; 
  width: 50%;   
}

ul#nav li div#library.shopst div.psub div.nhdr:hover
{
     width: 4.8em;
}

ul#nav li div.shopst a.nhdr:hover,
ul#nav li div.shopst div:hover > a.nhdr
{
     width: 8.8em;
}

/*
ul#nav li div#shop.shopst div:hover > a.nhdr:before
{
content:"-";
}
ul#nav li div#shop.shopst div > a.nhdr:before
{
content:"+";
}
ul#nav li div#shop.shopst a.nhdr:before
{
    content:  "\00a0";
}
*/

ul#nav li div#library.shopst div.psub  div.submenu,
ul#nav li div#shop.shopst div.psub  div.submenu
{
    display:none;
    
}


ul#nav li div#library.shopst div.psub:hover  div.submenu,
ul#nav li div#shop.shopst div.psub:hover  div.submenu
{
  display:block;
  position: absolute;
  top: .8em;
  left: 12em;
  border-left: thin black solid;  
  text-align:left;
  font-size:inherit;

}
ul#nav li div#library.shopst div.psub:hover  div.submenu
{
    left: 6em;
}
ul#nav li div#library.shopst div.psub:hover  div#blogs.submenu
{
    top: .8em;
}
ul#nav li div#library.shopst div.psub:hover  div#pubs.submenu
{
    top: 1.8em;
}
ul#nav li div#library.shopst div.psub:hover  div#howto.submenu
{
    top: 3.5em;
}
ul#nav li div#library.shopst div.psub:hover  div#arts.submenu
{
    top: 4.5em;
}
ul#nav li div#library.shopst div.psub:hover  div#plans.submenu
{
    top: 5.6em;
}
ul#nav li div#library.shopst div.psub:hover  div#downlds.submenu
{
    top: 8.5em;
}

ul#nav li div#shop.shopst div.psub:hover  div.submenu
{
    left: 10em;
}

ul#nav li div#shop.shopst div.psub:hover  div#htools.submenu
{
    top: .3em;
}

ul#nav li div#shop.shopst div.psub:hover  div#supplies.submenu
{
    top: 1.3em;
}

ul#nav li div#shop.shopst div.psub:hover  div#festoolpower.submenu
{
    top: 2.3em;
}

ul#nav li div#shop.shopst div.psub:hover  div#carve.submenu
{
    top: 3.2em;
}

ul#nav li div#shop.shopst div.psub:hover  div#apparel.submenu
{
    top: 4.2em;
}


ul#nav li div#shop.shopst a.nhdr.allbrands
{
   position: absolute; 
   bottom: .5em;
   right: .5em;
   color: black;
   font-size:inherit;
}
ul#nav li div#shop.shopst a.nhdr.allbrands: hover
{
     color:#ffffff; 
  background-color: #d94242;
      position: absolute;
    right: 0.5em;
    text-align: right;
}
#nav li#knowli div#shop.shopst div.psub div.submenu a:hover,
#nav li div#shop.shopst div.psub div.submenu a.al_lf:hover,
#nav li#knowli div#library.shopst div.psub div.submenu a:hover
{
  color:#ffffff; 
  background-color: #d94242;
  border-radius: .1em; 
  width: 75%;   
}
#nav li#knowli div#shop.shopst div.psub div.submenu a:hover,
#nav li div#shop.shopst div.psub div.submenu a.al_lf:hover
{
    width: 50%;   
}

#nav li div#shop.shopst a.nhdr.allbrands
{
    text-align: right;
}