#nav
{
    overflow: auto;
    margin: auto;
    padding: 0;
    text-align: center;
    list-style-type: none;
}

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

#nav a {
	display:block;
    padding: 5px 0;
	width:174px;
	text-align:center;
	text-decoration:none;
	color:#000000;
	background-color:#ffffff;
	font-weight:bold;
}

#nav li 
{
    display:block;
    float:left;
	padding-top:0;
	padding-bottom:0;
	font-size:12px;
	margin-right:12px;
}
 
#nav li ul {
    position:absolute;
    background:#ffffff;
    width:174px;
    border: 1px solid #cccccc;
    left:-999em;
    z-index:1;
}

#nav li ul a
{
    width:172px;
    background:#ffffff;
    text-align:left;
    padding:7px;
}
 
#nav li:hover ul, #nav li.sfhover ul {
    left:auto;
    text-align:left;
}

#nav li.ltblue, #nav li.blue, #nav li.green, #nav li.purple, #nav li.orange, #nav li.red, #nav li.black
{
    font-size:14px;
}

#nav li.blue a {
    border-bottom: 5px solid #006699;
}

#nav li.blue a:hover {
    background-color:#006699;
    color:#ffffff;
    }

#nav li.blue li a {
    border-bottom:none;
}

#nav li.blue li a:hover {
    background-color:#9fc9db;
    }

#nav li.orange a {
    border-bottom: 5px solid #f7921d;
}

#nav li.orange a:hover {
    background-color:#f7921d;
    color:#ffffff;
    }

#nav li.orange li a {
    border-bottom:none;
}

#nav li.orange li a:hover {
    background-color:#fcd3a5;  
    }

#nav li.green a {
    border-bottom: 5px solid #73b837;
}

#nav li.green a:hover {
    background-color:#73b837;
    color:#ffffff;
    }

#nav li.green li a {
    border-bottom:none;
}

#nav li.green li a:hover {
    background-color:#c7e3af;
    }

#nav li.red a {
    border-bottom: 5px solid #bc4f49;
}

#nav li.red a:hover {
    background-color:#bc4f49;
    color:#ffffff;
    }

#nav li.red li a {
    border-bottom:none;
}

#nav li.red li a:hover {
    background-color:#e5bdba;  
    }

    #nav li.purple {
    margin-right: 0;
    }

#nav li.purple a {
    border-bottom: 5px solid #7030a0;
}

#nav li.purple a:hover {
    background-color:#7030a0;
    color:#ffffff;
    }

#nav li.purple li a {
    border-bottom:none;
}

#nav li.purple li a:hover {
    background-color:#c6acd9;
    }

#nav li.black a {
    border-bottom: 5px solid #000000;
}

#nav li.black a:hover {
    background-color:#000000;
    color:#ffffff;
    }

#nav li.black li a {
    border-bottom:none;
}

#nav li.black li a:hover {
    background-color:#999999;
    }