/*	Moz and IE 6 need the html element included in this. 
	The key is setting the height to 100%. This makes any child
	boxes set to 100% height the height of the viewport. */
html, body
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

body
{
	background-color: #D4D0C8;
	color: #000;
}

table
{
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

td
{
	vertical-align: top;
	}

a
{
	font : bold Georgia Verdana;
	color: #A4998A;
}

a:hover
{
	color: #8E8171;
}

#main
{
margin-top:30px;
margin-left:30px;
width: 100%;
}

#links
{
	font : bold 11px Georgia Verdana;
	text-align : left;
	color: #A4998A;
	line-height : 15px;
	padding-left:20px;
}

#comment
{
	width: 300px;
	font : 10px Verdana, Arial;
	text-align : left;
    padding-right:20px;
	color: #000000;
	
}

#applet
{
	padding-top:30px;
	padding-left:30px;
	margin-bottom:30px;
}

#intro
{
	margin-left:10px;
	width: 300px;
	font : 10px Verdana, Arial;
	text-align : left;
	color: #000000;
}

#footer
{
border-top: 2px solid #D4D0C8;
	font : 10px Verdana, Arial;
	width: 700px;
	text-align : center;
	color: #A4998A;
	clear: left;
	margin-top:40px;
	padding-top:25px;
}

.headline
{
	font : 14px Georgia Verdana;
	color: #A4998A;
}

#source
{
	margin:0px;
	padding:0px;
	width: 150px;
	font : bold 11px Georgia Verdana;
	text-align : right;
	color: #A4998A;
	line-height : 15px;
}

.linktable{
	font : bold 11px Georgia Verdana;
	vertical-align:middle;
	padding-left:5px;
	margin:0px;
}

.thumb{
	border: 1px solid #D4D0C8;
}