/* Curio dev*/
#curio #nav {
	font-family: arial;
	text-transform: uppercase; 
	width:850px;
	position:relative; 
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	z-index:100;
	line-height:20px;
	}
#curio #nav ul, #curio #nav ul ul {
	padding:0; 
	margin:0; 
	list-style-type: none;
	}
#curio #nav ul a {
	display:block;
	width:110px;
	font-size:10pt; 
	color:#ffffff; 
	text-decoration:none;
	font-weight:bold; 
	border:1px solid #ffffff; 
	/*overflow:hidden;*/
	}
#curio #nav ul li a {
	padding:3px;
	}
/*#curio #nav ul li:hover ul li a {
	 height:auto;
	}*/
#curio #nav ul li ul li a, #curio #nav ul li ul li a:visited {
	border:1px solid #ffffff;
	}
/* Set up the list items */
#curio #nav ul li {
	float:left; 
	background:#ff3300;
	}
/* For Non-IE browsers and IE7 */
#curio #nav ul li:hover {
	position:relative;
	}
/* Make the hovered list color persist */
#curio #nav ul li:hover > a, #curio #nav ul li:hover ul li:hover > a {
	position:relative;
	background:#ffffff; 
	color:#ff3300;
	}
#curio #nav ul li ul {
	display:none;
	}	
/* For Non-IE and IE7 make the sublevels visible on list hover.*/
#curio #nav ul li:hover > ul {
	display:block; 
	position:absolute; 
	top:27px;
	left:0px;
	width:110px;
	}
/* Position the first sub level beneath the top level links */
#curio #nav ul li:hover ul li:hover ul{
	top:0;
	left:117px;
	}
/* get rid of the table */
#curio #nav ul table {
	position:absolute; 
	border-collapse:collapse; 
	top:0; 
	left:0; 
	z-index:100; 
	font-size:1em;
	}
/*This is needed to trigger IE to show the sub levels */
* html #curio #nav ul li a:hover {
	position:relative; 
	background:#ffffff; 
	color:#ff3300;
	}
* html #curio #nav ul li ul {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	top:0px;
	left:0px;
	}
#curio #nav ul li a:hover ul ul, #curio #nav ul li a:hover ul a:hover ul ul{
	visibility:hidden;
	}
#curio #nav ul li a:hover ul {
	visibility:visible; 
	left:0; 
	top:26px;
	}
#curio #nav ul li a:hover ul a:hover ul, #curio #nav ul li a:hover ul a:hover ul a:hover ul{ 
	visibility:visible; 
	top:-1px;
	left:117px;
	}
#curio #nav ul li a.active {
	background:#ffffff;
	color:#ff3300;
	}
	
	/* End  Curio Nav*/
