#menu { background-color: #333 ; background-color: [WSCOL_MENU] ;    
  }


#menu {
	padding: 0px;
	margin: 0px;
	text-align: center; 
}
#menu ul { 
line-height: 230%; 
	padding: 0; margin: 0; 
list-style-type:none;  
	border-left: 1px solid white; 
}

#menu a {
	color: white;
	padding: 0 15px;
	text-decoration: none;
	display: block;
	border-right: 1px solid white; 
}


#menu li>a:hover, #menu li:hover>a, #menu>a:visited:hover  {
	color: white;
        background-color: #333333; 
}




/* Submenu Structure and Functions */
#menu li ul { /* second-level lists */
	background-color: white;
	position: absolute;
	width: 200px;
	padding-top: 1px;
	display:none; 
}



@media (min-width:600px) AND (min-device-width:600px) {

#menu li {
	display: inline-block;
	position: relative;
}

#menu > ul { 	display:inline-block;  }



#menu li ul ul { /* third-and-above-level lists */
	margin: -1.5em 0 0 200px;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
display: none; 
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* lists nested under hovered list items */
	display:block;
}

#menu li li {
	position: relative;
	display: block; 
	width: 100%;
}



/* Submenu Look and Feel */

#menu li li a {
	display: block; 
	color: #000;
	background-color: #CCC;
	padding: 1px 5px 1px 5px;
	border-bottom: 1px solid white; 
	text-align: left;
}
#menu li li a:hover, #menu li li a:visited:hover {
	color: #333;
	background-color: #999;
}

}




/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #fff;
	background-color: #333 ; background-color: [WSCOL_MENU] ;  
	border-bottom: 1px solid white; 
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input#show-menu[type=checkbox]
{
    display: none;
}





@media (max-width: 600px), (max-device-width:600px) {


	#menu { display:none; } 
	.show-menu {
		display:block; 
	}	
	#menu a { 
		border-bottom: 1px solid white; 
		border-right: 0; 
	} 
}


/*Show menu when invisible checkbox is checked*/

input#show-menu[type=checkbox]:checked + #menu
{
    display: block !important ;
}