body.mainpage { background-image: url("fabric.png");background-color: #A9BCF5; margin: 0px 20px 20px 10px; }
body.menu { background-image: url("fabric.png");background-color: #A9BCF5; border: 0px; margin: 0px; padding: 0px;}

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

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

div {border: 0px solid #a1a1a1; margin: 10px 10px; padding: 5px 5px; background: #ffffff; width: 95%; box-shadow: 4px 6px 6px #888888; border-radius: 8px;}
ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
#menu {border: 0px solid #a1a1a1; margin: 10px 20px; padding: 2px 2px; background: #ffffff; width: 80%; box-shadow: 4px 6px 6px #888888; border-radius: 8px;}
#advert {border: 0px solid #a1a1a1; margin: 10px 10px; padding: 5px 5px; background: #ffffff; width: 95%;}
#advertmenu {border: 0px solid #a1a1a1; margin: 10px 5px; padding: 2px 2px; background: #ffffff; width: 80%;}
#frontbox {height: 210px; width: 210px; border: 0px solid #a1a1a1; margin: 10px 10px; padding: 5px 5px; background: #ffffff; width: 95%; box-shadow: 4px 6px 6px #888888; border-radius: 8px;}

td.titles {padding: 0px 20px; vertical-align: middle; }
td.titles2 {padding: 0px 30px; vertical-align: middle; }
.titles {align: center; vertical-align: middle; font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#4C145E; font-size: 26pt; font-weight: bold; }
.lo {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#ed1f85; font-size:12pt; font-weight:bold; }
.notice {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#DF0101; font-size:12pt; font-weight:bold; }
.subtitles {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#0B0B61; font-size:12pt; font-weight:normal; }
.frontinfo {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#0B0B61; font-size:10pt; font-weight:bold; }
.frontinfotable {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#0B0B61; font-size:12pt; font-weight:normal; }
.frontinfo2 {font-family:"trebuchet ms", helvetica, arial, sans-serif; color:#c53201; font-size:11pt; font-weight:bold; }
.frontinfo3 {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#0B0B61; font-size:10pt; font-weight:normal; }
.list {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#0B0B61; font-size:11pt; font-weight:bold; }
.unitlinks {padding: 5px; font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#0B0B61; font-size:13pt; font-weight:normal; }
.unitlinks2 {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#330099; font-size:10pt; font-weight:normal; } 
h3.footnotes {text-align: center; }
.footnotes {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#4C145E; font-size:12pt; font-weight:normal; text-align: left;}
.footnotes2 {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#E8112D; font-size:12pt; font-weight:normal; text-align: left;}
.VocabGames {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#0B0B61; font-size:10pt; font-weight:bold; }
.Vocabgamestitles {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#0B0B61; font-size:10pt; font-weight:bold; }
.vocabgamestable { padding: 0px 60px 0px 0px; font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#0B0B61; font-size:10pt; font-weight:bold; }
.accents {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#0B0B61; font-size:11pt; font-weight:normal; }
.infopageheader {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#4C145E; font-size:12pt; font-weight:bold; }
.center {text-align: center; }
.left {text-align: center; }
.right {text-align: right; }
.menutitles {font-family: "trebuchet ms", helvetica, arial, sans-serif;; color:#4C145E; font-size:12pt; font-weight:bold; text-align: center; margin: 0px; }
.menuitems {padding: 0px; margin: 0px 0px 0px 0px; font-family: "trebuchet ms", helvetica, arial, sans-serif; font-size:12pt; font-weight:bold; text-align: left;}
.menuitems2 {padding: 0px; margin: 0px 0px 0px 15px; font-family: "trebuchet ms", helvetica, arial, sans-serif;; 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; }
.choice {font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#024930; font-size:16pt; font-weight:bold; }


a:link { color: #330066; text-decoration: none; }
a:visited { color: #6600CC; text-decoration: none; }
a:hover { color: #FF0066; text-decoration: none; }
a:hover, a:active { background-color: #F5A9A9; border-radius: 8px;}

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: "trebuchet ms", helvetica, arial, sans-serif; color:#ed1f85; font-size:16pt; font-weight:bold; }
.jump2 {padding: 0px 20px; font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#E8112D; font-size:12pt; font-weight:normal; }

.ajbjump { padding: 0px 20px 0px 0px; font-family: "trebuchet ms", helvetica, arial, sans-serif; color:#660000; font-size:12pt; font-weight:bold; }
.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}