body.mainpage { background-image: url('background.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-color: #f9e27f; margin: 0px 20px 20px 10px; }
body.menu {background-color: #9999ff; border: 0px; margin: 0px; padding: 0px;}

table { border-style: none; border-width: 0px; }

a img {border-style: none; border-width: 0px; }

td.titles {padding: 0px 20px; vertical-align: middle; }
td.titles2 {padding: 0px 30px; vertical-align: middle; }
.titles {vertical-align: middle; font-family: comic sans ms; color:#4C145E; font-size: 26pt; font-weight: bold; }
.lo {font-family: comic sans ms; color:#4C145E; font-size:12pt; font-weight:bold; }
.subtitles {font-family: comic sans ms; color:#024930; font-size:12pt; font-weight:normal; }
.frontinfo {font-family: comic sans ms; color:#024930; font-size:10pt; font-weight:bold; }
.frontinfo2 {font-family: comic sans ms; color:#c53201; font-size:11pt; font-weight:bold; }
.list {font-family: comic sans ms; color:#024930; font-size:11pt; font-weight:bold; }
.unitlinks {font-family: comic sans ms; color:#330099; font-size:12pt; font-weight:normal; }
.unitlinks2 {font-family: comic sans ms; color:#330099; font-size:10pt; font-weight:normal; } 
h3.footnotes {text-align: center; }
.footnotes {font-family: comic sans ms; color:#4C145E; font-size:12pt; font-weight:normal; text-align: left;}
.footnotes2 {font-family: comic sans ms; color:#E8112D; font-size:12pt; font-weight:normal; text-align: left;}
.VocabGames {font-family: comic sans ms; color:#660000; font-size:10pt; font-weight:bold; }
.Vocabgamestitles {font-family: comic sans ms; color:#660000; font-size:10pt; font-weight:bold; }
.vocabgamestable { padding: 0px 60px 0px 0px; font-family: comic sans ms; color:#660000; font-size:10pt; font-weight:bold; }
.accents {font-family: comic sans ms; color:#024930; font-size:10pt; font-weight:normal; }
.infopageheader {font-family: comic sans ms; color:#024930; font-size:12pt; font-weight:bold; }
.center {text-align: center; }
.left {text-align: left; }
.right {text-align: right; }
.menutitles {font-family: "kristen itc", "comic sans ms"; color:#4C145E; font-size:12pt; font-weight:bold; text-align: center; margin: 0px; }
.menuitems {padding: 0px; margin: 0px 0px 0px 15px; font-family: "comic sans ms"; color:#660000; font-size:12pt; font-weight:normal; }
.menuitems2 {padding: 0px; margin: 0px 0px 0px 15px; font-family: "comic sans ms"; color:#660000; font-size:10pt; font-weight:bold; }
.counter {font-family: "comic sans ms"; color:#660000; font-size:12pt; font-weight:normal; text-align: center; margin: 0px; }


a:link { color: #330066; text-decoration: none; }
a:visited { color: #6600CC; text-decoration: none; }
a:hover { color: #FF0066; text-decoration: none; }

a.jump:link { color: #66000; text-decoration: none; }
a.jump:visited { color: #9900FF; text-decoration: none; }
a.jump:hover { color: #33CC33; text-decoration: none; }
.jump {padding: 0px 20px; font-family: comic sans ms; color:#660000; font-size:12pt; font-weight:normal; }
.jump2 {padding: 0px 20px; font-family: comic sans ms; color:#E8112D; font-size:12pt; font-weight:normal; }

.ajbjump { padding: 0px 20px 0px 0px; font-family: comic sans ms; color:#660000; font-size:12pt; font-weight:normal; }
.ajbjumptable { margin: 0px 20px; }
.leftpadded { text-align: left; padding: 0px 0px 0px 40px; }

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ffffaa;
    color:#330099;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#FFFFAA}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:35em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}