html, body { margin:0; padding:0; border:0; }
body { font-size:0.9rem; color:#000; font-family:Verdana, Arial; background:url(images/bg.gif) fixed; line-height:1.3em; }

.top { margin:0 auto; width:100%; max-width:980px; height:20px; background:url(images/top.gif) center top no-repeat; }
.container { margin: 0px auto; width:100%; max-width:980px; padding: 0; background: #fff; }
.container img{ width:100%; border:none; }
.bottom { margin:0 auto; width:100%; max-width:980px; height:20px; color:#17394b; font-size:0.9rem; text-align:center; background:url(images/bottom.gif) center bottom no-repeat;}

.header { float:left; height:30px; padding:5px; padding-left:20px; }
.header h1{ font-size:1.3rem; display:inline; }
.main { float:left; padding:10px; margin:0; background: #fff; }
.main p { margin:0; padding:5px 0; }
.play { clear:both; width:60%; margin:10px auto; text-align:center; padding:10px 0; background:#698b10; border:1px solid #89b500; border-radius: 5px; }
@media screen and (max-width:768px) { .play {width:95%;} }
.play a { color:#fff; font-weight:bold; }
.footer { margin:0 auto; width:100%; max-width:980px; padding:5px 0; text-align:center; }
.menu { margin:0px 3px 0px 3px; padding: 0; height:33px; float:left; width:96%; border-bottom:2px solid #89B500; border-top:2px solid #496322; background:url(images/link_pat.jpg) left top repeat-x; }
.menu ul { float:left; padding:0px; margin: 0px; height:33px; display:inline; }
.menu li { padding: 0px 1px 0px 0px; margin: 0px; list-style-type: none; display: inline; font-size:0.8rem; text-transform:capitalize; float:left; background: url(images/link_split.jpg) right top no-repeat;}
.menu li a { color:white; line-height:33px; padding:7px 12px 8px 12px; text-decoration:none;}
.menu li a:visited { color:white; text-decoration:none;}
.menu li a:hover { color:white;  background: url(images/link_hover.jpg) left top repeat-x; text-decoration:none; }