#topnav {
	float:left;
	width:720px;
	font-size:1.2em;
	line-height:normal;
	float:right;
	margin:17px 0px 0px 0px;
	}

#topnav ul {
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	}

#topnav ul li {
	display:inline;
	position: relative;
	float:left;
	margin:0px;
	padding:0px;
	}

#topnav ul li a {
	float:left;
	background:url(../images/top-nav-left.jpg) no-repeat left top;
	margin:0;
	padding:0 0 0 3px;
	text-decoration:none;
	line-height:32px;
	display:block;
}

#topnav ul li a span {
	float:left;
	display:block;
	background:url(../images/top-nav-right.jpg) no-repeat right top;
	padding:0px 8px 0px 6px;
	margin-right:3px;
	color:#FFF;
	line-height:32px;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnav ul li a span {float:none;	color:#333333;}

/* End IE5-Mac hack */
#topnav ul li a:hover span {
	}
	
#topnav ul li a:link, #topnav a:visited {
	background-position:0% 0px;
	color:#333333;
}

#topnav ul li a:hover {
	background-position:0% -32px;
	color:#333333;
	}

#topnav ul li a:hover span {
	background-position:100% -32px;
	color:#333333;
}

#topnav ul li a.toplevelselected span {
	float:left;
	display:block;
	background:url(../images/top-nav-right.jpg);
	background-position:100% -64px;
	background-repeat:no-repeat;
	padding:0px 8px 0px 6px;
	margin-right:3px;
	color:#FFF;
	line-height:32px;
	}


#topnav ul li a.toplevelselected:link, #topnav a.toplevelselected:visited {
	background-position:0% -64px;
	color:#333333;
}

#topnav ul li a.toplevelselected:hover {
	background-position:0% -64px;
	color:#333333;
	}

#topnav ul li a.toplevelselected:hover span {
	background-position:100% -64px;
	color:#333333;
}


	
/*1st sub level menu*/
#topnav ul li ul{
position: absolute;
top:0px;
left: 0px;
display: block;
visibility: hidden;
z-index:20000;
background-color:#FFF;
border-top:3px solid #fff;
border-left:3px solid #fff;
width:198px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#topnav ul li ul li{
display: list-item;
float: none;
margin-bottom:3px;
margin-right:2px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#topnav ul li ul li ul{
top: 0px;
left:0px;
margin-left:1px;
margin-top:-3px;
border-top:3px solid #fff;
position: absolute;
display: block;
visibility: hidden;
background-color:#FFF;
width:198px;
}

/* Sub level menu links style */
#topnav ul li ul li a {
width: 170px; /*width of sub menus*/
padding: 5px;
padding-right:20px;
display:inline-block;
float:none;
border: 1px solid #D6D2D3;
line-height:normal;
}

#topnav ul li ul li a:link, #topnav ul li ul li a:visited { /*sub menus hover style*/
background-image:url(../images/leftnav-bg-sub.jpg);
background-repeat:no-repeat;
background-position:right;
margin: 0px;
}

#topnav ul li ul li a:hover { /*sub menus hover style*/
background-image:url(../images/leftnav-bg-sub.jpg);
background-repeat:no-repeat;
background-position:right;
color:#000;
border:1px solid #AEAEAE;
margin: 0px;
}


* html #topnav ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

/* ######### CSS classes applied to down and right arrow images

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}  ######### */