
<style type="text/css"> html, body {
        margin:0;
padding:0;
          
    }
    body {
        padding:0px;
        font:76%/150%  Arial, Helvetica, sans-serif;
    }
    a {
        text-decoration: none;
        outline: 0; /* removes dotted border around a:active from Firefox */
    }
    #nav {
        border-left:30px solid #EAEADA; border-right:1px solid #EAEADA; border-top:10px solid #EAEADA; border-bottom:0px solid #EAEADA; margin:0; padding:0; background:#EAEADA repeat-x 0 0; width:100%;
        float:left;
        
    }
    #nav li {
        display:inline;
        padding:0;
        margin:0;
    }
    #nav a:link,
    #nav a:visited {
        color:#333333;
        background:#EAEADA;
        padding:15px 20px 4px 20px;
        float:left;
        width:auto;
        
       
        font:bold 1em/1em Arial, Helvetica, sans-serif;
        
        
    }
    #nav a:hover {
        color:#fff;
        background:#3F2E1B;
    }
    #nav li:first-child a {
         solid ##3F2E1B;
    }
    #home #nav-home a,
    #library #nav-library a,
    #cdcs #nav-cdcs a,
    #yak #nav-yak a {
        background:#3F2E1B; /* Active Page Color */
        color:#fff;
        text-shadow:none;
    }
    #home #nav-home a:hover,
    #library #nav-library a:hover,
    #cdcs #nav-cdcs a:hover,
    #yak #nav-yak a:hover {
        background:#3F2E1B;
        color:#333333;
    }
    #nav a:active {
        background:#3F2E1B; /*turns this color briefly when link is selected*/
        color:#333333;
    }
</style>