/* CSS Document */

body
{margin: 0px;
font: normal 8pt arial;
background: #111;
background-image: url(images/bgbig.gif);
}

a.main:link{
text-decoration: none; 
color:#000000;
}

a.main:visited{
text-decoration: none; 
color:#000000;
}

a.main:hover, a.main:active { 
text-decoration:underline; 
color: #000000;
}

a:link{
text-decoration: none; 
color:#D0FF55;
}

a:visited { 
text-decoration: none; 
color:#D0FF55;
}
	
a:hover, a:active { 
text-decoration: none; 
color: #7A9632;
}

h1 {
font: 12pt arial;
margin: 2px;
color: #D0FF55;
}

h2 {
font: bold 8pt arial;
margin: 5px;
color: #111111;
}

p {
margin: 5px;
color: #111111;
line-height: 1.2;
text-align: justify;}



/* div stuff */
#container {
	background-image: url(images/bg.gif);
	background-repeat: repeat; 
	width: 700px;
	height: 700px;
	border: 2px solid #222;
	padding: 0px;	
	color: #999999;
	margin-right: auto;
	margin-left: auto;
	margin-top: 70px;
	margin-bottom: 40px;
	}
		
#news {
	background: #FFF;
	width: 256px;
	padding: 5px;
	margin-top: 20px;
	margin-left: 200px;
	
	}
	
#title {
	align: center;
	height: 20px;
	background: #111;
	padding: 5px;
	}

#post {
	background: #FFF;
	width: 200px;
	padding: 5px;
	margin-top: 20px;
	margin-left: 480px;
	position: absolute;
	top: 168px; 
	}

#links {
	width: 200px;
	margin-left: 0px;
	position: absolute;
	top: 179px; 
	}
	
#links ul {
	margin: 5px;
	padding: 5px;
	}
	
#links li {
	line-height: 2.5ex; 
	list-style-type: none;
	display: block; 
	padding: 4px; 
	margin-bottom: 5px;
	}

#links li:hover {
	line-height: 2.5ex; 
	list-style-type: none;
	background-color: #333333; 
	display: block; 
	padding: 4px; 
	margin-bottom: 5px;
}

#joy {
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	top: 0px; 
	left: auto;
	}

#joy h1 {
	margin: 10px;
	background-image: url(images/joy.gif);
	background-repeat: no-repeat;
	height: 240px;
	width: 220px;
	}
	
#joy h1 span {
	display:none;
	}
	
	
#joy2 {
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	top: 520px; 
	left: auto;
	}

#joy2 h1 {
	margin: 0px;
	background-image: url(images/bg2.gif);
	background-repeat: no-repeat;
	height: 200px;
	width: 700px;
	}
	
#joy2 h1 span {
	display:none;
	}