/*
ADD THIS INTO THE .MASTER PAGE IN PLACE OF THE
<OBJECT ... CODE FOR THE FLASH NAV BUTTONS

THIS VERSION DOES NOT RELY ON ANY IMAGES OR
FLASH AND SHOULD REMAIN CONSISTANT ON THE
VARIOUS BROWSERS


<td style="width: 190px; height: 180px;">
    <ul id="nav">
        <li><a href="#">Home</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Job Seekers</a></li>
        <li><a href="#">Employers</a></li>
        <li><a href="#">Current Temps</a></li>
        <li><a href="#">Latest News</a></li>
        <li class="last"><a href="#">Contact Us</a></li>
    </ul>
exper matching jobseekers and employers.
*/
ul#nav
{
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #667C99;
}
/*
IF YOU OR SHIRLEY DO NOT LIKE THE INNER 
LINE COLOR OF THE NAV LINKS, THEN CHANGING
"BORDER-BOTTOM" WILL TAKE CARE OF THINGS.
*/
ul#nav li
{
    border-bottom: 1px solid #A5B5C6;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}
ul#nav li.top
{
    border-top: 1px solid #000000;
}
ul#nav li.last
{
    border-bottom: 1px solid #000000;
}
/*
HERE IS WERE THE ISSUES WITH ALIGNMENT AND SIZING
COMES FROM.  IN PARTICULAR, ADJUSTING FONT SIZE AND
THE PADDING WILL INCREASE THE RENDERED BUTTON SIZE
BUT IT IS AN IMPRECISE SCIENCE AND THEREFORE IT
DOES NOT ALIGN TO THE PROPER DIMENSIONS 
*/
ul#nav li a:link, ul#nav li a:visited
{
    text-decoration: none;
    display: block;
    /*width: 175px;*/
    width: 135px;
    padding: 6px 0px 5px 15px;
    background-color: #667C99;
    font: bold 11px verdana, arial, sans-serif;
    color: #FFFFFF;
}
ul#nav li a:hover
{
    background-color: #FFFF66;
    color: #333333;
}