body {
	background-color: #333333;
}


body,td,th {
	color: #666666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#banner {
	position: relative;
	margin: 0 auto;
	height: 90px;
	width: 900px;
}
#navbar {
	height: 25px;
	width: 600px;
	position: relative;
	margin: 0 auto;
}
#nav1 {
	position: absolute;
	height: 25px;
	width: 150px;
 	top: 0px;
    left: 0px;
}
#nav2 {
	position: absolute;
	height: 25px;
	width: 150px;
	top: 0px;
	left: 150px;
	
}
#nav3 {
	position: absolute;
	height: 25px;
	width: 150px;
	top: 0px;
	left: 300px;
}
#nav4 {
	position: absolute;
	height: 25px;
	width: 150px;
	top: 0px;
	left: 450px;
}
#main {
	height: 700px;
	width: 1300px;
	position: relative;
	margin: 0 auto;
}
#leftside {
	position: absolute;
	height: 700px;
	width: 200px;
	left: 0px;
	top: 0px;
}
#text {
	background-color: #FFF;
	position: absolute;
	height: 700px;
	width: 900px;
	left: 200px;
	top: 0px;
}
#rightside {
	position: absolute;
	height: 700px;
	width: 200px;
	left: 900px;
	top: 0px;
}
a:link {
	color: #0066FF;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #0066FF;
}
a:hover {
	text-decoration: underline;
	color: #999999;
}
a:active {
	text-decoration: underline;
}









#images {
	height: 800px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#john {
	height: 420px;
	width: 620px;
	margin-right: auto;
	margin-left: auto;
}
#mypic {
	height: 420px;
	width: 620px;
	margin-right: auto;
	margin-left: auto;
}