/* NAV */

div#nav 
{
	margin:3px auto;
	padding: 0;
    z-index:100;
	width:875px;
	height:47px;
}
div#nav ul 
{
	padding:0; 
    margin:0; 
    list-style: none;
    z-index:100;
}
div#nav ul li 
{
	float:left;
    position:relative;
    z-index:100;
		
}
div#nav ul li a 
{
	float:left;
	border:none;
	padding: 12px;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	height:21px;
}
div#nav ul li a:hover
{
    background:#d3365d;
        
}
/* NAV CLASS */
.selected 
{   
    background:#5187ad;
}

/* specific to non IE browsers */ 
div#nav ul li:hover a.top /* hover top level menu */
{
    background:#d3365d;
}

ul.parkinsons, ul.clients, ul.volunteers, ul.about
{   
    list-style-type:none;
    display:none;  
}

/* about Submenu */
div#nav ul li:hover ul.about
{
    display:block; 
    position:absolute; 
    float:left;
    top:44px; 
    left:0; 
    z-index:10; 
}

div#nav ul li:hover ul.about li
{
    position: relative;
    width: 170px;
    display: block;
    background:#d31f4c;
    border:solid 1px #d31f4c;
       
}
div#nav ul li:hover ul.about li a
{
    color:#fff;
    text-align:left;
    width:140px;
}

div#nav ul li:hover ul.about li a:hover
{
    color:#fff;
    text-decoration:underline;
    background:#d3365d;
}


/* parkinsons Submenu */
div#nav ul li:hover ul.parkinsons
{
    display:block; 
    position:absolute; 
    float:left;
    top:44px; 
    left:0; 
    z-index:10; 
}

div#nav ul li:hover ul.parkinsons li
{
    position: relative;
    width: 180px;
    display: block;
    background:#d31f4c;
    border:solid 1px #d31f4c;
       
}
div#nav ul li:hover ul.parkinsons li a
{
    color:#fff;
    text-align:left;
    width:155px;
}

div#nav ul li:hover ul.parkinsons li a:hover
{
    color:#fff;
    text-decoration:underline;
    background:#d3365d;
}

/* clients Submenu */
div#nav ul li:hover ul.clients
{
    display:block; 
    position:absolute; 
    float:left;
    top:44px; 
    left:0; 
    z-index:10; 
}

div#nav ul li:hover ul.clients li
{
    position: relative;
    width: 178px;
    display: block;
    background:#d31f4c;
    border:solid 1px #d31f4c;
       
}
div#nav ul li:hover ul.clients li a
{
    color:#fff;
    text-align:left;
    width:154px; 
}

div#nav ul li:hover ul.clients li a:hover
{
    color:#fff;
    text-decoration:underline;
    background:#d3365d;
}

/* volunteers Submenu */
div#nav ul li:hover ul.volunteers
{
    display:block; 
    position:absolute; 
    float:left;
    top:44px; 
    left:0; 
    z-index:10; 
}

div#nav ul li:hover ul.volunteers li
{
    position: relative;
    width: 140px;
    display: block;
    background:#d31f4c;
    border:solid 1px #d31f4c;
       
}
div#nav ul li:hover ul.volunteers li a
{
    color:#fff;
    text-align:left;
    width:116px;
}

div#nav ul li:hover ul.volunteers li a:hover
{
    color:#fff;
    text-decoration:underline;
    background:#d3365d;
}