/* BEGIN HORIZONTAL DROP-MENU */

nav {
/* display: block; */
position: relative;
width: 1024px; /**adjust width as needed**/
margin: 0;
padding: 0;
text-align: center;
border: 0px solid #CCC; /**adjust width as needed 1px dotted red**/
background-color: #F5FCFF;
color: #333;
text-decoration: none;
list-style-type: none;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}

nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	float: left;
}

/**top level menu**/

nav li a {
display: block;
text-decoration: none;
margin-right: 0px; /* space between links */
width: auto; /* adjust as needed 9em or use auto */
/** padding: 6px; **/
	padding: 0.5em 0.65em;
font-weight: none;
line-height: 1.10em;
border: 0px; /**adjust width as needed 1px dotted #666**/
border-top: none;
color:#000;
}

/**alternating background colors**/
/** nav li:nth-child(odd) > a { background: #CAD3D3} **/
/** nav li:nth-child(even) > a { background: #9BBB59} **/

/**top menu style on mouse over**/

nav li:hover > a{
	background-color: #06C;
	color: #FFF;
}

/**sub-menu**/

nav li ul {
display: none;
text-align: center;
margin: 0;
padding: 0 1em;
background-color: #F5FCFF;
color: #333;
text-decoration: none;
}

/**sub-menu, help for older IE**/

nav li:hover ul, nav li.hover ul {
display: block;
position: absolute;
padding: 0;
	background-color: #F5FCFF;
	color: #333;
}

nav li:hover li, nav li.hover li { float: none; }

/**drop-menu style**/

nav li:hover li a, nav li.hover li a {
width: 9em; /* adjust width as needed or use auto */
margin-top: 0;
}

/**drop-menu style on mouse over**/

nav li li a:hover {
	background-color: #06C;
	color: #FFF;
}

/* Clear floated elements at the end*/

nav:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
nav ul iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
nav ul li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}


/**END HORIZONTAL DROP-MENUS STYLES**/