#topmenu ul li {
	*float: left;											/* cure IE5.x "whitespace in lists" problem */
	*width: 100%;
}
#topmenu ul li a {
	*height: 1%;											/* make links honor display: block; properly */
}
#topmenu a:hover {
	color: #FFFFFF;											/* link text hover color */
	background: #7289B6;									/* link background hover color */
} 

/* ### TOP NAVIGATION STYLES ## */

#topmenu a {
	display: block;
	background: #475E8A;									/* default link background color */		
	margin: 0px;
	padding: 5px 0px 3px 7px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;											/* link text color */
	text-decoration: none;
}

#topmenu a,
#topmenu a:hover,
#topmenu a:visited,
#topmenu a:visited:hover, {
	height: 26px;
}

#topmenu {
	width: 100%;
	background: #475E8A;
	float: left;
}

#topmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#topmenu ul ul {
	position: absolute;
	z-index: 500;
}

#topmenu ul ul ul {
	top: 0;
	left: 100%;
}

#topmenu li li a {
	color: #FFFFFF;											/* link text hover color */
	background: #7289B6;									/* link background hover color */
	height: 20px;
}

#topmenu li li a:hover {
	color: #666666;											/* link text hover color */
	background: #FFCC00;									/* link background hover color */
	height: 20px;
}

#topmenu li li a:visited {
	color: #FFFFFF;											/* link text hover color */
	background: #7289B6;									/* link background hover color */
	height: 20px;
}

#topmenu li li a:visited:hover {
	color: #666666;											/* link text hover color */
	background: #FFCC00;									/* link background hover color */
	height: 20px;
}

.separator {
	color: white;
	font-family: Arial;
	size: 8px;
	font-weight: bold;
}

.searchbox {
	padding: 0px;
	margin: 0px;
	height: 20px;
}


/* ### POPUP POSITIONING ### */

#menu li, #topmenu li {
	position: relative;										/* make the list elements a containing block for the nested lists */
} 

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;												/* to position them to the right of their containing block */
	width: 100%; 											/* width is based on the containing block */
}


/* ### HIDING AND REVEALING POPUPS ### */

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

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

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

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


.office {													/* ### for the office locations title ### */
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFCC00;
	background: #666666;
	margin: 0px;
	padding: 3px 0px 3px 5px;
	border: 0px;

}


/* ### BEGIN OFFICE LOCATIONS STYLE CODE ### */

div#nav2 {
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #666666;
}

div#nav2 ul {
	margin: 0px;
	padding: 0px;
	width: 150px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div#nav2 ul.level2 { background-color: #666666; }
div#nav2 ul.level3 { background-color: #666666; }

div#nav2 li {
	margin: 0px;
	padding: 0;
	position: relative;
	list-style: none;
	border-bottom: 1px solid #666666;
}

/* ### the below style specifies the "active" menu ### */
div#nav2 li.submenu:hover { background-color: black;}

div#nav2 li a { display: block; padding: 2px 12px 2px 5px; text-decoration: none; 
*width: 150px; color: white;}
div#nav2 li a:hover { color: black; background-color: #FFCC00; }
div#nav2 li li a:hover { color: black; background-color: #FFCC00; }


/* position the child menus */
div#nav2 ul ul { position: absolute; top: -1px; left: 150px; display: none; }

div#nav2 ul.level1 li.submenu:hover ul.level2,
div#nav2 ul.level2 li.submenu:hover ul.level3 { display:block; }

/* ### END OFFICE LOCATIONS STYLE CODE ### */


/* ### BEGIN STANDARD NAVIGATION STYLE CODE ### */

div#nav {
	float: left;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #475E8A;
}

div#nav ul {
	margin: 0px;
	padding: 0px;
	width: 150px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div#nav ul.level2 { background-color: #7289B6; }
div#nav ul.level3 { background-color: #7289B6; }

div#nav li {
	margin: 0px;
	padding: 0;
	position: relative;
	list-style: none;
	border-bottom: 1px solid #475E8A;
}

/* ### the below style specifies the "active" menu ### */
div#nav li.submenu:hover { background-color: black;}

div#nav li a { display: block; padding: 2px 12px 2px 5px; text-decoration: none; 
*width: 150px; color: white;}
div#nav li a:hover { color: white; background-color: #7289B6; }
div#nav li li a:hover { color: black; background-color: #FFCC00; }


/* position the child menus */
div#nav ul ul { position: absolute; top: -1px; left: 150px; display: none; }

div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 { display:block; }

/* ### END STANDARD NAVIGATION STYLE CODE ### */

/* IE specific behavior call */
body {
	*behavior: url(css/csshover.htc);
}