.container {
	width: 720px;
	border: 0px ;
	padding: 2px;
	position: absolute; top: 35px; left: 0px;
	float: left;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 44px;
	font-style: normal;
	font-weight: lighter;
	color: #564E4E
}
.container2 {
	width: 720px;
	border: 0px ;
	padding: 2px;
	position: absolute; top: 20px; left: 50px;
	float: left;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 48px;
	font-style: normal;
	font-weight: lighter;
	color: #564E4E
}
.intro_pic {
	width: 320px;
	border: 0px ;
	padding: 2px;
	position: absolute; top: 180px; left: 258px;
	float: left;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 44px;
	font-style: normal;
	font-weight: lighter;
	color: #564E4E
}
.Gebski {
	width: 200px;
	border: 0px ;
	padding: 0px;
	position: absolute; top: 50px; left: 770px;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 42px;
	font-style: normal;
	font-weight: lighter;
	color: #FFFFFF;
}
.Gebski {
	width: 180px;
	border: 0px ;
	padding: 0px;
	position: absolute; top: 65px; left: 880px;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 30px;
	font-style: normal;
	font-weight: lighter;
	color: #564E4E;
}
.updated {
	width: 200px;
	border: 0px ;
	padding: 0px;
	position: absolute; top: 640px; left: 640px;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 10px;
	font-style: normal;
	font-weight: lighter;
	color: #564E4E;
}
.menu {
	width: 180px;
	border: 0px ;
	padding: 0px;
	position: absolute; top: 269px; left: 880px;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: lighter;
	color: #564E4E;
}
.menu2 {
	width: 180px;
	border: 0px ;
	padding: 0px;
	position: absolute; top: 344px; left: 880px;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	color: #564E4E;
}
table, table * { 
	width: 100px;
	border: 5px solid white;
	table-layout: auto;
}
/* formats the tables in painting.html and drawing.html */
.arrowleft  {
	width: 23px;
	border: 0px;
	padding: 0px;
	position: absolute;
	top: 420px;
	left: 880px;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: lighter;
	color: #564E4E;
	height: 20px;
}
.arrowright  {
	width: 23px;
	border: 0px;
	padding: 0px;
	position: absolute;
	top: 420px;
	left: 930px;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: lighter;
	color: #564E4E;
	height: 20px;
}
.pagecounter  {
	width: 40px;
	border: 0px ;
	padding: 0px;
	position: absolute; top: 622px; left: 680px;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: lighter;
	color: #564E4E;
}
.caption   {
	width: 720px;
	border: 0px ;
	padding: 0px;
	position: absolute; top: 635px; left: 13px;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	color: #000000;
	text-align: right;
}
.links {
	width: 720px;
	border: 0px ;
	padding: 0px;
	position: absolute; top: 400px; left: 60px;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 10px;
	font-style: normal;
	font-weight: lighter;
	color: #564E4E;
}
.video {
	width: 720px;
	border: 0px ;
	padding: 0px;
	position: absolute; top: 415px; left: 10px;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 10px;
	font-style: normal;
	font-weight: lighter;
	color: #564E4E;
}
.text {
	width: 720px;
	font-family: "Lucida Sans Typewriter", "Courier New", serif;
	font-size: 11px;
	font-style: normal;
	font-weight: lighter;
	color: #333333;
}

a:link, a:visited {
	color: #564E4E;
	text-decoration: none;
}
a:hover {
	text-decoration:none;
	color: #666666;
}