/*-----------------------------------------------------------------
Immersion Project's Advanced CSS file
Created 10 April 2004 by Aaron Gustafson (agustafson@cronin-co.com)

Colors: #09225a Dark Blue
        #001a2b Blue Black
        #2752d2 Blue
        #009cff Bright Blue
        #9cca30 Green
        #ea8d11 Bright Orange
        #ffb654 Dull Orange
        #cecfd1 Grey
        #fff    White

Fonts:  Lucida Grande, Trebuchet MS  -- For Headings
        Verdana, Arial, Helvetica, sans-serif  -- Body Copy 
-----------------------------------------------------------------*/

body
{
  background: #fff;
  color: #000;
  font-family: Times, "Times New Roman", serif;
  font-size: 12pt;
  font-weight: normal;
  padding: 10px;
  width: 520px;
}
a:link, a:visited
{
  color: #c00;
  background: transparent;
  font-weight: bold;
  text-decoration: underline;
}
a:link:after, a:visited:after
{
  content: " (" attr(href) ") ";
  font-size: 90%;
}
a[href^="/"]:after
{
  content: " (http://www.mysticaquarium.org" attr(href) ") ";
}
.alt, .hidden, .hideMe
{
  display: none;
}
a#logoMAIFE
{
  display: block;
  font-size: 18pt;
  text-decoration: none;
}
a#logoIP
{
  display: block;
  font-size: 24pt;
  text-decoration: none;
}
h1
{
  background: transparent;
  color: #c00;
  font-size: 16pt;
  margin: .5em 0;
  padding: 0;
  position: relative;
  text-align: left;
  top: 0;
  left: 0;
  width: 500px;
}
h2
{
  background: transparent;
  color: #c00;
  font-size: 14pt;
  margin: .5em 0;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 500px;
}
h3
{
  background: transparent;
  color: #c00;
  font-size: 12pt;
  margin: .5em 0 0;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 500px;
}
h4
{
  background: transparent;
  color: #c00;
  font-size: 11pt;
  margin: .5em 0 0;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 500px;
}
img
{
  display: block;
  border: 0;
}
p
{
  color: #000;
  margin: 0 0 10px;
}
form
{
  margin: 0;
  padding: 0;
}
label
{
  display: block;
}
input, select, textarea
{
  border: 1px solid #000;
  display: block;
  padding: 1px;
}
input.radio, input.checkbox /* input[type="radio"], input[type="checkbox"] */
{
  border-width: 0;
  display: inline;
  position: relative;
  top: 2px;
}
sup
{
  font-size: 70%;
  position: relative;
  top: -.5em;
}
a sup
{
  text-decoration: none;
}
ul li
{
  color: #000;
}
div#header, div#shark, div#puffer, ul.subNav, h2.navHead
{
  display: none;
}