.header
{
	width:100%;
	height:90px;
	background-color:#808080;
	padding:5px;
	box-sizing:border-box;
}

.logo
{
	width:30%;
	height:100%;
	background-color:#94B1C3;
	padding:5px;
	box-sizing:border-box;
	float:left;
}

.banner
{
	width:70%;
	height:100%;
	background-color:#c2b9a7;
	padding:5px;
	box-sizing:border-box;
	float:right;
}

.nav
{
	width:30%;
	height:794px;
	background-color:#C39C94;
	padding:5px;
	box-sizing:border-box;
	float:left;
}

.body
{
	width:70%;
	height:695px;
	background-color:#94B1C3;
	padding:5px;
	box-sizing:border-box;
	float:left;
}

.footer
{	
	width:100%;
	height:60px;
	background-color:#808080;
	padding:5px;
	box-sizing:border-box;
}
	

.text
{
	font-family:verdana,san-serif;
}


article 
{
	font-family:verdana,helvetica;
	font-size:12pt;
	text-align:justify;
}

h1
{
	font-family:verdana,helvetica;
	text-align:center;
	color:#C89A9A;
}

h2
{
	font-family:verdana,helvetica;
	text-align:left;
	color:#C89A9A;
}

section
{
	width:80%;
	margin-left:10%;
}

td.spongebob
{
	background-color:#84CEEB;
	width:660px;
	height:600px;
	padding:20px;
}

/*unvisited link*/

a.bar:link{
color:#9AC4C8;
font-family:Arial, Helvetica, sans-serif;
font-size:16pt;
text-decoration:none;

}

/*visited link*/
a.bar:visited{
color:#9AC4C8;
font-family:Arial, Helvetica, sans-serif;
font-size:16pt;
text-decoration:none;
}

/*mouse over link*/
a.bar:hover{
color:#9A9AC8;
font-family:Arial, Helvetica, sans-serif;
font-size:16pt;
text-decoration:none;
}

/*selected link*/
a.bar:active{
color:#9A9AC8;
font-family:Arial, Helvetica, sans-serif;
font-size:16pt;
text-decoration:none;
}

div.photo
{
	width:660px;
	height:600px;
	float:top;
}