@charset "UTF-8";
/* CSS Document */


a:link {
	color: #8aa8b2;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #8aa8b2;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-style: bold;
}
a:active {
	color: #0066CC;
	text-decoration: none;
	font-style: bold;
}


a.inside:link {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a.inside:visited {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a.inside:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-style: bold;
}
a.inside:active {
	color: #0066CC;
	text-decoration: none;
	font-style: bold;
}





#topline {
	width: 800px;
	height: 50px;
	position: relative;
	top: auto;
	background-image: url(bgimages/topline.jpg);
}

#container {
	position: relative;
	top: auto;
	left: 20%;
	height: 750px;
	width: 800px;
	
}

#container-index {
	height: 600px;
	width: 800px;
	top: auto;
	background-image:url(bgimages/homepagebg.jpg);
	background-repeat: no-repeat;
}



#container-bio {
	height: 600px;
	width: 800px;
	background-image:url(bgimages/biobg.jpg);
	background-repeat: no-repeat;
}

#container-news {
	
	height: 600px;
	width: 800px;
	background-image:url(bgimages/newsbg.jpg);
	background-repeat: no-repeat;

}

#container-create {
	
	height: 600px;
	width: 800px;
	background-image:url(bgimages/createbg.png);
	background-repeat: no-repeat;

}

#container-fish {
	
	height: 600px;
	width: 800px;
	background-image:url(bgimages/fishbg.jpg);
	background-repeat: no-repeat;
}

#container-blog {
	
	height: 600px;
	width: 800px;
	background-image:url(bgimages/blogbg.jpg);
	background-repeat: no-repeat;
}

#container-art {

	height: 600px;
	width: 800px;
	background-image:url(bgimages/artbg.jpg);
	background-repeat: no-repeat;
}

#container-seaweed {
	
	height: 600px;
	width: 800px;
	background-image:url(bgimages/seaweedbg.jpg);
	background-repeat: no-repeat;
}

#container-nature {
	
	height: 600px;
	width: 800px;
	background-image:url(bgimages/naturebg.jpg);
	background-repeat: no-repeat;
}

#container-contact {
	
	height: 600px;
	width: 800px;
	background-image:url(bgimages/contactbg.jpg);
	background-repeat: no-repeat;
}

#container-classes {
	
	height: 600px;
	width: 800px;
	background-image:url(bgimages/classesbg.jpg);
	background-repeat: no-repeat;
}


#nav {
	text-align: left;
	font: "Times New Roman", Times, serif;
	font-size: large;
	height: 500px;
	width: 250px;
	padding-top: 75px;
	padding-left: 25px;
	float: left;
}

#content {
	position: relative;
	top: 15%; 
	height: 450px;
	width: 475px;
	font: "Times New Roman", Times, serif;
	font-size: large;
	color: #000;
	text-align:left;
	padding-left: 25px;
	padding-right: 25px;
	float: right;
	overflow: auto;
}

#blog {
	font-size: x-large;
}

#italic {
	font-style: italic;
}

#footer {
	height: 100px;
	width: 800px;
	position: relative;
	top: auto;
	font: "Times New Roman", Times, serif;
	color: #cd2e2c;
	font-size: x-large;
	font-style: italic;
	text-align: justify;
}