* { margin:0px; padding:0px; }

body { background-color:#999; color:#000; font-family:"Verdana", "Arial", "Helvetica"; font-size:12.5px; min-height: 100%; margin-bottom: 1px; }

#overall { width:900px; }
a { text-decoration: none; color:#336699; }
a:hover { text-decoration: underline; }

#header { background-image:url('images/header_back.gif'); text-align:left; border-bottom:2px solid #039; }

#menu { width:150px; background-color:#9cf; font-size:11px; border-bottom:2px solid #039;}
#menu ul { list-style-type:none; width:150px; }
#menu ul li a { display:block; padding:5px; border-bottom:1px solid #69c; }
#menu ul li a.first { font-weight:bold; }
#menu ul li a:hover { background-color:#7ad; text-decoration:none; }

#content { width:900px; background-color:#fff; border-bottom:2px solid #039;}
#content h1 { background-color:#36c; color:#fff; font-size:18px; font-weight:bold; border-bottom:2px solid #006; padding:3px 10px 3px 10px; }

div#play
{
overflow:hidden;
position:relative;
height:503px;
width:660px;
border:5px solid;
background-color:#000000;
}


#image
{
position:absolute;
left:660px;
}


#subcontent { padding:10px;}
#subcontent h1 { font-size:15px; border-bottom:1px dashed #999; color:#36c; background-color:#fff; padding:0px; margin:0px 0px 5px 0px; }
#subcontent h57 { font-size:15px; border-bottom:0px dashed #999; color:#36c; background-color:#fff; padding:0px; margin:0px 0px 5px 0px; }
#subcontent p { margin-top:5px; margin-bottom:25px; }
#subcontent ol { margin-left:50px; }

#board { width:250px; float:right; font-size:10px; background-color:#eee; padding:10px; margin-left:10px; margin-bottom:10px; }

#footer { background-color:#9cf; text-align:center; padding-top:10px; padding-bottom:10px; border-bottom:2px solid #039; }
