.clear
{
	clear: both;
}

#nav
{
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 30px;
}


/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li
{
	float: left;
	display: block;
	position: relative;
	z-index: 500;
	margin: 0 1px;
	line-height: 25px;

}

/* this is the parent menu */
#nav li a
{
	display: block;
	height: 18px;
	line-height: 25px;
	text-decoration: none;
	color: #BAC7DF;
	text-align: left;
}

#nav li a:hover
{
	color: #fff;
}

/* you can make a different style for default selected value */
#nav a.selected
{
	color: #f00;
}

/* submenu, it's hidden by default */
#nav ul
{
	position: absolute;
	left: -30px;
	display: none;
	top: 14px;
	list-style: none;
}

#nav ul li
{
	width: 100px;
	float: left;
	top: 14px;
	padding-left: 20px;
}

/* display block will make the link fill the whole area of LI */
#nav ul a
{
	display: block;
	height: 18px;
	padding-top: 3px;
	padding-bottom: 7px;
	padding-left: 10px;
	color: #243149;
	border-bottom: dashed 1px #d9d9d9;
	width: 150px;
}

#nav ul a:hover
{
	color: #BAC7DF;
	text-decoration: none;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul
{
	margin: 0 0 0 -2px;
}

#divHeaderSubNav li.selected ul li a,
#ulSubHeaderNav li a
{
	color: #65718a;
	text-decoration:none;
}
#divHeaderSubNav li.selected ul li a:hover,
#ulSubHeaderNav li a:hover
{
	color: #222f48;
	text-decoration:none;
}