body {font-family: "lucida sans unicode", arial, sans-serif; font-size:76%; background:#b4ddf1 url(../blue/body1.gif) no-repeat fixed; text-align:center;}

#container {width:700px; margin:0 auto 0 auto; text-align:left; position:relative; background:#4ad url(../blue/back.gif) 0 0 no-repeat; border:1px solid #fff;}
p {text-align:justify; font-size:11px; color:#fff; margin:10px 0 5px 0; line-height:1.5em;}
h1, h2, h3 {font-weight:normal; margin:0; color:#000; padding-left:0;}



#header {width:340px; background:transparent;}
#header h1 {position:absolute; top:10px; left:140px; width:340px; height:0; padding-top:65px; overflow:hidden; background:transparent url(../blue/playground.gif);}
* html #header h1 {height:65px; he\ight:0;}
#header h2 {display:none;}
#header h3 {display:none;}

#navigation {position:absolute; top:90px; right:30px; background:#4ad url(../blue/menu.gif) no-repeat; width:210px; height:200px; z-index:10;}
#navigation h3 {display:none;}
#navigation ul {padding:0; margin:0; }
#navigation li {list-style-type:none;}
#navigation a, #navigation a:visited {position:absolute; width:30px; height:0; padding-top:30px; overflow:hidden; z-index:100;}
* html #navigation a, *html #navigation a:visited {height:30px; he\ight:0;}
#navigation a#demos {bottom:0; left:0; background:transparent url(../blue/demos.gif) 0 -199px no-repeat; z-index:100;}
#navigation a#menus {bottom:0; left:30px; background:transparent url(../blue/menus.gif) -30px -200px no-repeat; z-index:100;}
#navigation a#layouts {bottom:0; left:60px; background:transparent url(../blue/layouts.gif) -60px -200px no-repeat; z-index:100;}
#navigation a#boxes {bottom:0; left:90px; background:transparent url(../blue/boxes.gif) -90px -200px no-repeat; z-index:100;}
#navigation a#mozilla {bottom:0; left:120px; background:transparent url(../blue/mozilla.gif) -120px -200px no-repeat; z-index:100;}
#navigation a#explorer {bottom:0; left:150px; background:transparent url(../blue/explorer.gif) -150px -200px no-repeat; z-index:100;}
#navigation a#opacity {bottom:0; left:180px; background:transparent url(../blue/opacity.gif) -180px -200px no-repeat; z-index:100;}

#navigation a#demos:hover {width:210px; padding-top:200px; top:0; left:0; background-position:0 0; z-index:50;}
* html #navigation a#demos:hover {height:200px; he\ight:0;}
#navigation a#menus:hover {width:210px; padding-top:200px; top:0; left:0; background-position:0 0; z-index:50;}
* html #navigation a#menus:hover {height:200px; he\ight:0;}
#navigation a#layouts:hover {width:210px; padding-top:200px; top:0; left:0; background-position:0 0; z-index:50;}
* html #navigation a#layouts:hover {height:200px; he\ight:0;}
#navigation a#boxes:hover {width:210px; padding-top:200px; top:0; left:0; background-position:0 0; z-index:50;}
* html #navigation a#boxes:hover {height:200px; he\ight:0;}
#navigation a#mozilla:hover {width:210px; padding-top:200px; top:0; left:0; background-position:0 0; z-index:50;}
* html #navigation a#mozilla:hover {height:200px; he\ight:0;}
#navigation a#explorer:hover {width:210px; padding-top:200px; top:0; left:0; background-position:0 0; z-index:50;}
* html #navigation a#explorer:hover {height:200px; he\ight:0;}
#navigation a#opacity:hover {width:210px; padding-top:200px; top:0; left:0; background-position:0 0; z-index:50;}
* html #navigation a#opacity:hover {height:200px; he\ight:0;}

#slogan {width:700px; height:20px;}
#slogan h2 {display:none;}
#slogan blockquote {margin:400px 35px 0 140px; width:503px; height:0; padding-top:12px; overflow:hidden; background:transparent url(../blue/css.gif);}
* html #slogan blockquote {height:12px; he\ight:0;}

#links {width:200px; float:left;}
#links h3 {color:#fff; margin:30px 0 0 140px;}

#links ul {margin:0 0 100px 140px; padding:0;}
#links li {list-style-type:none; width:200px; color:#b4ddf1; margin:0 0 0.4em 0;}
#links a {display:block; float:left; width:200px; color:#000; text-decoration:none;}
#links a:hover {color:#fff;}

#support {width:290px; float:right; margin:30px 15px 0 0;}
#welcome, #apology, #latest, #firefox, #comments, #approvals {margin-bottom:25px; background:transparent url(../blue/bullet.gif) no-repeat bottom left;padding-bottom:10px;}
#welcome h3 {width:200px; height:0; padding-top:30px; overflow:hidden; background:transparent url(../blue/welcome.gif);}
* html #welcome h3 {height:30px; he\ight:0;}
#apology h3 {width:200px; height:0; padding-top:30px; overflow:hidden; background:transparent url(../blue/apologies.gif);}
* html #apology h3 {height:30px; he\ight:0;}
#latest h3 {width:200px; height:0; padding-top:30px; overflow:hidden; background:transparent url(../blue/latest.gif);}
* html #latest h3 {height:30px; he\ight:0;}
#firefox h3 {width:250px; height:0; padding-top:30px; overflow:hidden; background:transparent url(../blue/styles.gif);}
* html #firefox h3 {height:30px; he\ight:0;}
#comments h3 {width:200px; height:0; padding-top:30px; overflow:hidden; background:transparent url(../blue/comments.gif);}
* html #comments h3 {height:30px; he\ight:0;}
#approvals h3 {width:200px; height:0; padding-top:30px; overflow:hidden; background:transparent url(../blue/approvals.gif);}
* html #approvals h3 {height:30px; he\ight:0;}
#visit {width:200px; height:0; padding-top:30px; overflow:hidden; background:transparent url(../blue/visit.gif);}
* html #visit {height:30px; he\ight:0;}
#mysites {width:200px; height:0; padding-top:30px; overflow:hidden; background:transparent url(../blue/ivisit.gif);}
* html #mysites {height:30px; he\ight:0;}

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

#support li {list-style-image:none; list-style-type:decimal; font-size:90%;}
#support a {color:#000; text-decoration:underline;}
#support a:hover {color:#000; text-decoration:none;}

#extra2 {text-align:right; width:700px; height:40px; background:#4ad; color:#b4ddf1;}
#extra2 p {font-size:9px; margin-left:30px;}
#extra9 {width:220px; height:0; padding-top:25px; overflow:hidden; background:transparent url(../blue/decode.gif); position:absolute; right:25px; top:290px;}
* html #extra9 {height:25px; he\ight:0;}

#extra6 {display:none;}
#extra8 {width:200px; height:0; padding-top:245px; overflow:hidden; background:transparent url(../blue/letter2.gif); position:absolute; left:60px; bottom:150px;}
* html #extra8 {height:245px; he\ight:0;}

#findit {width:290px; float:right; margin:30px 15px 0 0; background:transparent url(../blue/bullet.gif) no-repeat bottom left;padding-bottom:10px;}
#findit p {padding:0; margin:0;}
#searchform {font-size:80%; text-align:center;} 
#searchtext {border:1px solid #b4ddf1; background:#4ad; height:1.3em; width:144px; color:#fff;}
* html #searchtext {height:1.55em; he\ight:1.3em;}
#formlab {display:block; margin-left:-2px; height:0; padding-top:30px; overflow:hidden; background:transparent url(../blue/stoogle.gif) 0 0  no-repeat; z-index:100;}
* html #formlab {height:25px; he\ight:0;}
#find_button {border:1px solid #b4ddf1; background:#4ad; color:#fff; cursor:pointer; height:1.55em; width:74px;}