body {
        background-color: #eeeeff; 
        color: #000000;
        background: url(uucards_back3.jpg); 
        margin-top: 1px; 
        margin-left: 5px; 
        margin-right: 5px;
        margin-bottom: 15px; 
        afont-size: 12px; 
}

a:active      {atext-decoration: none; color: #ee0000}
a:link        {atext-decoration: none; color: #0000ee}
a:visited     {atext-decoration: none; color: #0000ee}
a:active      {atext-decoration: none; color: #ee0000}
a:hover       {atext-decoration: none; color: #cc00cc}

.titletable { width: 100%; margin: 0 auto; background: #2f245e; }
.titletable tr { text-align: center; vertical-align: top; }

.titleicon1 { width: 77px; height: 71px; }
.titleicon2 { width: 20px; border: 0 none; }

.titletext1a { font-size: 2.00em; }
.titletext1b { font-size: 1.30em; color: #eeeeee; }
.titletext2  { font-weight: bold; }

.titletext1a, .titletext2 { color: #c2a257; }

.nametext1 {color: #0000ff; font-weight: bold; text-decoration: underline;}
.nametext2 {color: #000000; font-weight: bold; text-decoration: none;}
.mempic { afloat: left; amargin: 0 7px; aborder: 3px solid; width: 150px; }
.new { font-weight: bold; color: #dd0000; }

a.sitelink:link       {font-size: 1.0em; text-decoration: underline; font-weight: bold; text-align: center; color: #0000ee}
a.sitelink:visited    {font-size: 1.0em; text-decoration: underline; font-weight: bold; text-align: center; color: #1100ee}
a.sitelink:active     {font-size: 1.0em; text-decoration: underline; font-weight: bold; text-align: center; color: #1100ee}
a.sitelink:hover      {font-size: 1.0em; text-decoration: underline; font-weight: bold; text-align: center; color: #cc00cc}

a.emaillink:link      {font-size: 1.0em; text-decoration: underline; afont-weight: bold; text-align: center; color: #0000ee}
a.emaillink:visited   {font-size: 1.0em; text-decoration: underline; afont-weight: bold; text-align: center; color: #1100ee}
a.emaillink:active    {font-size: 1.0em; text-decoration: underline; afont-weight: bold; text-align: center; color: #1100ee}
a.emaillink:hover     {font-size: 1.0em; text-decoration: underline; afont-weight: bold; text-align: center; color: #cc00cc}

a.pageslink:link       {font-size: 1.0em; text-decoration: underline; font-weight: bold; text-align: center; color: #0000ee}
a.pagesllink:visited    {font-size: 1.0em; text-decoration: underline; font-weight: bold; text-align: center; color: #1100ee}
a.pagesllink:active     {font-size: 1.0em; text-decoration: underline; font-weight: bold; text-align: center; color: #1100ee}
a.pagesllink:hover      {font-size: 1.0em; text-decoration: underline; font-weight: bold; text-align: center; color: #cc00cc}

.extratitle { font-size: 1.2em; font-style: italic; }

.navtable { background: #ee0000; padding: 0; border: 1px solid; width: 100%; border-collapse: collapse;}
.navtable td { text-align: center; border: 1px solid #cccccc; }

.divcenter { text-align: center; }

a.navlink{
    position:relative; /*this is the key*/
    z-index:24; abackground-color:#ccc;
    color:#000;
    text-decoration:none}

a.navlink:hover{z-index:25; abackground-color:#eee}

a.navlink span{display: none}

a.navlink:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:12em;
    border:1px solid #0cf;
    padding: 2px;
    background-color:#cff; 
    color:#000;
    font-size: 0.72em;
    font-weight: normal;
    text-align: center}


a.navlink:active      {text-decoration: none; font-weight: bold; text-align: center; color: #000000}
a.navlink:link        {text-decoration: none; font-weight: bold; text-align: center; color: #000000}
a.navlink:visited     {text-decoration: none; font-weight: bold; text-align: center; color: #000000}
a.navlink:active      {text-decoration: none; font-weight: bold; text-align: center; color: #000000}
a.navlink:hover       {text-decoration: none; font-weight: bold; text-align: center; color: #000000}

.boldund {acolor: #000000; font-weight: bold; text-decoration: underline;}
.uutext1 {color: #000000; font-size: 14px;}
.newtext {color: #220000; font-family: Arial black; font-style: italic;}

.roundall {
-webkit-border-radius: 10px 10px;
-khtml-border-radius: 10px 10px;
-moz-border-radius: 10px 10px;
border-radius: 10px 10px;
}

.mainpagediv { width: 90%; margin: auto; }

.mainpagetable { width: 100%; border: 0 none; aborder-collapse: collapse; border-spacing: 20px; }
.mainpagetable td { vertical-align: top; padding: 10px; text-align: left; }

.bignamediv { border: 4px groove #ddffff; background-color: #eeeeee; padding: 0 7px; font-size: 2.2em; font-weight: bold; text-align: center; }
.bignametable { width: 100%; border: 0 none; border-collapse: collapse; padding: 0; }
.bignametable td { padding: 0; afont-size: 2.2em; afont-weight: bold; text-align: center; }

.imageborderdiv1 { padding: 0; border: 0 none; background-color: #ccc; color: inherit; margin-right: 4px; margin-top: 4px; line-height: 0; }
.imageborderdiv2 { position: relative; bottom: 4px; left: 4px; background-color: #666666; color: inherit; }

.extrasholder { margin: auto; width: 93%; }

.listing_table { border: 1px solid #999; border-collapse: collapse; }
.listing_table td { border: 1px solid #999; border-collapse: collapse; padding: 2px 5px; vertical-align: top; }

.newspan { color: #e00; font-style: italic; }

.partop, .parbottom { display:block; }
.partop *, .parbottom * { display: block; height: 1px; overflow: hidden; font-size: 0; }
.par1, .par2, .par3, .par4, .parbox1, .parbox2 { background: #ddddee; border-width: 0 1px 0 1px; border-style: solid; border-color: #dddddd; } 
.par1 { margin: 0 5px; }
.par2 { margin: 0 3px; }
.par3 { margin: 0 2px; }
.par4 { margin: 0 1px; height: 2px; }
.parbox1 { border-width: 0 4px; color: #000000; padding: 5px 10px; }
.parbox2 { border-width: 0 4px; color: #000000; font-size: 1.2em; font-weight: bold; padding: 3px 7px; }

.basiccolor1 { border-color: #ffffff; background: #ffffff; }
.basiccolor2 { border-color: #deb887; background: #deb887; }
.basiccolor3 { border-color: #eeeeff; background: #eeeeff; }
.biocolor1 { border-color: #ffffff; background: #ffffff; }
.biocolor2 { border-color: #eeaaaa; background: #eeaaaa; }
.workcolor1 { border-color: #ffffff; background: #ffffff; }
.workcolor2 { border-color: #ccccee; background: #ccccee; }

.wiptable { width: 100%; border: 1px solid; border-collapse: collapse; }
.wiptable td { border: 1px solid; border-collapse: collapse; padding: 1px 2px; vertical-align: top; }

.bottomnavtable { aborder: 1px solid; text-align: center; border-collapse: collapse; margin: auto; margin-bottom: 10px; width: 98%; }
.bottomnavtable td { border-collapse: collapse; padding: 0; }
.bottomnavinnertable { border: 0 none; text-align: center; margin: 0 auto; aborder-collapse: collapse; }
.bottomnavcell { text-align: center; border: 1px solid #444444; background-color: #eeaaaa; font-size: 12px; }

.profiletitle { color: #000000; font-size: 1.4em; font-weight: bold;  }
.profiletext { font-size: 0.95em; padding-left: 1.0em; }
.profilequestion { font-size: 0.95em; font-weight: bold; font-style: italic; }

@media print {
.noshowonprint { display: none; }
}