@charset "iso-8859-1";

/*
 * idioms.css - kangguru.org
 *
 * private style sheet for idioms.htm
 *
 * another 'look' for block-of-links up top
 *
 */

/*
 * using this w/tblLayout...
 *
 * still need the div-elements w/class center - may move to td-element...
 *(colour-tricks depend on class 'center')
 */
table.tblIdiomsHeader
{
 width: auto !important;
 margin-left: auto;
 margin-right: auto;
}
table.tblIdiomsHeader td
{
 padding: 0 !important;
/* line-height: 150%; */
 vertical-align: top;
}
table.tblIdiomsHeader td a cite
{
 color: #900 !important;
 font-style: normal;
}
table.tblIdiomsHeader td,
table.tblIdiomsHeader td p
{
/* padding: 0 !important;       done in the anchor... */
 padding: 3px !important;     /* must have some padding here or IE steps on borders */
 text-align: center !important;
}
table.tblIdiomsHeader
{
 background-color: #bbb;
}
table.tblIdiomsHeader td
{
/* hard units...
 height: 4em;   */   /* *extremely* problematic! overflow problems in Firefox */

 height: 100% !important;
 background-color: #eee;
}
table.tblIdiomsHeader a
{
/*
 display: block;
 height: 100% !important;   hard-units trick here cause IE issues
 padding: .4em .5em;
 background-color: #e8dae7; */
 text-decoration: none;
}
table.tblIdiomsHeader a:hover
{
/* background-color: #fff4fa;
 text-decoration: none !important; */
}

/*
 * this hack will need to be centralized!
 *
 */

table.tblIdiomsHeader a:visited
{
/* force back to standard unvisited-look because
   IE doesn't distinguish between the hoards of local links;
   they all go purple since we're *on* the page already
 */
 color: #00c !important;
}
table.tblIdiomsHeader a:hover
{
/* great have to restate this or we've broken the hover-colour on visited link;
 */
 color: #00f !important;
}
table.tblIdiomsHeader a:focus,
table.tblIdiomsHeader a:active
{
 color: Red !important;
}