/* MENU definitions */

/* Begin CSS Popout Menu */

#menu{
	width: 968px; /* was 690px - Modified for 1024 */
	height:40px;
	float:left; 
	/*border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
	margin-left: 13px;
	padding-top:5px;
	background: url(../assets/images/bgmenu.jpg) repeat-x;
}

#menu a, #menu h2 {
	font: 10px/16px "trebuchet MS",trebuchet,verdana, arial,sans-serif;
	display:block;
	white-space:nowrap;
	margin:0;
	padding:2px 0 2px 3px;
	text-align: left;
	overflow:hidden;
}

#menu a{
	background:#fff;
	text-decoration:none;
	border-bottom: 1px solid #ccc;
}

#menu a, #menu a:visited{
	color:#586588;
	font-size: 10px;
}

#menu h2 {
	font: 11px/16px "trebuchet MS",trebuchet,verdana, arial,sans-serif;
	color:#586588;
	/*background: url(../images/menu/menuback.jpg) repeat-x;*/
	cursor: pointer;
}

#menu ul h2 a:link, #menu ul h2 a:visited {
	font: 11px/16px "trebuchet MS",trebuchet,verdana, arial,sans-serif;
	color:#586588;
	background: transparent;
	cursor: pointer;
	margin:0;
	border-bottom: 0;
	height: auto;
}

#menu ul h2 a:hover {
	color:#eeac00;
}

#menu ul li ul li a:hover{
	color:#000;
	background:#f2F2F2;
}

#menu ul li ul li a:active{
	color:#000;
	background:#fff;
}

#menu ul h2.act { /* Active section in the top menu */
	color: #000;
}

#menu ul{
	list-style:none;
	margin:0;
	margin-top:1px;
	padding:0;
	float:left;
}

#menu li{
	position:relative;
}

#menu ul ul{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-top: -1px;
}

/* This works on the top menu */
#menu ul ul.longer{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

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

#menu ul ul ul.sublong{
	top:0;
	left:100%;
	margin-left:0;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
/*background: url(../images/menuback.jpg) repeat-x;*/
	color: #000;
}

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

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

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
	color:#586588;
	background: #fafbff url(../assets/images/menu/arrow.gif) no-repeat;
	background-position: right;
}

#menu a.x:hover{
	color:#000;
	background: #ECF0FF url(../assets/images/menu/arrow.gif) no-repeat;
	background-position: right;
}

#menu a.x:active{
	color:#586588;
	background: #dedede url(../assets/images/menu/arrow.gif) no-repeat;
	background-position: right;
}

/* longer ones */

#menu ul.longer a.x, #menu ul.longer a.x:visited{
	color:#586588;
	background: #fafbff url(../assets/images/menu/arrow.gif) no-repeat;
	background-position: right;
}

#menu ul.longer a.x:hover{
	color:#000;
	background: #ECF0FF url(../assets/images/menu/arrow.gif) no-repeat;
	background-position: right;
}

#menu ul.longer a.x:active{
	color:#586588;
	background: #dedede url(../assets/images/menu/arrow.gif) no-repeat;
	background-position: right;
}