/*
 * MENU
 */

/* reset default styles */
#menu,
#menu ul { margin: 0; padding: 0;  z-index:100; }
#menu li {
	list-style-type: none;
	width:140px;
	background-color: #000000;
	text-align:left;
}

/* set font for entire menu */
#menu { font: 12px  Arial; font-weight:400; text-transform: capitalize; line-height:13px; }


/*
 * FIRST LEVEL
 */

/* horizontal, default width */
#menu li,
#menu a { float: left; }
#menu a {
	display: block;
	padding: 6px;
	text-decoration: none;
	background-color: #000000;
	color: #DFE5EB;
}
#menu a:active { background-color: #000000; color: #33FFFF; }
#menu a:hover {
	background-color: #333366;
	color: #33FFFF;
}
#menu a.menu_open { background-color: #000000; color: #33FFFF; }


/*
 * SECOND LEVEL AND UP
 */

/* has a fixed width and border */
#menu ul { visibility: hidden; position: absolute; z-index:100; width: 160px; border: 1px solid #003d75; margin-top: 1px;}
#menu ul li { width: 160px;  background-color: #003d75;}
#menu ul a { width: 154px; padding: 3px;  background-color: #003d75;}

/* 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-color: #003d75;  background-image: url("http://www.livingdreamfilms.com/graphics/menu_arrow_right.gif"); background-repeat: no-repeat; background-position: 150px 6px;  z-index:100;}
#menu ul a.submenu:hover,
#menu ul a.submenu.menu_open { background-color: #2852A3;  background-image: url("http://www.livingdreamfilms.com/graphics/menu_arrow_right_mo.gif"); }


/*
 * THIRD LEVEL AND UP
 */

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