body {
 margin: 0px;
 font: 12px verdana;
 text-align: center;
 background: #153755;
}

#header {
 position: absolute;
 top: 0px;
 left: 50%;
 margin-left: -411px;
 width: 820px;
 height: 272px;
 background: url("layout/header.png") no-repeat;
}

#main {
 position: absolute;
 top: 272px;
 left:50%;
 margin-left: -411px;
 width: 820px;
 min-height: 313px;
 font-size: 13px;
 background: url("layout/filler.png") repeat-y;
}

#bg {
 min-height: 348px;
 background: url("layout/content.png") no-repeat;
}

#content {
 float: left;
 margin-left: 30px;
 width: 525px;
 text-align: left;
}

#side {
 float: right;
 margin-right: 11px;
}

#ad1 {
 padding: 5px 10px;
 width: 225px;
 height: 130px;
 font: normal 15px lucida sans unicode;
 text-align: center;
 text-shadow: #fff;
 background: url("layout/ad1.png") no-repeat;
}

#ad2 {
 padding: 5px 10px;
 width: 225px;
 height: 130px;
 font: normal 15px lucida sans unicode;
 text-align: center;
 background: url("layout/ad2.png") no-repeat;
}

#ad3 {
 padding: 5px 10px;
 width: 225px;
 height: 130px;
 font: normal 15px lucida sans unicode;
 text-align: center;
 background: url("layout/ad3.png") no-repeat;
}

#footer {
 clear: both;
 margin-bottom: -20px;
 padding-top: 20px;
 width: 820px;
 height: 57px;
 font-size: 10px;
 background: url("layout/footer.png") no-repeat;
}

h1.title {
 margin-top: 0px;
 font: bold 32px impact;
 text-align: center;
 color: #5C003C;
}

div.trainer {
 float: right;
}

table.classes {
 font-size: 13px;
 text-align: center;
}

td.one {
 width: 70px;
 background: #FFFF99;
}

td.two {
 width: 70px;
 background: #FFCC99;
}



#tabs ul {
 position: absolute;
 top: 236px;
 left: 50%;
 margin-left: -242px;
 padding: 0 15px 0 0;
 width: 550px;
 list-style: none;
}

#tabs ul a {
 float: left;
 padding: 5px 4px 5px 10px;
 display: block;
 font-weight: bold;
 text-decoration: none;
 color: #FFF;
 background: transparent url("layout/tabs.png") 0% -24px no-repeat;
}

#tabs li {
 float: left;
 margin: 0 1px 0 1px;
 padding: 0 7px 0 0;
 background: transparent url("layout/tabs.png") 100% -24px no-repeat;
}

#tabs ul li:hover {
 background-position: 100% -24px;
}
#tabs ul li:hover a {
 background-position:0% -24px;
}

li#menu {
 background-position: 100% 0px;
}
li#menu a {
 color: #FFF;
 background-position: 0% 0px;
}

li#menu:hover {
 background-position: 100% 0%;
}
li#menu:hover a {
 color: #FFF;
 background-position: 0% 0%;
}

span.rawtext {position:absolute; top:0px; left:0px;}
span.stroke1 {position:absolute; color:#FFF; top:-1px; left:-1px;}
span.stroke2 {position:absolute; color:#FFF; top:1px; left:1px;}
span.stroke3 {position:absolute; color:#FFF; top:-1px; left:1px;}
span.stroke4 {position:absolute; color:#FFF; top:1px; left:-1px;}
span.stroke5 {position:absolute; color:#FFF; top:2px; left:0px;}
span.stroke6 {position:absolute; color:#FFF; top:-2px; left:0px;}
span.stroke7 {position:absolute; color:#FFF; top:0px; left:2px;}
span.stroke8 {position:absolute; color:#FFF; top:0px; left:-2px;}