body, table{text-align:left;font-size:8pt;
          color:white;
          font-family:verdana, helvetica, georgia, sans-serif;
          background-color:#5eaafa;
      background-image:url(blue2blue.png);background-repeat:repeat-x;}

body {margin-top:20px;
         }
h1 {background-color:#003adf;
    padding-top:10px;}  
/*
#container {margin-left:auto;margin-right:auto;text-align:center;z-index:0;}
*/

#container {
margin-left:auto;
margin-right:auto;
position:relative;
text-align:center;
width:730px;
z-index:0;
}

#themenu {padding:7px 0px 0px 0px;margin:auto;width:725px;text-align:center;
           background-image:url(menuback.png);  background-repeat: no-repeat;
           } 
              
#c {color:#DF3A00;}  /* the C in Cybertrain*/   
td {border:1px solid white;text-align:left;background-color:#303030;padding:5px;}
.backbox
    {            border-left:1px solid gray;
                  border-right:1px solid #222222;
                  border-top:1px solid gray;
                  border-bottom:1px solid #222222;
                 padding:4px; 
                  background-color:#008cff;
                  margin-left:auto;margin-right:auto;
  width:720px;
     }

.box {border:silver 1px solid;}
/*
.menubar a {
     background-color:#DF3A00;
     border-left:1px solid #ffa200;
     border-right:1px solid black;
     border-top:1px solid #ffa200;
     border-bottom:1px solid black;
     padding:3px;
     text-decoration:none;
     color: white;
     font-family: verdana, georgia, sans-serif;
     font-weight: bold;
     text-align:center;
     display:block;
    }

.menubar a:hover {
                border-left:1px solid black;
                border-right:1px solid #ffa200;
                border-top:1px solid black;
                border-bottom:1px solid #ffa200;
                padding:3px;
               text-decoration:none;
               color:navy;
               background-color:#df3a00;
               font-family: verdana, georgia, sans-serif;
               font-weight: bold;
               display:block;
               text-align:center;               
                              
         }
*/
.menubar a
   {border-left:1px solid #ffa200;
     border-right:1px solid black;
     border-top:1px solid #ffa200;
     border-bottom:1px solid black;
     padding:2px 3px 2px 3px;  
     display:inline;width:80px; 
     text-decoration:none;
     text-align:center;margin-left:auto;margin-right:auto;
     color: white;
     font-family: verdana, georgia, sans-serif;
     font-weight:bold;
     background-color:#DF3A00;
     margin-top:3px;
   }

.menubar a:hover
    {border-left:1px solid black;
                border-right:1px solid #ffa200;
                border-top:1px solid black;
                border-bottom:1px solid #ffa200;
                padding:2px 3px 2px 3px;  
                display:inline; width:80px; 
                text-decoration:none;
                text-align:center;margin-left:auto;margin-right:auto;
                color:#ffd700;

         }


 /* hide any spans inside <a> tags show then when hovering over a link */

a span {display: none;} 

/*
a:hover span {display: inline;
                        position:absolute;top:25px;left:600px;width:300px;
                        text-decoration: none;
                        background-color:#008cff;}
*/

a:hover span {
background-color:#008CFF;
display:inline;
left:5px;
position:absolute;
text-decoration:none;
top:25px;
width:720px;
}

.mainmessage {text-align:left;margin-left:auto;margin-right:auto;
  background-color:#003adf;
  width:700px;padding:4px;
     border-left:1px solid black;
     border-right:1px solid #aaaacc;
     border-top:1px solid black;
     border-bottom:1px solid #aaaacc;
margin-top:5px;
}

.heading
    {            border-left:1px solid gray;
                  border-right:1px solid #222222;
                  border-top:1px solid gray;
                  border-bottom:1px solid #222222;
                  padding:4px;
                  background-color:#003adf;
     }