/*******************************************************************/
/*******************************************************************/
/****************************** MENU *******************************/
/*******************************************************************/
/*******************************************************************/

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

} 
    
/*Style Outside level list element*/   
#nav li 
{ 
    float: left; 
    position: relative; 
    margin-left:.5em;
    margin-right:.5em;
    padding-right:0em;
    padding-left:0em;
    border: 0px solid #B0C4DE; 
    color: #ffffff;
    font-family: Verdana, Arial, sans-serif;
    font-size:8pt;
    font-weight:bold;
}

/*the links in the top-level menu to display as blocks, 
so they fill the rectangular areas defined by the menu items.*/
#nav a:link, #nav a:visited 
{ 
    display: block; 
    text-decoration: none; 
    color: #FFFFFF; 
    padding: 3pt 3pt 3pt 3pt;    /*center the text inside the block.  Top, Left, Bottom, Right*/
}

/*Top-level menu hover*/
#nav a:hover 
{ 
   /*color: #FFFFFF;*/ 
    color: #dbe7ef; 
}



/*******************************************************************/
/*******************************************************************/
/*****************************SUB MENU******************************/
/*******************************************************************/
/*******************************************************************/

/* By default, the sub-menus will not show. */
#nav ul 
{
    display: none;   /* makes sub-menu invisible */
    position: relative;  /* positions underneath */
    /* margin-left: -300px; */
}


/* The sub-menu */
#nav ul li a:link, #nav ul li a:visited
{
    display: block;
    text-decoration: none;
    color: gray;
    background-color: #ffffff;
    margin: 0;
    padding: 3pt 2pt 3pt 2pt; /*center the text inside the block*/
    font-size: 10pt;
    font-weight: normal;
    width: 180px;
    border: 1px solid #063d66;
}

/* Hover over sub-menu item */
#nav ul li a:hover 
{ 
    color: #063d66;    /* changes text color when hovered over */
    display: block;   /* makes sub-menu invisible */
    background-color: #e4edf4;
}

/* When you roll over original menu */
#nav li:hover ul,  #nav li.over ul
{ 
    display: block;   /* makes sub-menu invisible */
    position: absolute;  /* positions underneath */
}

.subnav {
	width: 200px;
	z-index:10;
	}