* {
		margin: 0;
		padding: 0;
	} 
	html, body {
		width: 100%;
		height: 100%;
		overflow: hidden;
		font-family: Arial, Helvetica, sans-serif;
	}
	#panel1 {
		position: absolute;
		width: 728px;
		height: 50px;
		background: #019934 url("../images/frontpage/welcome.png") 50% 50% no-repeat;
	}
	#panel2 {
		position: absolute;
		top: 50px;
		width: 460px;
		height: 382px;
	}
	#panel2 #note {
		width: 100%;
		height: 84px;
		background: #64FF64;
		font-size: 14px;
		font-weight: bold;
		overflow: hidden;
	}
	#panel2 #note p {
		padding: 10px;
	}
	#panel2 #note a {
		color: #019934;
		text-decoration: none;
	}	
	#panel2 #note a:hover {
		color: #00DD66;
	}
	#panel2 #latest {
		width: 100%;
		height: 28px;
		background: #019934 url("../images/frontpage/latest.png") 50% 50% no-repeat;
	}
	#panel3 {
		position: absolute;
		top: 50px;
		left: 534px;
		width: 268px;
		height: 382px;
		overflow: hidden;
	}
	#panel3 .inside {
		position: absolute;
		top: -6px;
	}
	#panel4 {
		position: absolute;
		top: 432px;
		width: 728px;
		height: 118px;
		overflow:hidden;
	}
	
	#panel4 #flashes {
		width: 728px;
		height: 28px;
		background: #019934 url("../images/frontpage/olderflashes.png") 98% 50% no-repeat;
	}