body
	{
		margin: 0;
		padding: 0;
		font: 85% arial, helvetica, sans-serif;
		text-align: center;
		color: grey;
		background-color: white;
	}
	
	#container
	{
		z-index: 1;
		position: absolute; top: 0px; 
		margin: 1em auto;
		left: 50%;
		top: 50%;
		width: 1000px;
		height: 640px;
		text-align: left;
		margin-left: -500px;
		margin-top: -300px;
		background-color: white;
		border: 0px;
		border-style:solid;
		border-color: grey;
	}
	
	#header
	{
		z-index: 2;
		position: absolute; top: 0px; left: 0px;
		height: 100px;
		width: 800px;
		background-color: none;
	}
	
	
	
	#menu
	{
		z-index: 2;
		position: absolute; top: 0px; left: 800px;
		width: 200px;
		height: 580px;
		background-color: none;
		
	}
.rollover1 a {
display:block;
width: 200px;
height: 132px;

background: url("2tog.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover1 a:hover { 
background-position: 0 -132px;
color: #049;
}
.rollover1 a:active {
background-position: 0 -132px;
color:#fff;
}
.rollover2 a {
display:block;
width: 200px;
height: 127px;

background: url("3tog.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover2 a:hover { 
background-position: 0 -127px;
color: #049;
}
.rollover2 a:active {
background-position: 0 -127px;
color:#fff;
}
.rollover3 a {
display:block;
width: 200px;
height: 62px;

background: url("4tog.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover3 a:hover { 
background-position: 0 -62px;
color: #049;
}
.rollover3 a:active {
background-position: 0 -62px;
color:#fff;
}
.rollover4 a {
display:block;
width: 200px;
height: 98px;

background: url("5tog.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover4 a:hover { 
background-position: 0 -98px;
color: #049;
}
.rollover4 a:active {
background-position: 0 -98px;
color:#fff;
}
.rollover5 a {
display:block;
width: 200px;
height: 107px;

background: url("6tog.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover5 a:hover { 
background-position: 0 -107px;
color: #049;
}
.rollover5 a:active {
background-position: 0 -107px;
color:#fff;
}
.rollover6 a {
display:block;
width: 200px;
height: 59px;

background: url("1tog.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover6 a:hover { 
background-position: 0 -59px;
color: #049;
}
.rollover6 a:active {
background-position: 0 -59px;
color:#fff;
}


	
	#contents	
	{
		z-index: 2;
		position: relative; top: 80px; left: 50px;
		height: 420px;
		width: 690px;
		background-color: none;
		overflow: none;
	}
	
	#footer	
	{
		position: relative; bottom: -100px; left: 0px;
		width: 1000px;
		height: 100px;
		background-color: none;
	}
h2 
	{ 
		color : grey;
		font-weight:normal;
		font-style: normal;
		font-size : 50%;
		font-family : verdana, sans serif;
	}
	
	a {
	font-size: 85%;
	color: #66ff00;
	text-decoration: none;
}
a:visited {
	color: #f3ec35;
	text-decoration: none;
}
a:hover {
	color: #3bc161;
	text-decoration: none;
}
a:active {
	color: #f36235;
	text-decoration: none;
}