/* Main styles */

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
background-color: #66ccff;
background-image: url(../images/BlueWaterTile.jpg);
background-attachment: fixed;
margin: 0; 
}

p {
margin-left: 10%;
margin-top: 2.5%;
margin-bottom: 2.5%;
margin-right: 2.5%; 
}

h1 {
background-color: #0099ff;
margin: 0%;
color: white;
font-size: 2em;
padding-left: 5%;
padding-right: 5%;
padding-top: 1%;
padding-bottom: 1%;
border-bottom: 1px black solid; 
}

h2 {
background-color: #0099ff;
color: white;
border-top: 1px black solid;
border-bottom: 1px black solid;
font-weight: bold;
font-size: 1.6em;
padding-left: 5%;
padding-right: 5%;
padding-top: .5%;
padding-bottom: .5%; 
}

h3 {
background-color: #0099ff;
color: white;
border-top: 1px black solid;
border-bottom: 1px black solid;
font-weight: bold;
font-size: 1.2em;
padding-left: 5%;
padding-right: 5%;
padding-top: .5%;
padding-bottom: .5%; 
}

a:link {
color: #000099;
text-decoration: none; 
}

a:visited {
color: #aa00aa;
text-decoration: none; 
}

a:hover {
text-decoration: none;
color: #ff0000; 
}

a:active {
text-decoration: none;
color: #ff0000; 
}

address {
margin-left: 10%; 
}

/* The "position: relative;" rules in the next two statements
    shouldn't be needed, but they address one of the many
    bugs in IE-Win */

img.floatleft {
float: left;
position: relative;
margin-top: .5em;
margin-bottom: .5em;
margin-right: 1em; 
}

img.floatright {
float: right;
position: relative;
margin-top: .5em;
margin-bottom: .5em;
margin-left: 1em; 
}

/* These remove borders around images in links */

a:link img, a:visited img {
border: none; 
}

/*italicize the "page created by PhotoPage" comment
(as munged by Tidy) */

p.c1 {
font-style: italic;
font-size: .6em; 
}

/* Here is the main content box */

#content {
background-color: #69ceff;
border: 5px black double;
width: auto;
margin-top:5%;
margin-left: 25%;
margin-right: 5%;
margin-bottom: 20px;
position: relative; 
}

#content ul {
margin-left: 10%;
margin-top: 2.5%;
margin-bottom: 2.5%;
margin-right: 2.5%; 
}

/* Navbar */

/* set up background, border, and font */

#navbar {
background-color: #66ccff;
border: 1px #797979 solid;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
position: absolute;
top: 5%;
left: 0px;
width: 22%; 
}

/* remove list item indicators (bullets) */

#navbar ul li {
list-style-type: none;
white-space: nowrap; 
}

/*default link styles (extra padding to make room for arrow)*/

#navbar ul li a:link, #navbar ul li a:visited {
color: #797979;
text-decoration: none;
padding-left: 15px;
background-color: #66ccff; 
}

/* minimize indentation */

#navbar ul {
padding-left: 3px;
margin-left: 0; 
}

/*nesting indentation*/

#navbar ul li ul {
margin-left: 12px; 
}

/*you are here*/

#navbar ul li a.current:link, #navbar ul li a.current:visited, #navbar ul li a:hover {
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: left center; 
}

/*make innermost level a bit smaller*/

#navbar ul li ul li ul li a:link, #navbar ul li ul li ul li a:visited {
font-size: 80%; 
}