/* remove the list style */
#nav {
margin:0px;
padding:0px;
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:inline;
	/*background:#ccc;*/
	position:relative;
	/*z-index:500;*/
	padding:0px; margin:0px;
        
}

/* this is the parent menu */

#nav li span{
	cursor:default;
	display:block;
    padding:10px 10px 10px 10px;
    font-weight:bold;
	color:#ffffff;
}

#nav li a{
	display:block;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

#nav li a:hover {
  	text-decoration:underline;
}

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

/* submenu, it's hidden by default */
#nav ul {
	position:absolute; 
	left:5px; top:32px;
	display:none; 
	margin:0px; padding:0px;
	list-style:none;
	background:#53b2eb;
	box-shadow: 0 0 5px gray;
}

#nav ul li {
	width:200px;
	float:left;
	margin:0px; padding:0px;
	border-top:1px solid #ffffff;
	border-bottom:none;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
	display:block;
	margin:0px; padding:10px 15px 10px 15px;
	color:#ffffff;
    /*text-align:center;*/

}

#nav ul a:hover {
	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 0;*/
/*}*/