/*
 * MENU
 */

/* reset default styles */
#menu,
#menu ul { margin: 0; padding: 0; }
#menu li { list-style-type: none; }

/* set font for entire menu */
#menu { font: bold 12px Arial,Helvetica,sans-serif; }


/*
 * FIRST LEVEL
 */

/* horizontal, default width */
#menu li,
#menu a { float: left; }
#menu a { display: block; padding: 6px; text-decoration: none; color: #FFFFFF; }
#menu a:hover,
#menu a.menu_open { text-decoration:underline; color: #FFF; }/*background-color: #2362AF;*/


/*
 * SECOND LEVEL AND UP
 */

/* has a fixed width and border */
#menu ul { 
	visibility: hidden; 
	position: absolute; 
	width: 160px; 
	/*border: 1px solid #CCC; */
	margin-top: 1px; 
	background-color:#B2220A;
	color: #FFFFFF;
}
#menu ul li { width: 160px; padding: 2px 0px 1px 2px;}
#menu ul a { width: 154px; padding: 3px; }

/* different box model in IE (non quirks mode) */
* html #menu ul a { width: 160px; }

/* (with another submenu requires an arrow) */
#menu ul a.submenu { background-image: url("images/menu_arrow_right.gif"); background-repeat: no-repeat; background-position: 138px 6px; }
#menu ul a.submenu:hover,
#menu ul a.submenu.menu_open { background-image: url("images/menu_arrow_right_mo.gif"); }


/*
 * THIRD LEVEL AND UP
 */

/* these need a little compensation for the top border */
#menu ul ul { margin-top: -1px; }