/***** menu CSS *****/
.menu, .ssmenu {
 color: #000;
 font-size:11px;
	z-index:99999;
}
/* .menu = cells always visible (like File, Edit... in a software) */
.menu {
	border:0;
	padding:0px;
	text-align:center;
	position:static;
}
/* Submenus */
.ssmenu {
	padding:0px;
	border:1px solid #002A52;
	background-color:#fff;
	z-index:99999;
}
.menu span,
.ssmenu span {
	display:none;
}

.ssmenu ul, 
.ssmenu li {
/* Do not touch.
	Items (<li>) in sub-menus, to remove list bullets */	
	padding:0px;
	margin:0px;
	list-style-type:none;		
	z-index:99999;
}
#ssmenu {	
	text-align:left;	
}
.menu a, 
.ssmenu a, 
.menu a:visited, 
.ssmenu a:visited {
/* Link that are not hightlighted by the cursor. */
	text-decoration:none;
	color:black;
	font-weight:normal;
	padding:2px 1px;
/* Do not modify the block */
	display:block;
/*	Width:100% prevents Mozilla from crashing, without the width:100% it's IE and Opera that craches... Using both
	fix the problem, so DO NOT touch these 2 lines */
	margin:0px;
	width:100%;
}

.menu a, .menu a:visited {
	padding:0;
}

html>body .menu a, 
html>body .menu a:visited, 
html>body .menu a:hover, 
html>body .menu a:active,
html>body .ssmenu a, 
html>body .ssmenu a:visited, 
html>body .ssmenu a:hover, 
html>body .ssmenu a:active {
	width:auto;
	z-index:99999;
}

.ssmenu ul:hover, 
.ssmenu a:hover, 
.ssmenu a:focus {
/* Links hightlighted by the cursor.
	We change foreground and background colors and we remove the underline. */
 background-color:#00519A;
 color:#fff;
 text-decoration:none;
}

img {
/* If we add an image in a link (for example a logo next to the link), remove the border :-p */
	border:none;
}

.ssmenu img {
/* small space between the image and the link text <a href="..."><img.../>blabla</a> */
 margin-right:0px;
}

.ssmenu img.hr {
/* Experimental, an <hr /> between 2 items to add a "separator"... */
 margin-top:1px;
 margin-bottom:1px;
 margin-left:0;
 margin-right:0;	
 width:100%;
 display:block;
}

.hr {
 height: 1px;
 width: 100%;
}