body {font-family: "trebuchet MS", palatino, "palatino linotype", georgia, "times new roman", serif; font-size:90%; text-align:center; background:#888 url(../play_index/back_back.gif) top center repeat-y; border:0; padding:0; margin:0;}

#container {width:700px; text-align:left; margin:0 auto 5px auto; position:relative; background:#eee url(../play_index/red_container.gif) 0 0 repeat-y; border:1px solid #888; z-index:10;}
p {text-align:justify; text-indent:10px; font-size:75%; margin:10px 0 5px 0;}
h1, h2, h3 {font-weight:normal; margin:0; text-transform:uppercase; color:#c00; padding-left:0; font-family: verdana, sans-serif;}
h3 {border-top:1px solid #eee;}


#header {width:700px; height:230px; overflow:hidden; background:#c00;}
#header h1 {width:700px; height:0px; padding-top:30px; overflow:hidden; background:transparent url(../play_index/lock.gif);}
* html #header h1 {height:30px; he\ight:0;}

#header h2 {width:700px; height:0px; padding-top:200px; overflow:hidden; background:transparent url(../play_index/lock.jpg);}
* html #header h2 {height:200px; he\ight:0;}


#navigation {width:700px; height:50px; background:#c00; position:relative;}
#navigation h3 {display:none;}
#navigation ul {margin:0; padding:0;}
#navigation li {list-style-type:none; display:inline; width:100px;}
#navigation a {display:block; width:98px; height:48px; color:#fff; text-decoration:none; float:left; border:1px solid #000;text-indent:3px; border-color:#f00 #800 #800 #f00; font-size:90%;}
#navigation a:hover {background:#b00; color:#eee; border-color:#800 #b00 #f00 #800; line-height:20px;}


#slogan {width:700px; background:#c00; border-bottom:5px solid #000; margin-bottom:10px;}
#slogan h2 {font-size:114%; margin:0; font-weight:normal; padding-left:5px; color:#fff;}
#slogan blockquote {margin:-5px 0 0 -5px; padding:0; font-size:90%; color:#ccc;}

#links {width:180px; float:left; display:inline; margin-left:10px;}
#links h3 {color:#000;}
#links ul {margin:0 0 20px 0; padding:0;}
#links li {list-style-type:none; font-size:70%; margin:2px;}
#links a {color:#000; text-decoration:underline;}
#links a:hover {color:#c00; text-decoration:none;}

#support {width:460px; float:left; margin-left:35px;}
#welcome, #apology, #latest, #firefox, #comments, #approvals {margin-bottom:25px;}

.clear {clear:both;}
acronym {cursor:help; font-weight:bold; color:#000;}

#support li {list-style-image:url(../play_index/button.gif); font-size:75%;}
#support a {color:#c00; text-decoration:underline;}
#support a:hover {color:#000; text-decoration:none;}

#extra2 {text-align:left; display:block; height:2em; font-size:90%; background:#c00; color:#ddd; border-top:5px solid #000; border-bottom:1px solid #000;}
#extra2 p {margin:0;}

#extra5 {position:absolute; bottom:40px; right:35px; background:transparent url(../play_index/red2.jpg); width:150px; height:100px; overflow:hidden; z-index:300;}
#extra6 {position:absolute; bottom:40px; left:25px; background:transparent url(../play_index/red1.jpg); width:120px; height:200px; overflow:hidden; z-index:30;}

#findit {display:none;}