body {
    margin:0;
    padding:0;
    background:#FFF;
}
#nav {
    overflow:hidden;/*Contain floated li & haslayout IE7*/
    margin:20px;
    padding:0;
    background:#F5DEB3;
    border:1px solid #000;
}
* html #nav {height:1%;}/*haslayout IE6*/

#nav li {
    float:left;	   
    list-style:none;
}
#nav li a,
#nav li a:visited {
    float:left;
    padding:20px 40px 8px 8px;
    background:#F5DEB3;
    border-right:1px solid #000;
    color:#000;
    font:bold 90% arial,helvetica,sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    text-shadow: 3px 3px 3px #666;
}
#nav li a:hover {
    background:#FFC473;
    color:#00F;
}
.home #nav li a#home,
.about #nav li a#about,
.contact #nav li a#contact {
    background:#FF9740; /*Highlight Current Page with classes on the body element*/
    text-shadow:none;
}
.home #nav li a#home:hover,
.about #nav li a#about:hover,
.contact #nav li a#contact:hover {
    background:#FF9740;
    color:#000;
}
#nav li a:active {
    background:#FFA500; /*turns this color briefly when link is selected*/
}