ul#navlist {
		list-style-type: none;
		margin: 0;
		padding: 0;
		float: right;
		width: 100%;
		background-color: #036;
		
	}
	ul#navlist li a {
		float: left;
		width: 5em;
		background-color: #036;
		color: #fff;
		padding: 0.2em 1em;
		text-decoration: none;
		border-right: 1px solid #fff;
		font-family: Arial;
	}
	ul#navlist li a:hover {
		color: #fff;
		background-color: #369;
		font-family: Arial;
	}
	#container {
		width: 80%;
		margin: 10px auto;
		background-color: #fff;
		color: #000;
		border: 1px solid gray;
	}
	#top {
		padding: 0.5em;
		background-color: #fff;
		border-bottom: 1px solid gray;
	}
	#top h1 {
		padding: 20px 10px;
		margin: 0;
		color: #00f;
		font-family: Arial;
	}
	#content h2 {
		padding: 30px 40px;
		margin: 0;
		color: #2244dd;
		font-family: Arial;
	}
	#content {
		width: 80%;
		float: left;
		padding: 0;
		margin-left: 10%;
		border: 0px solid red;
		font-family: Arial;
	}
	#footer {
		clear: both;
		margin: 0;
		padding: .5em;
		color: #333;
		background-color: #ddd;
		border-top: 1px solid gray;
	}
	#topnavig {
		clear: both;
		margin: 0;
		padding: 0;
		color: #333;
		background-color: #ddd;
		border-top: 1px solid gray;
	}
	#content p { margin: 1em 1em 1em 1em; font-family: Arial;}
	#footer p { margin: 0em 1em 0em 1em; font-family: Arial; }
	#top img { float: right; margin: 10px;}
	p { font-family: Arial; }
	.leftfloat {
		float: left;
		margin: 10px 10px 10px 10px;
		border: 1px solid #666;
		padding: 2px;
		width: 250px;
	}
	.leftfloatjohn {
		float: left;
		margin: 10px 20px 10px 10px;
		border: 1px solid #666;
		padding: 2px;
		width: 150px;
	}
	.leftfloatjen {
		float: left;
		margin: 10px 20px 10px 10px;
		border: 1px solid #666;
		padding: 2px;
		width: 150px;
	}
	.leftfloatnoel {
		float: left;
		margin: 10px 10px 20px 10px;
		border: 1px solid #666;
		padding: 2px;
		width: 113px;
	}
	.leftfloatgemma {
		float: left;
		margin: 10px 10px 20px 10px;
		border: 1px solid #666;
		padding: 2px;
		width: 250px;
	}
	.leftfloatdaniel {
		float: left;
		margin: 10px 10px 10px 10px;
		border: 1px solid #666;
		padding: 2px;
		width: 96px;
	}
	.leftfloatpedro {
		float: left;
		margin: 10px 10px 20px 10px;
		border: 1px solid #666;
		padding: 2px;
		width: 75px;
	}
	#content a:link {
		color: #00f;
		text-decoration: none;
	}
	#content a:visited {
		color: #88f;
		text-decoration: none;
	}
	#content a:hover {
		color: #f00;
		text-decoration: none;
		background: #bbf;
	}
	#content a:active {
		color: #f00;
	}
	#footer a:link {
		color: #00f;
		text-decoration: none;
	}
	#footer a:visited {
		color: #88f;
		text-decoration: none;
	}
	#footer a:hover {
		color: #f00;
		text-decoration: none;
		background: #bbf;
	}
	#footer a:active {
		color: #f00;
	}
	.contactinfo {
		width: 300px;
		border: 0px solid #000;
		background: #ddd;
		float: left;
		clear: both;
		padding: 2px 2px;
		margin: 5px 5px 5px 5px;
	}

	#top a:link {
		color: #2244dd;
		text-decoration: none;
	}
	#top a:visited {
		color: #2244dd;
		text-decoration: none;
	}
	#top a:hover {
		color: #f00;
		text-decoration: none;
		background: #eef;
	}
	#top a:active {
		color: #f00;
	}