body {font-family: tahoma, "trebuchet MS", palatino, "palatino linotype", georgia, "times new roman", serif; font-size:90%; text-align:center; background:#d2dfd2; border:0; padding:0; margin:0;}

#container {width:700px; text-align:left; margin:15px auto 0 auto; position:relative; background:#fff url(../play_index/back.gif) 0 0 repeat-y; border:1px solid #d2dfd2; 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:#789; padding-left:0; font-family: tahoma, "trebuchet MS", palatino, "palatino linotype", georgia, "times new roman", serif; }
h3 {border-top:1px solid #eee;}


#header {width:700px; height:230px; overflow:hidden; background:#d2dfd2;}
#header h1 {width:700px; height:0px; padding-top:30px; overflow:hidden; background:transparent url(../play_index/rain_top.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/mist.jpg);}
* html #header h2 {height:200px; he\ight:0;}


#navigation {width:700px; height:50px; background:#d2dfd2;}
#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:#000; text-decoration:none; float:left; border:1px solid #000;text-indent:3px; border-color:#efe #676 #676 #fff; font-size:90%;}
#navigation a:hover {background:#e2efe2; color:#000; border-color:#efe #676 #676 #fff; line-height:normal;}

#slogan {width:700px; background:#345; border-bottom:5px solid #e8e8e8; 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:#d2dfd2;}

#links {width:180px; float:left; display:inline; margin-left:10px;}
#links h3 {color:#a00;}
#links ul {margin:0 0 20px 0; padding:0;}
#links li {list-style-type:none; font-size:70%; margin:2px;}
#links a {color:rgb(77,131,212); text-decoration:underline;}
#links a:hover {color:#000; 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:#fc6;}

#support li {list-style-image:none; list-style-type:decimal; font-size:75%;}
#support a {color:rgb(77,131,212); text-decoration:underline;}
#support a:hover {color:#000; text-decoration:none;}

#extra2 {text-align:left; width:700px; height:30px; font-size:80%; background:#234; color:#d2dfd2; border-top:5px solid #e8e8e8;}
#extra5 {position:absolute; bottom:50px; right:35px; background:transparent url(../play_index/mist2.jpg); width:150px; height:100px; overflow:hidden; z-index:300;}
#extra6 {position:absolute; bottom:50px; left:25px; background:transparent url(../play_index/mist1.jpg); width:124px; height:204px; overflow:hidden; z-index:30;}

#findit {display:none;}