/*#FFFFFF = black */
/*#000000 = white */
/*#666666 = gray  */
/******************/


/* button links */
a.rollover
{
    display:block;
    border-top:#000000 solid 1px;
    border-right:#000000 solid 1px;
    border-left:#000000 solid 1px;
    width:100px;
    background-color:#FFFFFF;
    color:#000000;
    font-weight:bold;
}
a.rollover:hover
{   
    background-color:#000000;
    color:#FFFFFF;

}

a.rollover:link, a.rollover:visited
{
    text-decoration:none;

}

a
{
    color:#333333;
    font-weight:bold;

}

a:hover
{   
    color:#666666;

}

a:link, a:visited
{
    text-decoration:none;

}



.navlist	
{	
    background-color:#FFFFFF;
    width:100px;

}
html>body .navlist, a:link, a:visited  
/*IE hack--IE ignores this--For non-IE browsers*/
{
    width:98px;
}

/*##################qotd depress buttons############################*/

/*#CC9933 = orange */
/*#0066CC = blue   */
/*#FFCC99 = peach  */
/*#FFFFFF = black */
/*#000000 = white */
/*#666666 = gray  */

a.depress:link, a.depress:visited
{   background-color:#000000;
    border-bottom:#003399 solid 1px;
    border-right:#003399 solid 1px;
    border-left:#99ccff solid 1px;
    border-top:#99ccff solid 1px;
    color:#FFFFFF;
    letter-spacing: .5pt;
    text-decoration:none;
    text-align:center;
    width:100px;
    display: block;
}
/*
a.depress:hover
{
   background-color: #FFFFFF;
   color:#000000;
}
*/
/* depress effect on click */
a.depress:active, a.depress:focus 
{   border-bottom:#99ccff solid 1px;
    border-left:#003399 solid 2px;
    border-right:#99ccff solid 1px;
    border-top:#003399 solid 1px;
    letter-spacing: .3pt;
    width:100px;
}
a.depress span.answer
{
    display:none;
}

a.depress:active span.answer
{
    display:block;
    position:absolute;
    top:150px;
    left:150px;
    width:300px;
}
a.depress:focus span.answer
{
    display:block;
    position:absolute;
    top:150px;
    left:150px;
    width:300px;
    color:#666666;
}




/*##################end qotd depress buttons########################*/




/*--------------------------------------------------------*/

.nav
{
    font-family:Comic Sans MS;
    background-color:#FFFFFF;
    height:143px;
    width:100px;
    border-bottom:#000000 solid 1px;
/*  --ALL BROWSER SECTION */
    position:relative;
    top:-4px;


}
html>body .nav  /*IE hack--IE ignores this--For non-IE browsers*/
{
    position:relative;
    top:-5px; /* 16px for background image*/
}

.tableblue
{
    background-color:#FFFFFF;

}

.content
{
    font-family:Comic Sans MS;
    background-color:#FFFFFF;
    /*text-align:center;*/
    width:560px;
    position:relative;
    top:-4px;

}
html>body .content  /*IE hack--IE ignores this--For non-IE browsers*/
{
    position:relative;
    top:-5px;
}





body
{
    background-color:#FFFFFF;

}

.imgsub
{
    width:760px;
    height:100px;
    border:0px;

}

.footer
{
    background-color:#FFFFFF;
    height:100px;
    width:760px;
    font-family:Comic Sans MS;
    position:relative;
    top:-4px;

}
html>body .footer  /*IE hack--IE ignores this--For non-IE browsers*/
{
    position:relative;
    top:-5px;
}

.baseline
{
    vertical-align:baseline;
    font-size:x-small;

}

.footerbuttons
{
    border:0;
    width:80px;
    height:15px;

}