/* Horizontal Navigation with dropdowns */

/*

If changing the height of the nav, make sure you update "#navigation ul li ul"
so that the "top" option is the same as the new height

*/

#navigation {
height: 50px;
width: 560px;
float: right;
margin:0pt 15px 0pt 0pt;
}

#navigation ul {
list-style-type:none;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height: 50px;
padding:0pt 20px 0px 10px;
position: relative;
z-index: 99;
background: #fff;
}

#navigation li {
display:block;
float:left;
background: url(../img/navigation-seperator.gif) no-repeat right center;
position: relative;
}

#navigation li.nav-last {
background: none;
}







#navigation ul li a, #navigation li a:visited {
color:#333;
display:block;
float:left;
font-family: Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration:none;
margin-top: 5px;
padding: 15px 10px 20px 10px;
}
#navigation li a:hover {
background: url(../img/icons/navigation-selected-icon.gif) no-repeat top center;
}

#navigation li a.active {
	background: url(../img/icons/navigation-selected-icon.gif) no-repeat top center;
}



#navigation ul.sub2 {
	background: #fff none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	display:none;
	height:auto;
	left:0;
	padding:5px 10px;
	position:absolute;
	top:50px;
	width:110px;
	z-index:5;
	border-top: none;
}

* html #navigation ul.sub2 {
top: 54px;
}


#navigation ul.sub2 li  {
	background: none;
	display:block;
	float:left;
	position:relative;
	height:auto;

	
}




#navigation ul.top-nav ul.sub2 li a {
	border-bottom:1px solid #ccc;
	padding:1px 3px 5px 5px;

	width:100px;
	float:left;
	display: block;

	height: 10px;
	line-height: 10px;
}

#navigation ul.top-nav ul.sub2 li.nav-last a {
border-bottom: none;
}



#navigation ul.sub2 li a.no-border {
	border: none;
}

#navigation ul.sub2 li a:hover {
	background: none;
	color: #a64f58;
}