#subnav {
    width: 200px;
    position: relative;
    float: left;
    background-color: #CCCC99;
}


table.one {
   background-image:url(images/bg-home.gif)
}

td.two {
   background-image:url(images/learning-greenbg.gif);
}

a.three {
    font: bold 0.75em Arial, Helvetica, sans-serif;
    color: #cc0000;
}
a.three:link { color: #cc0000; text-decoration: none;}
a.three:visited { color: #cc0000; text-decoration: none;}
a.three:hover { color: #183555; text-decoration: none;}

a.nav {
    font: bold 0.75em Arial, Helvetica, sans-serif;
    color: #cc0000;
}
a.nav:link { color: #cc0000; text-decoration: none;}
a.nav:visited { color: #cc0000; text-decoration: none;}
a.nav:hover { color: #183555; text-decoration: none;}


#subnav p.nav {
    display: block;
    padding-left: 12px;
    font: bold 0.9em Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 90%;
    /* hack to set text indent in IE5 only */
    \text-indent: -1em;
    te\xt-indent: 0;
    color: #333333;
}