﻿#menu {
	padding:0;
	margin:10px 0 10px 0;
	list-style:none;
	position:relative;
	left:0px;
	float:left;
	/*width:983px;*/
	z-index:100;
	background:  0 0;
	font-size:12px;
	text-align:center;
	height:2.1em;
	width:930px;
	
}
#menu li {
	display:inline;
	float:left;
	height:2.1em;
	text-align:center;
}

 
/*Button widths large 10 version*/
#menu .smlc {width:69px;}
#menu .medc {width:90px;}
#menu .lrgc {width:120px;}
#menu .xlrgc {width:160px;}

#menu li a {
	display:block;
	width:100%;
	text-decoration:none;
	line-height:1.2em;
	font-size:1em;
	color:#fff;
	padding-top:0.5em;
	height:1.6em;
}

#menu li a.norm {

	white-space:nowrap;
}

#menu li a.end {
	white-space:nowrap;
}

#menu li a.select {
	white-space:nowrap;
}

#menu li a:hover, #menu li:hover > a{
	text-decoration:underline;
}

#menu div {
	display:none;
}
#menu :hover div {
	display:block;
	position:absolute;
	top:2.1em;
	border:1px solid #92A19B;
	padding-bottom:0.7em;
	background:#FDFDFD;
}

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 large 10 version*/
#menu .pos1c {left:0;}
html>body #menu .pos1c {left:0;}
#menu .pos2c {left:0;}
html>body #menu .pos2c {left:78px;}
#menu .pos3c {left:0;}
html>body #menu .pos3c {left:150px;}
#menu .pos4c {left:0;}
html>body #menu .pos4c {left:240px;}
#menu .pos5c {left:0;}
html>body #menu .pos5c {left:400px;}
#menu .pos6c {right:0;}
html>body #menu .pos6c {right:190px;}
#menu .pos7c {right:0;}
html>body #menu .pos7c {right:140px;}
#menu .pos8c {right:0;}
html>body #menu .pos8c {right:65px;}
#menu .pos9c {right:0;}
html>body #menu .pos9c {right:0px;}
#menu .pos10c {right:0;}
html>body #menu .pos10c {right:0;}

/*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:36.1em;}
html>body #menu .one:hover div {width:36em;}
#menu .four:hover div {width:48.1em;}
html>body #menu .one:hover div {width:48em;}

#menu :hover div dl {
	display:inline;
	padding:0;
	margin:0;
	float:left;
}

#menu :hover div dt {
	width:12em;
	display:block;
	background:#ccc;
	text-indent:0.75em;
	text-decoration:none;
	padding:0.3em 0;
	text-align:left;
	font-weight:bold;
	margin:0;
	color:#000;
	border-bottom: solid 1px #999;
	cursor:default;
}

#menu :hover div dd {
	width:11em;
	display:block;
	padding:0.6em 0 0 0.75em;
	margin:0;
	text-align:left;
}

#menu :hover div dd a {
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	color:#000;
	margin:0;
	padding:0;
	height:auto;
}

#menu :hover div dd a:hover {
	text-decoration:underline;
}
.clear {
	clear:both;
}
