/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

/* Begin CSS Popout Menu */

/* COLOURS:

	MAIN: #393;
	MAIN ROLLOVER: #369
	EXPAND BACKGROUND: #eee
	EXPAND ROLLOVERS: #cfc
	EXPAND LINK COLOR: #036
	
	
	*/
	
	
#menu {
	margin:0;
	padding:0;
	width:100%;
	float:left;
	line-height:normal;
	}

#menu a, #menu h2 {
	font:bold 11px/16px arial,helvetica,sans-serif;
	display:block;
	/*	border-width:1px;
	border-style:solid;
	border-color:#e8b98a #974c00 #974c00 #e8b98a;
*/
	white-space:nowrap;
	margin:0;
	line-height:normal;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #DDDDDD;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	}

#menu h2 {
	color:#036;
	text-transform:capitalize;
	text-align: center;
	}

/* TOP NAV MAIN LINK STYLE */

	
#menu ul li h2 a:link, #menu ul li h2 a:visited {
	font:bold 11px/16px arial,helvetica,sans-serif;
	background:transparent;
	border:0;
	padding:0;
	margin:0;
	color:#036;
	}

#menu ul li h2.noexpand {
	background-image:none;
	}
	
#menu ul li h2 a:hover {
	border:0;
	padding:0;
	margin:0;
	color:#036;
	background-color: #C3BCF2;
	}

#menu ul li#active h2 {
	color:#036;
	background-color: #C3BCF2 !important;
	}
	
/* END TOP NAV MAIN LINK STYLE */



#menu a {
	background:transparent;
	text-decoration:none;
	padding-left:5px;
	}

#menu a, #menu a:visited {
	color:#036;
	}

#menu a:hover {
	color:#036;
	background-color:#C3BCF2;
	/*border-width:1px;
	border-style:solid;
	border-color:#e8a1b9 #97264c #97264c #e8a1b9;
	*/
	}

#menu a:active {
	color:#060;
	background:#C3BCF2;
	}

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

#menu li {
	position:relative;
	}

/* need this to fix IE 5 & 6 spacing betw <li>s
#menu li li, #menu li li:hover {
	display:inline;
	}


html>body #menu li li, #menu li li:hover {
	display:block;
	}
what we really want - IE 4/5/6 can't see */



#menu ul ul {
	position:absolute;
	z-index:500;
	top:auto;
	left:0;
	display:none;
	text-align:center;
	}

#menu ul ul ul {
	top:0;
	left:100%;
	background-color: #FFFFFF;
	}

/* Styling for Expand */

#menu a.x, #menu a.x:visited {
	font-weight:bold;
	color:#036;
	/*background:#eee url(/images/btn_expand.gif) no-repeat 100% 100%;*/
	}

#menu a.x:hover {
	color:#036;
	/*background-color:#cfc*/
	}

#menu a.x:active {
	color:#060;
	/*background:#ccc;*/
	}


/* 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-color:#C3BCF2;
/*	border-width:1px;
	border-style:solid;
	border-color:#e8a1b9 #97264c #97264c #e8a1b9;
*/
/*	background-image: url(/images/btn_expand.gif);
	background-repeat: no-repeat;
	background-position: -999px -9999px;
	*/
	}

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 */




/* End CSS Popout Menu */