/*** ESSENTIAL STYLES ***/
.menu-menu, .menu-menu * {
   margin:0;
   padding:0;
   border:none;
   font-size:10px;
   list-style:none;
   background:#003366;
   color: white;
}
.menu-menu {
   line-height:1;
}


.menu-menu ul {
   position:absolute;
   top:-999em;
   height:30px;
   width:100px; /* submenu item width - offest below must match */
   z-index:999999;

}
.menu-menu li {
   width:100px;  /* Default to 'auto'. If specified, the submenu item width and offset must match */
}
.menu-menu li a {
   text-align:left; text-decoration:none;
}
.menu-menu li li a {
   text-align:left; text-decoration:none;
}
.menu-menu ul li {
   width:100%;
}
.menu-menu li ul  {
   display:none;
}
.menu-menu li:hover ul  {
   display:block;
   z-index:999999;
}
.menu-menu li li ul  {
   display:none;
   z-index:999999;
}
.menu-menu li:hover li:hover ul  {
   display:block;
   z-index:999999;
}
.menu-menu li:hover {
   z-index:999999;
   visibility:inherit; /* fixes IE7 'sticky bug' */
}
.menu-menu li {
   float:left;
   position:relative;
}
.menu-menu a {
   display:block;
   position:relative;
}
.menu-menu li:hover ul {
   left:0;
   top:30px; /* match top ul list item height */
}
ul.menu-menu li:hover li ul {
   top:-999em;
}
ul.menu-menu li li:hover ul {
   left:100px; /* submenu offest - must match ul width above */
   top:0;
}
ul.menu-menu li li:hover li ul {
   top:-999em;
}
ul.menu-menu li li li:hover ul {
   left:100px; /* submenu offest - must match ul width above */
   top:0;
}

/*** DEMO SKIN ***/
.menu-menu {
   float:left;
	font-family:Lynxfontface;
	font-size:1em;
	font-weight:bold;   /* bold or normal */
	font-style:normal; /* italic or normal */
}

.menu-menu a {
   border-right:1px solid #AAA;
   border-top:1px solid #AAA;
   border-bottom:1px solid #AAA;
   padding:8px 11px;
   text-decoration:none;
   font-weight:bold;
}

.menu-menu p {
   border-right:1px solid #AAA;
   border-left:1px solid #AAA;
   border-top:1px solid #AAA;
   border-bottom:1px solid #AAA;
   padding:8px 11px;
   text-decoration:none;
}

.menu-menu li {
	font-size:1em;
   font-family: Lynxfontface;
   font-weight:bold;
   
}


.menu-menu li.first a { 
    border-left:1px solid #AAA;
    border-top:1px solid #AAA;
    border-bottom:1px solid #AAA;
    }
 .menu-menu li.first p { 
    border-left:1px solid #AAA;
    border-top:1px solid #AAA;
    border-bottom:1px solid #AAA;
    }   
.menu-menu a, .menu-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
   color:#FFFFFF;
}
.menu-menu a:hover, .menu-menu a:active  { /* visited pseudo selector so IE6 applies text colour*/
   color:white; 
}

.menu-menu li li.first { 
    margin-top:-3px;
    }

.menu-menu li li a { 
    border:1px solid #AAA; border-top-width:0;  color:white;
    }
.menu-menu li li li.first a { 
    border:1px solid #AAA; color:white; 
    }

.menu-menu li:hover .menu-menu p:touch, .menu-menu p:hover,
.menu-menu a:focus, .menu-menu a:hover, .menu-menu a:active {
   background:#99CCFF;  color:white;
   z-index:999999;
}


.menu-menu li  a:hover, .menu-menu li a:active, .menu-menu li a:focus, .menu-menu li p:hover { 
  color: #CCC;
}


.menu-menu li li a, .menu-menu li li a:visited { 
    color:#white;
}

.menu-menu li li a:hover, .menu-menu li li a:active, .menu-menu li li a:focus, .menu-menu li li p:hover { 
  color: #CCC;
}

.menu-menu li li li a, .menu-menu li li li a:visited { 
    color:#white;
}

.menu-menu li li li a:hover, .menu-menu li li li a:active, .menu-menu li li a:focus, .menu-menu li li p:hover  { 
  color: #CCC;
}