.clear
{
	clear: both;
}

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

/* 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; float:left; 
	/*padding-left: 30px;*/
	height: 18px;
	line-height: 29px;
	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: 15px;
	list-style: none;
}

#nav ul li
{
	width: 100px;
	float: left;
	top: 15px;
	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:140px;
}

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

/* 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{
	color:#243149;
}