body {width:160em; padding:0; margin:0; font-family: verdana, arial, sans-serif; font-size:90%; background:#7a9100;}

#container {position:absolute; left:0; top:0; height:37.5em; width:160em; background:#fff url(../insect/hex_nav.gif) no-repeat; border-bottom:1px solid #000;}

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; font-family: tahoma, "trebuchet MS", palatino, "palatino linotype", georgia, "times new roman", serif; color:#7a9100;}

#header {position:absolute; left:0; top:0; width:600px; height:100px; overflow:hidden; background:transparent;}
#header h1 {width:600px; height:0px; padding-top:100px; overflow:hidden; background:transparent url(../insect/hex_play.gif);}
* html #header h1 {height:100px; he\ight:0;}

#slogan {position:absolute; left:110px; top:31em; width:50em; background:transparent;}
#slogan h2 {font-size:114%; margin:0 0 0 10px; font-weight:normal; color:#360;}
#slogan blockquote {margin:0; padding:0; font-size:90%; color:#aa0;}


#navigation {position:absolute; top:104px; left:85px; width:312px; height:284px; background:transparent; z-index:1; overflow:hidden;}
#navigation h3 {display:none;}
#navigation ul {margin:0; padding:0;}
#navigation li {list-style-type:none; width:104px; height:112px;}
#navigation a {display:block; width:104px; height:0; color:#000; text-decoration:none; padding-top:112px; background:transparent; overflow:hidden; z-index:10;}
* html #navigation a {height:112px; he\ight:0;}

#navigation a#demos {position:absolute; left:52px; top:0; background:transparent url(../insect/demos.gif) no-repeat -112px 0;}
#navigation a#demos:hover {background-position: 0 0;}
#navigation a#menus {position:absolute; left:156px; top:0; background:transparent url(../insect/menus.gif) no-repeat -112px 0;}
#navigation a#menus:hover {background-position: 0 0;}
#navigation a#boxes {position:absolute; left:0; top:85px; background:transparent url(../insect/boxes.gif) no-repeat -112px 0;}
#navigation a#boxes:hover {background-position: 0 0;}
#navigation a#opacity {position:absolute; left:104px; top:85px; background:transparent url(../insect/opacity.gif) no-repeat -112px 0;}
#navigation a#opacity:hover {background-position: 0 0;}
#navigation a#layouts {position:absolute; left:208px; top:85px; background:transparent url(../insect/layouts.gif) no-repeat -112px 0;}
#navigation a#layouts:hover {background-position: 0 0;}
#navigation a#explorer {position:absolute; left:52px; top:170px; background:transparent url(../insect/explorer.gif) no-repeat -112px 0;}
#navigation a#explorer:hover {background-position: 0 0;}
#navigation a#mozilla {position:absolute; left:156px; top:170px;background:transparent url(../insect/mozilla.gif) no-repeat -112px 0;}
#navigation a#mozilla:hover {background-position: 0 0;}


#welcome, #apology, #firefox, #latest, #comments, #approvals, #links {position:absolute; width:20em; top:40px; background:transparent; z-index:10;}
#welcome {left:40em;}
#apology {left:63em;}
#firefox {left:86em;}
#latest {left:109em;}
#comments {left:109em; top:13em;}
#approvals {left:109em; top:22em;}
#links {left:132em;}

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

#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;}

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

.red {color:#c00;} 
.clear {display:none;}
#extra2 {position:absolute; top:46.5em; left:110px; width:30em; font-size:80%; color:#fff;}
#extra3 {position:absolute; left:58em; top:10em; width:200px; height:200px; background:transparent url(../insect/hex.gif) no-repeat; z-index:1}
#extra4 {position:absolute; left:72em; top:25em; width:200px; height:200px; background:transparent url(../insect/hex.gif) no-repeat; z-index:1}
#extra5 {position:absolute; left:98em; top:15em; width:200px; height:200px; background:transparent url(../insect/hex.gif) no-repeat; z-index:1}
#extra6 {position:absolute; right:0; top:15em; width:250px; height:141px; background:transparent url(../insect/bug.jpg) no-repeat; z-index:5}

#findit {position:absolute; top:26em; left:40em; z-index:50;}
#searchform {font-size:80%; text-transform:uppercase; text-align:center;} 
#searchtext {border:1px solid #ddd; background:#fff;}
#find_button {border:1px solid #7a9100; background:#7a9100; color:#fff; cursor:pointer; height:1.55em;}