/*Structure*/

body {
		margin: 20px 15% 20px 15%;
		padding: 0px;
		background: #99cccc; 
		
		}

#header {background: #336666;
		color: white;
		border: 5px solid #ffffff;
		text-align: left;
		padding: 5px;
}

#nav {background: #339999;
		border-style: solid;
		border-width: 0px 5px 0px 5px;
		color: white;
		font-family: georgia, serif;
		font-size: 100%;
		text-align: center;
		padding: 10px 3px 10px 2px;

}

#content {
		background:#669999;
   		border:5px solid #ffffff;
		color: white;
		padding: 8px;
		}

#content p {
	text-align: center;
	min-height: 300px;
}

/*Navigation*/

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

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

#nav a:link {
  		color: #ffffff;
 		background-color: #339999;
  		text-decoration: none; 
		font-weight: bold;
} 
#nav a:visited {
	color: #ffffff;
	background-color: #339999;
	text-decoration: none;
	font-weight: bold
  }


#nav a:hover {
  		color: #ffffff;
		background-color: #99cccc;
	font-weight: bold;

		}

#nav a.active {
	color: #ffffff;
	background-color: #99cccc;
	font-weight: bold;
	
  }


#content a:link {
  		color: #ffffff;
 		background-color: #669999;
  		text-decoration: underline; 
} 

#content a:visited {
	color: #ffffff;
	text-decoration: underline;
  }

#content a:hover {
  		color: #993333;
		
	}
 


/*Text*/

#header {
	color: #ffffff;
	font-family: Garamond, serif;
	font-weight: bold;
	font-size: 5em;
}

#nav {
	font-family: Garamond, serif;
	font-size: 1.5em;
}
	
#content {

	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 1.15em;
	}

#footer {
	color:#333333;
	font-size: .8em;
	text-align: center;
}