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

#container {width:550px; text-align:left; margin:0 auto 0 auto; position:relative; background:transparent url(../no10/content_back.jpg);  z-index:1;}
p {text-align:justify; text-indent:10px; font-size:85%; margin:10px 0 5px 0;}
h1, h2, h3 {font-weight:normal; margin:0; text-transform:uppercase; color:#000; padding-left:0;}

#header {position:relative; width:550px; height:335px; overflow:hidden; background:transparent;}
#header h2 {width:420px; top:30px; height:0px; padding-top:335px; overflow:hidden; background:transparent  url(../no10/topic.jpg) 0 0 no-repeat;}
* html #header h2 {height:335px; he\ight:0;}

#header h1 {position:absolute; top:0; right:20px; width:380px; height:0px; padding-top:43px; overflow:hidden; background:transparent url(../no10/playground.jpg) 0 0 no-repeat;}
* html #header h1 {height:43px; he\ight:0;}


#navigation {position:relative; width:450px; height:189px; background:transparent url(../no10/nav.jpg) 0 0 no-repeat; overflow:hidden;}
#navigation h3 {display:none;}
#navigation ul {margin:0 0 0 5px; padding:0;}
#navigation li {list-style-type:none; width:400px; height:27px; overflow:hidden;}
#navigation ul li a#demos {position:relative; display:block; width:400px; padding-top:27px; height:0; color:#000; text-decoration:none; background:transparent url(../no10/demo.gif) -110px -50px no-repeat; overflow:hidden;}
#navigation ul li a#menus {position:relative; display:block; width:400px; padding-top:27px; height:0; color:#000; text-decoration:none; background:transparent url(../no10/menus.gif) -110px -50px no-repeat; overflow:hidden;}
#navigation ul li a#layouts {position:relative; display:block; width:400px; padding-top:27px; height:0; color:#000; text-decoration:none; background:transparent url(../no10/layouts.gif) -110px -50px no-repeat; overflow:hidden;}
#navigation ul li a#boxes {position:relative; display:block; width:400px; padding-top:27px; height:0; color:#000; text-decoration:none; background:transparent url(../no10/boxes.gif) -110px -50px no-repeat; overflow:hidden;}
#navigation ul li a#mozilla {position:relative; display:block; width:400px; padding-top:27px; height:0; color:#000; text-decoration:none; background:transparent url(../no10/mozilla.gif) -110px -50px no-repeat; overflow:hidden;}
#navigation ul li a#explorer {position:relative; display:block; width:400px; padding-top:27px; height:0; color:#000; text-decoration:none; background:transparent url(../no10/explorer.gif) -110px -50px no-repeat; overflow:hidden;}
#navigation ul li a#opacity {position:relative; display:block; width:400px; padding-top:27px; height:0; color:#000; text-decoration:none; background:transparent url(../no10/opacity.gif) -110px -50px no-repeat; overflow:hidden;}

* html #navigation a:link, * html #navigation a:visited {height:27px; he\ight:0;}

#navigation a#demos:hover {position:relative; top:-3px; height:0; padding-top:32px; background-position:top right; overflow:hidden;}
* html #navigation a#demos:hover {height:32px; he\ight:0;}
#navigation a#menus:hover {position:relative; top:-3px; height:0; padding-top:32px; background-position:top right; overflow:hidden;}
* html #navigation a#menus:hover {height:32px; he\ight:0;}
#navigation a#layouts:hover {position:relative; top:-3px; height:0; padding-top:32px; background-position:top right; overflow:hidden;}
* html #navigation a#layouts:hover {height:32px; he\ight:0;}
#navigation a#boxes:hover {position:relative; top:-3px; height:0; padding-top:32px; background-position:top right; overflow:hidden;}
* html #navigation a#boxes:hover {height:32px; he\ight:0;}
#navigation a#mozilla:hover {position:relative; top:-3px; height:0; padding-top:32px; background-position:top right; overflow:hidden;}
* html #navigation a#mozilla:hover {height:32px; he\ight:0;}
#navigation a#explorer:hover {position:relative; top:-3px; height:0; padding-top:32px; background-position:top right; overflow:hidden;}
* html #navigation a#explorer:hover {height:32px; he\ight:0;}
#navigation a#opacity:hover {position:relative; top:-3px; height:0; padding-top:32px; background-position:top right; overflow:hidden;}
* html #navigation a#opacity:hover {height:32px; he\ight:0;}

#slogan {position:absolute; top:45px; right:25px; width:108px; height:284px; background:transparent url(../no10/slogan.gif) 0 0 no-repeat; z-index:100;}
#slogan h2 {display:none;}
#slogan blockquote {display:none;}

#links {display:none; width:220px; margin-top:20px; padding-top:5px;}
#links h3 {color:#a00;}
#links ul {margin:0 0 20px 0; padding:0;}
#links li {list-style-type:none; font-size:80%; margin:2px;}
#links a {color:rgb(77,131,212); text-decoration:underline;}
#links a:hover {color:#000; text-decoration:none;}

#support {width:500px;}
#support p {margin-left:120px;}
#welcome, #apology, #latest, #firefox, #comments, #approvals {margin-bottom:25px; padding-top:5px; position:relative;}

#welcome h3 {display:block; padding-top:100px; height:0; width:97px; position:absolute; left:0; top:10px; overflow:hidden; background:transparent url(../no10/welcome.gif);}
#apology h3 {display:block; padding-top:100px; height:0; width:97px; position:absolute; left:0; top:10px; overflow:hidden; background:transparent url(../no10/apology.gif);}
#firefox h3 {display:block; padding-top:100px; height:0; width:97px; position:absolute; left:0; top:10px; overflow:hidden; background:transparent url(../no10/styles.gif);}
#latest h3 {display:block; padding-top:100px; height:0; width:97px; position:absolute; left:0; top:10px; overflow:hidden; background:transparent url(../no10/latest.gif);}
#comments h3 {display:block; padding-top:100px; height:0; width:97px; position:absolute; left:0; top:10px; overflow:hidden; background:transparent url(../no10/comment.gif);}
#approvals h3 {display:block; padding-top:100px; height:0; width:97px; position:absolute; left:0; top:10px; overflow:hidden; background:transparent url(../no10/approval.gif);}
* html #support h3 {height:100px; he\ight:0;}


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

#support ul, #support ol {margin-left:160px;}
#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 {position:relative; width:520px; height:30px; font-size:80%; background:transparent; color:#000;}
#extra2 p {float:right;}
#extra5 {display:none; position:absolute; bottom:40px; right:0; background:transparent url(../fish/fish1.jpg); width:160px; height:100px; overflow:hidden; z-index:300;}
#extra6 {display:none; position:absolute; bottom:40px; left:0; background:transparent url(../fish/fish3.jpg); width:215px; height:200px; overflow:hidden; z-index:30;}
#extra3 {display:none;}

#findit {display:none; position:absolute; top:348px; right:20px; z-index:50; width:9em;}
#findit p {text-align:center;}
#searchform {font-size:70%; text-transform:uppercase; text-align:center;} 
#searchtext {border:0; background:#fff; width:9em;}
#find_button {border:1px solid #efefef; background:#efefef; color:#000; cursor:pointer; height:1.4em; width:9em;}