.clear
{
    clear:both;
}

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

/* make the LI display inline */
/* its position relative so that position absolute */
/* can be used in submenu */
#nav li
{
    float:left; 
    display:block; 
    /*width:100px; */
    /* background:#ccc; */
    position:relative;
    z-index:500; 
    margin:0 1px;
}

/* this is the parent menu */
#nav li a
{
    display:block;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 9px;
    /* font-weight:700;  */
    height:23px; 
    text-decoration:none; 
    /*font-size: 14pt;*/
    /* font-size: 1.2em; */
    font-size: 19px;
    /*color:#fff;*/ 
    text-align:center; 
    color:#336699;
}

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

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

/* submenu,  hidden by default */
#nav ul
{
    background-image : url(../images/menu-background.png);
    position:absolute; 
    left:0; 
    display:none; 
    margin:0 0 0 -1px; 
    padding:0; 
    list-style:none;
}

#nav ul li
{
    /*width:100px; */
    float:left; 
    border-top:1px solid #FFFFFF;
    padding-bottom: 8px;
}

/* display block will make the link fill the whole area of LI */
#nav ul a
{
    display:block;  
    height:15px;
    color:#336699;
}

#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 -2px;
}