/* CSS Document */
body 
{background-color:#000066;
margin:0px;
padding:0px;
font-family:"Palatino Linotype", Palatino, "Book Antiqua", "Times New Roman", Times, serif;
color:#000000;
text-align:center;}

h1 
{font-size:2em;
border-bottom:dashed 1px #FFCC00;
font-variant:small-caps;
margin-bottom:5pt;
text-align:center;
color:#000099;}
h2 
{font-size:1.5em;
font-variant:small-caps;
margin-bottom:3pt;
text-align:center;
color:#000099;}
h3 
{font-size:1.45em;
font-variant:small-caps;
color:#000099;}
h4 
{font-size:1.3em;
font-variant:small-caps;
color:#000099;}
h5 
{font-size:1em;
font-variant:small-caps;
font-weight:bold;
color:#000099;}

h5.bottom {text-align:left;margin-top:1.5em;}

#content p {text-indent:20px;}
#title p {font-size:0em;line-height:110%;max-width:584px;overflow:hidden;visibility:hidden;}
#navbar p {text-align:center;}
#navbox p {text-align:right;margin-right:8px;}
#navhd p {text-align:center;}
p.first:first-line {font-variant:small-caps;}
p.footnav {text-align:center;}
p.bottom {text-align:left;}
.index p {font-family:Calibri, Arial, san-serif;}

#navbd a {color:#ffffff;text-decoration: underline;}
#navft a {color:#ffffff;text-decoration: none;}
#navbox a {color:#ffffff;text-decoration: underline;}
#navbar a {color:#663300;text-decoration:none;}
a:visited {color:#000000;text-decoration:underline;}
a:active {color:#663300;text-decoration: none;}
a:link {color:#000099;text-decoration: underline;}
a:hover {color:#ffcc00;text-decoration: none;}

em {font-style:italic;}

/* LAYOUT */
#outerframe
{width:762px;
border-left:2px solid white;
border-right:2px solid white;
text-align:left;
margin:0 auto;}

#frame
{width:750px;
position:relative;
left:2px;
border-right:4px solid #000066;
border-left:4px solid #000066;}

#splash
{background-image:url(http://www.seachild.net/i/waves-gradient-sunny.png);
background-repeat:no-repeat;
background-color:#000066;
color:white;
height:206px;
width:758px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
position:relative;
left:2px;}

#logo
{position:relative;
left:15px;
top:21px;
margin:0px;
width:120px;}

#title
{position:relative;
left:150px;
top:-20px;
width:584px;}

/*NAVBAR*/
#navbar
{background-color:#ffffff;
font-family:sans-serif;
color:#000099;
border-bottom:3px solid #ffcc00;
margin-top:0px;
padding:3px;
width:744px;}

/*END NAVBAR*/

#content
{font-family:"times new roman", times, serif;
font-size:1em;
background:#ffffff;
color:black;
margin:0px;
padding:5px;
width:740px;
position:relative;
clear:left}

/*NAVBOX*/
#navbox
{width:250px;
float:right;
margin:1em 4px 4px 4px;
padding:0;
background: url(http://www.seachild.net/i/nav-bottom.png) bottom left no-repeat #333399;
color:#ffffff;}

#navhd
{background: url(http://www.seachild.net/i/nav-top.png);
color:#000099;
padding:2px 5px 1px 4px;
text-align:center;
font-variant:small-caps;
height:31px;
margin:0;}

#navbd
{background: url(http://www.seachild.net/i/nav-flourish.png) top right no-repeat #333399;
min-height:70px;
color:#ffffff;
border-color:#000066;
border-style:solid;
border-width:0px 2px 0px 2px;
padding:2px 4px 0px 4px;
margin:0px;}
/*END NAVBOX*/

#atlantology
{width:44%;
margin:0px;
padding:2%;
float:left;
background:#ffffff;}

#sykes
{width:44%;
margin:0px;
padding:2%;
position:relative;
float:left;
background:#ffffff;}

#footer
{clear:both;
font-size:.75em;
width:740px;
background-color:white;
padding:5px;
position:relative;
border-top:3px dotted #ccffff;
margin-bottom:0px;}

/*DESIGN*/
.pullquote
{border-top:1px dashed #ccffff;
border-bottom:1px dashed #ccffff;
padding:5px;
margin:15px;
float:left;
width:22%;
font-size:120%;
line-height:130%;
font-family:arial, "sans serif";
text-align:center;}

.define
{font-style:italic;}

.quote
{position:relative;
left:15px;
border-left:double 1px #CCFFFF;
padding:2px;}

.intro
{font-size:120%;
line-height:120%;
font-family:arial, "sans serif";}

ul
{list-style-type:disc;}

ul.bottom
{text-align:left;
list-style-type:none;
list-style: none;
line-height: 1;}

ul.bottom li
{float:left;
margin:2px;
padding:2px;
text-align:center;}

img
{margin:2px;
padding:1px;
background:#ffffff;
border:solid 1px #000066;}

#logo img
{margin:0px;
padding:0px;
border:0px;}

img.index
{display: block;
    margin-left: auto;
    margin-right: auto;}
    
#clear
{clear:both;}

.figure
{float:right;
min-width:200px;
margin:5px;
padding:1px;}

.figure-l
{float:left;
width:200px;
margin:5px;
padding:1px;}

p.figure, p.figure-l
{font-family:arial, san-serif;
text-align:center;}

.right
{float:right;}