/* CSS Document */

#menu {
	padding:0;
	list-style:none;
	left:0px;
	background-color: #333366;
	font-size:12px;
	text-align:center;
	height:2.1em;
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	width: 100%;
	z-index: 9;
}
#menu li {
	display:inline;
	float:left;
	text-align:center;
	z-index: 9;
}

/*Button widths 9 version */
#menu .smla {width:6.9%;}
#menu .meda {width:10%;}
#menu .lrga {width:13%;}
/*#menu .xlrga {width:14.28%;}*/
#menu .xlrga {width:16.66%;}

/*Button widths 10 version */
#menu .smlb {width:5.6%;}
html>body #menu .smlb {width:6%;}
#menu .medb {width:9%;}
#menu .lrgb {width:12%;}
#menu .xlrgb {width:15.8%;}

#menu li a {
	display:block;
	width:100%;
	text-decoration:none;
	line-height:1.2em;
	font-size:1em;
	color:#fff;
	padding-top:0.5em;
	font-weight:bold;
	height:1.6em;
	z-index: 9;
}

#menu li a.norm {
	background:url(/assets/div-line.gif) 100% 0 repeat-y;
	white-space:nowrap;
}

#menu li a.end {
	white-space:nowrap;
}

#menu li a.select {
	background-color: #333366;
	white-space:nowrap;
}

#menu li a:hover, #menu li:hover > a{
	text-decoration:underline;
}

#menu li .norm:hover, #menu li .end:hover {
	background-color: #999999;
}

#menu li .norm:hover > a, #menu li .end:hover > a {
	background-color: #999999;

}

#menu div {
	display:none;
}
#menu :hover div {
	display:block;
	position:absolute;
	top:2.1em;
	border:1px solid #92A19B;
	padding-bottom:0.7em;
	background:#FDFDFD;
	z-index: 9;
}

html>body #menu :hover div {
	top:2.1em;
}

#menu .one:hover, .two:hover, .three:hover, .four:hover, .five:hover, .end:hover {
	position:relative;
}

/*Drop down positions 9 version*/
#menu .pos1a {left:0%;}
html>body #menu .pos1a {left:0%;}
#menu .pos2a {left:0%;}
html>body #menu .pos2a {left:13%;}
#menu .pos3a {left:0%;}
html>body #menu .pos3a {left:29.9%;}
#menu .pos4a {left:0%;}
html>body #menu .pos4a {left:39.9%;}
#menu .pos5a {right:0%;}
html>body #menu .pos5a {right:40.2%;}
#menu .pos6a {right:0%;}
html>body #menu .pos6a {right:27.1%;}
#menu .pos7a {right:0%;}
html>body #menu .pos7a {right:20.3%;}
#menu .pos8a {right:0%;}
html>body #menu .pos8a {right:13.3%;}
#menu .pos9a {right:0%;}
html>body #menu .pos9a {right:0%;}

/*Drop down positions 10 version*/
#menu .pos1b {left:0%;}
html>body #menu .pos1b {left:0%;}
#menu .pos2b {left:0%;}
html>body #menu .pos2b {left:14.28%;}
#menu .pos3b {left:0%;}
html>body #menu .pos3b {left:28.56%;}
#menu .pos4b {left:0%;}
html>body #menu .pos4b {left:42.84%;}
#menu .pos5b {left:0%;}
html>body #menu .pos5b {left:57.12%;}
#menu .pos6b {left:0%;}
html>body #menu .pos6b {right:71.4%;}
#menu .pos7b {right:0%;}
html>body #menu .pos7b {right:24.1%;}
#menu .pos8b {right:0%;}
html>body #menu .pos8b {right:18.1%;}
#menu .pos9b {right:0%;}
html>body #menu .pos9b {right:12.1%;}
#menu .pos10b {left:0%;}
/*html>body #menu .pos10b {left:85.68%;}*/
html>body #menu .pos10b {left:83.34%;}

/*Drop down width*/
#menu .one:hover div {width:12em;}
#menu .two:hover div {width:24.1em;}
html>body #menu .one:hover div {width:24em;}
#menu .three:hover div {width:40.4em;}
html>body #menu .one:hover div {width:36em;}
#menu .four:hover div {width:12em;}
html>body #menu .one:hover div {width:48em;}

#menu :hover div dl {
	display:inline;
	padding:0;
	margin:0;
	float:left;
	z-index: 9;
}

#menu :hover div dt {
	width:16.9em;
	display:block;
	text-indent:0.75em;
	text-decoration:none;
	padding:0.3em 0;
	text-align:left;
	margin:0;
	font-weight:bold;
	color:#FFFFFF;
	cursor:default;
	background-color: #CCCCCC;
	z-index: 9;
}

#menu :hover div dd {
	width:12.8em;
	display:block;
	padding:0.6em 0 0 0.75em;
	margin:0;
	text-align:left;
	z-index: 9;
}

#menu :hover div dd a {
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	color:#000;
	margin:0;
	padding:0;
	height:auto;
}

#menu :hover div dd a:hover {
	text-decoration:underline;
}