#topnavigation ul {
	padding:0;
	margin:0;
	list-style:none;
}
#topnavigation li{
	float:left;
}
#topnavigation ul ul li a{
	background:none;
}
/* style the sub-level lists */
#topnavigation ul ul {
	padding:0px;
	margin:0px;
}
/* style the links for the top level */
#topnavigation a{
	text-decoration:none;
	color:#FFFFFF;
	background:none;
	border:none;
}
#topnavigation a:link, #nav a:visited, #nav a:hover, #nav a:active  {
	border:none;
	text-decoration:none;
	background:none;
}
/* style the sub level list items */
#topnavigation ul ul li {
	background:#54c2df;
	position:relative;
	padding:7px 5px;
	padding-left:12px;
	display:block;
	width:140px;
	border-bottom:1px solid #018bb4;
}
#topnavigation li a{
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:0px 0 0 6px;
	cursor:pointer;
	background:none;
}
#topnavigation li a.left{
	padding:0px 0 0 0px;
}
#topnavigation li a.right span{
	background:url(../images1/nav-right.gif) top right no-repeat;
}
#topnavigation li a span{
	float:left;
	display:block;
	padding:8px 16px 9px 12px;
}
#topnavigation li a.left span{
	padding:8px 22px 9px 22px;
	background:url(../images1/nav-left.gif) top left no-repeat;
}

/* style the sub level links */

#topnavigation ul ul a, #topnavigation ul ul a:active, #topnavigation ul ul a:visited{
	display:block;
	color:#035a7d;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:0px;
	background:none;
	padding-left:8px;
	}
/* style the table so that it takes no part in the layout - required for IE to work */
#topnavigation table {
	position:absolute;
	left:0;
	top:0;
	font-size:1em;
	z-index:-1;
}
#topnavigation ul ul table {
	lef\t:-1px;
}
#topnavigation ul ul table ul.left {
	margin-lef\t:2px;
}
#topnavigation li:hover {
	position:relative;
	}
* html #topnavigation a:hover {
	position:relative;
}

/* style the level hovers */
/* first */
#topnavigation li a.top:hover, #topnavigation li.active a.top, #topnavigation li:hover a.top{
	background:url(../images1/nav-hover.gif) top left repeat-x;
}
#topnavigation li a.left:hover span, #topnavigation li.active a.left span{
	background-position:0 -35px;
}
#topnavigation li a.right:hover span, #topnavigation li a.rightactive span{
	background-position:100% -35px;
}
/* second */

#topnavigation ul ul li a:hover {
	color:#fffcfb;
	text-decoration:none;
	border:none;
	background:none;
	}
#topnavigation ul ul :hover > a {
color:#fffcfb;
text-decoration:none;
background:none;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#topnavigation ul ul {
	visibility:hidden;
	position:absolute;
	font-weight:normal;
	top:34px;
	left:0;
	width:180px;
	padding:0px;
	bottom:0px;
	border:0px;
}
/* position the third level flyout menu */
#topnavigation ul ul ul {
	left:15em;
	_left:14em;
	top:0;
	font-weight:normal;
	width:14em;
}
/* position the third level flyout menu for a left flyout */
#topnavigation ul ul ul.left {
	left:-14em;
}
/* make the second level visible when hover on first level list OR link */
#topnavigation ul li:hover ul, #topnavigation ul li a:hover ul {
	visibility:visible;
	height:auto;
	font-weight:normal;
	padding-bottom:3em;
	}
/* keep the third level hidden when you hover on first level list OR link */
#topnavigation ul :hover ul ul {
	visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#topnavigation ul :hover ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#topnavigation ul :hover ul :hover ul {
	visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#topnavigation ul :hover ul :hover ul :hover ul {
	visibility:visible;
}


