/*
	Configure overall menu appearance
*/
#menu 
{
	float: left; 
	width: 100%;
	height: 33px;
	background: #378683; url(/images/backgrounds/main_menu_off.gif) repeat-x bottom left;
}

#menu ul 
{
	list-style-type: none;
	padding: 0px; 
	float: left; 
	margin: 0px; 
	white-space:nowrap;
}

#menu li {
	position: relative;
	width:auto;
}

#menu ul ul 
{
	display: none; 
	z-index: 500; 
	position: absolute; 
	top: auto;
	width: 175px;	
	white-space:nowrap;	
	border:solid 1px #e1864c;
	border-left:solid 10px #e1864c;
	border-top:0px;	
	background-image: url(/images/backgrounds/dropdownmenuBg.gif);
	background-position: 100% 0;
	background-repeat: repeat-y;
	background-color: #fff0b3;		
}

#menu ul ul ul {
	left: 100%; 
	top: 0px;
}

#menu li:hover {
	z-index: 100; 
	cursor: pointer;
}

/*
	Configure first level menu appearance
*/
#menu ul li a, 
#menu ul li h2 {
	border-right: #dae5e7 1px solid; 
	display: block; 
	margin: 0px; 
	font: bold 12px arial,helvetica,sans-serif; 
	white-space: nowrap; 
	color: #fff;
	padding:  1px 10px 1px 5px;
	height:22px;
	vertical-align: middle;
	width:auto;
}

#menu ul li h2 {
	background: url(../images/backgrounds/menu_expandible.gif) no-repeat 100% 100%; 
}

#menu ul li a, 
#menu ul li a:visited, 
#menu ul li a:active  {
	text-decoration: none; 
}

#menu ul li h2:hover, 
#menu  ul li a:hover {
	color: #000;
	background-color: #96bbbd;
}

/*
	Configure second level and on menu appearance
*/
#menu ul li ul li a, 
#menu ul li ul li h2 {
	display: block; 
	padding:2px 5px 2px 10px; 
	margin: 0px; 
	font: bold 12px arial,helvetica,sans-serif; 
	white-space: nowrap; 
	color: #000; 
	height: 20px;
	border-right:0px; 	
}

#menu ul li ul li a, 
#menu ul li ul li a:visited, 
#menu ul li ul li a:active  
{
	text-decoration: none; 	
}

#menu ul li ul li h2 {
	background: url(../images/backgrounds/menu_expandible.gif) no-repeat 100% 100%; 
}

#menu  ul li ul li a:hover
{
	color: #fff;
	background-color: #96bbbd;		
}

#menu ul li ul li h2:hover 
{
	color: #000;
	background: url(../images/backgrounds/menu_expandible.gif) #96bbbd no-repeat 100% 100%; 	
}

#menu li:hover ul ul, #menu li li:hover ul ul, #menu li li li:hover ul ul, #menu li li li li:hover ul ul {
	DISPLAY: none
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul {
	DISPLAY: block
}