/*Figuring out the combinations of RBG in order to produce the colour you want is pretty simple, 
once you've learned the basic seven and once you understand value and saturation. If 0000FF is pure blue 
and 00FFFF is pure cyan, then 0033FF, 0066FF, and 0099FF are the web safe shades of blue in between.*/

body {
background-image: url(images/freshwaterop.jpg);
background-color: #fff;
background-attachment: fixed;
background-position: left;
background-repeat: no-repeat;
color: #00000;
font-size: 0.9em;
font-weight: lighter;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}

p {font-size: 0.9em;
font-weight: lighter;
}

a:link, a:visited {
color: #F00;
text-decoration: none;
}
a:hover, a:active {
color: #333;
text-decoration: underline;
}

h1 {font-size: 1.5em;
font-family: "Arial Narrow", "Times New Roman", Times, serif;
color: #333;
border-bottom: 1.5px solid #333;
}

h2 {font-size: 1.2em;
font-family: "Arial Narrow", "Times New Roman", Times, serif;
font-weight:100;
color: #F00;
border-bottom: 1px solid #F00;
}

h3 {
	font-size: 0.9em;
	font-weight: 400;
	color:#333333;
	text-decoration: underline;
}

h4 {
	font-size: 1.3em;
	font-weight: lighter;
	font-family: Georgia, Times, serif;
	color: #333333;
	text-align: center;
	text-decoration: blink;
}

h5 {
	font-size: 1.1em;
	font-weight: lighter;
	color: #333333;
}

h6 {font-size: 1.2em;
font-weight:100;
color: #666666;
border-bottom: 1px solid #666666;
}

hr {
  border: 0;
  width: 90%;
  height: 0.75px;
  color: #6dcff6;
  background-color: #6dcff6;
}

table {
border: none;
}

th {
vertical-align: top;
text-align: left;
border: none;
}

td.clear {
vertical-align: top;
text-align: left;
background-color: transparent;
border: none;
}


a.contact {
	font-size: 1.2em;
	color:#FFFFFF;
}

td.pic {
	padding: none;
}

td {
vertical-align: top;
background-color: #FFFFFF;
padding: 5px;
border: none;
}

td.border {
	vertical-align: top;
	background-color: #FFFFFF;
	padding-top: none;
	padding-bottom: 5px;
	padding-right: 5px;
	border: 1px dotted #333;
}

td.caption {
	vertical-align: top;
	background-color: #FFFFFF;
	padding-top: none;
	padding-bottom: 5px;
	padding-right: 5px;
	border: 1px dotted #CCCCCC;
}

#main-content {
background-color: transparent;
position: absolute;
width: 900px;
margin: 0px auto 0px 235px;
padding: 20px 10px 10px 10px;
text-align: left;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li {
	position: relative;
	float: left;
    width: 120px;
}
li ul {
	position: absolute;
	top: 30px;
	display: none;
}

li:hover ul, li.over ul { 
	display: block;
	color: #ffffff;
}

a.nav:link, a.nav:visited { 
	background-color:#FFFFFF;
    width: 100px;
	display: block;
	color:#999;
	size: 0.7em;
	font-weight: lighter;
	text-decoration: none;
	border: 1px dotted #ccc;
	padding: 5px;
}
a.nav:hover, a.nav:active { 
	background-color: #ccc;
	size: 0.7em;
	color: #FFFFFF;
	padding: 5px;
}

ol {
	font-size: 0.9em;
	font-weight: lighter;
	list-style-type: circle;
}

ol.why {
	font-size: 0.9em;
	font-weight: lighter;
	list-style-type: disc;
}

#footer {
font-size: .8em;
text-align: center;
margin-top: 15px;
margin-bottom: 0px;
height: 25px;
width: 100%;
padding-top: 5px;
text-align: center;
}