/* menubar */
/* code from www.tanfa.co.uk/css/examples/menu/tutorial-h.asp#hs2 */


#menu {
       width: 99%;
       height: 27px ;
       float: left;
       padding: 7px 0px 5px 0px;
       border-width: 0px 0px 0px 0px ;
       border-style: solid;
       border-color: 000000;
       background:  url('http://www.stickmenlacrosse.com/images/menu_bkgd2.gif') top repeat-x;
       display: block;
       font: bold 12px/16px arial, helvetica, sans-serif
       margin: 0px;
       text-align: left;
       color: #000;
       }

#menu a, #menu h2
      {
       display: block;
       font: bold 12px/16px arial, helvetica, sans-serif;
       margin: 0px;
       text-align: left;
       color: #000;
       text-decoration: none;
      }

#menu a:hover 
      {
       color: #ffffff;
      }
#menu ul
      {list-style: none;
       width: 75.0px;
       float: left;
       display: block;
       font: bold 12px/16px arial, helvetica, sans-serif;
       text-indent: 5px;  
       margin: 0px;
       padding: 0px ;
       text-align: left;
       }

#menu ul li 
      {
       position: relative;
       /*padding: 3px 2px;*/
       }


#menu ul ul 
      {
       position: absolute;
       z-index: 500;
       text-align: left;
      }
#menu ul li ul li
      {
       /*border-width: 0px 0px 0px 0px;*/
       border-width: 1px 1px 1px 1px;
       border-style: solid;
       border-color: 000000;
       height: 20px ;
       width: 150.0px;
       background:  url('http://www.stickmenlacrosse.com/images/menu_bkgd_new.jpg') top repeat-x;
       padding: 5px 0px 4px 0px;
       margin-left: 5px;
      
      }

#menu ul ul ul 
      {
       top: 0;
       left: 100%;
       text-align: left;
      }

#menu ul li ul li ul li
      {
       background:  url('http://www.stickmenlacrosse.com/images/menu_bkgd_new.jpg') top repeat-x;
       border-width: 1px 1px 1px 1px;
       border-style: solid;
       border-color: 000000;
      }


		 

                             /*  hiding lower levels of menu */
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul ul li:hover ul ul 
      {
       display: none;
      }

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul
      {
       display: block;
      }