body		{
margin:	0px;
padding:	0px;
border:	0px;
background-color:#000000;
text-align:	center;
height:	100%;
}
					
div, a, img {
	margin:			0px;
	border:			0px;
	padding:		0px;
}

div#page		{
	width:			980px;
	height:			861px;
	margin:			0px auto;
}

div#header	{
	width:			980px;
	height:			163px;
	background:		url(../gfx/header.jpg) no-repeat;
	background-position:	0px 0px;
}

div#headerprog	{
	width:			980px;
	height:			163px;
	background:		url(../gfx/headerprog.jpg) no-repeat;
	background-position:	0px 0px;
}

div#background	{
	position:	relative;
	width:	980px;
	height:	603px;
	background:	#000 url(../gfx/tausta.jpg) no-repeat bottom left;
	background-position:	0px 0px;
	padding: 0px;
	border: 0px;
	margin: 0px;
}

div#content	{
	float:	left;
	width:	630px;
	height:	598px;
	padding:	5px 5px 0px;
	color:	#FFF;
	font-family:	Arial, sans-serif;
	font-size:	12px;
	overflow:	auto;
	text-align:	justify;
}

div#banners {
	float: left;
	position: relative;
	left: 10px;
	top: -35px;
}
					
div#mailinglist	{
	float:	left;
	position:	relative;
	top:	-12px; 
	height:	169px;
	width:	170px;
	background:	url(../gfx/plaque.jpg) no-repeat;
	background-position:	0px 0px;
}

div#footer	{
	clear:			both;
	position:	relative;
	top:	-117px;
	width:			980px;
	height:			95px;
	background:		url(../gfx/footer.jpg) no-repeat;
}

/* ------------- LISTAT ------------------- */

/* NAVIGAATIOLISTA	*/

ul#navlist	{
	margin:					0px;
	padding:				0px;
	top:					100px;
	float:					left;
	position:				relative;
	list-style-type:		none;
}

ul#navlist li	{
	width:					170px;
	height:					40px;
	display:				block;
	margin:					0px;
	padding:				0px;
	border:					0px;
}

ul#navlist a 	{
	width:					170px;
	height:					40px;
	display:				block;
	margin:					0px;
	padding:				0px;
	border:					0px;
	text-indent:			-5000px;
}

#navlist a#upcoming, #navlist a#upcoming:visited	{
	background-image:		url(../gfx/upcoming1.gif);
}
#navlist a#upcoming:hover	{
	background-image:		url(../gfx/upcoming2.gif); 
}
#navlist a#past, #navlist a#past:visited	{
	background-image:		url(../gfx/past1.gif);
}
#navlist a#past:hover	{
	background:				url(../gfx/past2.gif); 
}
#navlist a#residents, #navlist a#residents:visited	{
	background:				url(../gfx/residents1.gif);
}
#navlist a#residents:hover	{
	background:				url(../gfx/residents2.gif);
}
#navlist a#links, #navlist a#links:visited	{
	background:				url(../gfx/links1.gif);
}
#navlist a#links:hover	{
	background:				url(../gfx/links2.gif);
}
#navlist a#press, #navlist a#press:visited	{
	background:				url(../gfx/press1.gif);
}
#navlist a#press:hover	{
	background:				url(../gfx/press2.gif); 
}

/* KALENTERILISTA */					
					
ul#calendar li	{
	list-style-type:		none;
	padding-right:			25px;
	display:				inline;
}

ul#calendar	{
	position:				relative;
	left:					0px;
	top:					145px;
	margin:					0px;
	padding:				0px;
	display:				inline;
	color:					#777;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			bold;
}

ul#calendar a	{
	color:					#FFF;
	text-decoration:		none;
}
ul#calendar a:hover	{
	color:					#AAA;
}

/* TYPOGRAPHY */

.centered	{
	text-align:				center;
}

h2 {
	font-size:	18px;
	padding: 0px;
	border: 0px;
}

a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}