body {background:#fff url(../fish/edge2.gif) 0 0 no-repeat fixed; border:0; padding:0; margin:0; font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, "trebuchet MS", palatino, "palatino linotype", georgia, "times new roman", serif; font-size:90%; text-align:center;}

#container {width:770px; text-align:left; margin:0 auto 0 auto; position:relative; background:#fff; border:1px solid #fff; z-index:10;}
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:770px; height:300px; overflow:hidden; background:#fff;}
#header h2 {width:298px; height:0px; padding-top:300px; overflow:hidden; background:transparent  url(../fish/fish.jpg) 0 0 no-repeat;}
* html #header h2 {height:300px; he\ight:0;}

#header h1 {position:absolute; top:30px; right:0; width:490px; height:0px; padding-top:123px; overflow:hidden; background:transparent url(../fish/playground.gif) 0 0 no-repeat;}
* html #header h1 {height:123px; he\ight:0;}


#navigation {position:relative; width:770px; height:118px; background:transparent url(../fish/nav.gif) 0 0 no-repeat; overflow:hidden;}
#navigation h3 {display:none;}
#navigation ul {margin:0; padding:0;}
#navigation li {list-style-type:none; display:inline; width:110px; height:118px;}
#navigation a {display:block; width:110px; padding-top:118px; height:0; color:#000; text-decoration:none; float:left; background:transparent url(../fish/nav_over.gif) -110px -118px no-repeat; overflow:hidden;}
* html #navigation a:link, * html #navigation a:visited {height:118px; he\ight:0;}

#navigation a:hover {background-position:top right; z-index:100;}
* html #navigation a:hover {height:118px; he\ight:0;}

#slogan {position:absolute; top:250px; right:0; width:552px; height:26px; background:transparent url(../fish/slogan.gif) 0 0 no-repeat;}
#slogan h2 {display:none;}
#slogan blockquote {display:none;}

#links {width:220px; float:left; display:inline; margin-top:20px; padding-top:5px; background:#fff url(../fish/h3.gif) top right no-repeat;}
#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; float:right; margin-left:35px; margin-top:20px;}
#welcome, #apology, #latest, #firefox, #comments, #approvals {margin-bottom:25px; padding-top:5px; background:#fff url(../fish/h3.gif) top right no-repeat;}

.clear {clear:both;}
acronym {cursor:help; font-weight:bold; color:#f80;}

#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;}

#firefox ul {margin:0; padding:0; height:180px; overflow:hidden; width:400px;}
#firefox li {list-style-type:none; display:inline; width:50px; height:50px;}
#firefox ul li a {display:block; width:50px; padding-top:50px; height:0; color:#000; text-decoration:none; float:left; background:transparent; overflow:hidden; margin:5px 5px 0 0;}
* html #firefox ul li a {height:50px; he\ight:0;}


#firefox a#theme1 {background: url(../fish/style_text.gif) no-repeat;}
#firefox a#theme2 {background: url(../fish/style_kids.jpg) no-repeat;}
#firefox a#theme3 {background: url(../fish/style_mist.jpg) 0 0 no-repeat;}
#firefox a#theme4 {background: url(../fish/style_rain.jpg) 0 0 no-repeat;}
#firefox a#theme5 {background: url(../fish/style_reflect.jpg) 0 0 no-repeat;}
#firefox a#theme6 {background: url(../fish/style_red.jpg) 0 0 no-repeat;}
#firefox a#theme7 {background: url(../fish/style_fruit.jpg) 0 0 no-repeat;}
#firefox a#theme8 {background: url(../fish/style_horiz.jpg) 0 0 no-repeat;}
#firefox a#theme9 {background: url(../fish/style_fish.jpg) 0 0 no-repeat;}
#firefox a#theme10 {background: url(../fish/style_narrow.jpg) 0 0 no-repeat;}
#firefox a#theme11 {background: url(../fish/style_blocks.jpg) 0 0 no-repeat;}
#firefox a#theme12 {background: url(../fish/style_gallery.jpg) 0 0 no-repeat;}
#firefox a#theme13 {background: url(../fish/style_bandw.jpg) 0 0 no-repeat;}
#firefox a#theme14 {background: url(../fish/style_edge.jpg) 0 0 no-repeat;}
#firefox a#theme15 {background: url(../fish/style_ransom.jpg) 0 0 no-repeat;}
#firefox a#theme16 {background: url(../fish/style_grid.jpg) 0 0 no-repeat;}


#extra2 {text-align:left; width:770px; height:30px; font-size:80%; background:#fff; color:#000;}
#extra5 {position:absolute; bottom:40px; right:0; background:transparent url(../fish/fish1.jpg); width:160px; height:100px; overflow:hidden; z-index:300;}
#extra6 {position:absolute; bottom:40px; left:0; background:transparent url(../fish/fish3.jpg); width:215px; height:200px; overflow:hidden; z-index:30;}
#extra3 {height:20px; font-size:80%; background:#bea057; color:#fff; z-index:30;}

#findit {position:absolute; top:170px; right:0;}
#findit p {text-align:right;}
#searchform {font-size:80%; text-transform:uppercase; text-align:center;} 
#searchtext {border:1px solid #ddd; background:#fff;}
#find_button {border:1px solid #bea057; background:#bea057; color:#fff; cursor:pointer; height:1.55em;}
