body {
 margin:20px;
 background:#0000FF;
 color: #333333;
 text-align:center;
 padding:0;
 }

#outer {
 text-align:left;
 border:1px solid #000000;
 width:900px;
 margin:auto;
 }

#hdr {
 height:95px;
 background:#FF0000;
 color: #333333;
 border: 0
 }

#mid {
 background-color:#dcdcdc;
 background-image: url(pics/mathmadness.gif);
 background-position:left;
 
 width:900px;
 padding:0;
 border-width:0;
 }

#menu {
 border:#000000;
 color: #333333;
 width:145px;
 float:left;
 padding:0;
 margin:0;
 border-width:0;
 }

#cont {
 position:relative;
 width:755px;
 background:#ffffff;
 color: #333333;
 border-left-color:#FFFFFF;	
 border-width:0 0 0 1px;
 text-align:left;
 padding-left:0;
 }

#ftr {
 height:25px;
 background-image:url(pics/bottombar.jpg);
 background-color:#c0c0c0;
 color: #333333;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 }
 
.buttonscontainer {width: 145px;}

.buttons a {
color: #FF0000;
border: 1px solid;
background-image:url(pics/regularbutton.jpg);
background-size: 100%;
background-color: #dcdcdc;
padding: 2px;
padding-left: 3px;
font: 13px 'Comic Sans MS';
font-weight: bold;
text-decoration: none;
border-color: #666666;
display: block;
margin: 0px;
width: 95%;
text-align: left;}

.buttons a:hover {border: 1px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-image:url(pics/depressedbutton.jpg);
background-size: 100%;
background-color: #FF0000;
border-color: #666666;
color: #0000FF;
text-decoration: none;}