@charset "utf-8";
/* CSS Document */

body {
	background:				#fef7fb url(../images/2011/tausta_body.jpg) repeat-x left top fixed;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
}

.pagetitle {
	font-size:				24px;
	font-weight:			bold;
	color:					#67489d;
	margin: 				15px 0px 10px 0px;
	border-bottom: 			1px solid #e8e4f0;
}

#menu {
	position:				absolute;
	left:					15px;
	top:					188px;
}

#menu ul {
	margin: 				0px;
	padding:				0px;
}

#menu ul a {
	text-decoration:		none;
}

#menu li {
	list-style-type:		disc;
	list-style-image:		url(../images/2011/nuoli2.png);
	list-style-position:	inside;
	font-weight:			bold;
	font-size:				14px;
	background:				#fdeff6;
	width:					200px;
	margin: 				2px;
	padding: 				2px 7px 2px 7px;
	border-top: 			#fce5f0 solid 1px;
	border-bottom: 			#fce5f0 solid 1px;
}

#menu li.menualaots {
	font-size:				12px;
	width:					178px;
	margin:					-3px 2px 2px 2px;
	padding: 				1px 7px 1px 20px;
}

#menu a li {
	color: 					#e50084;
}

#menu a li:hover {
	list-style-image:		url(../images/2011/nuoli1.png);
	color:					#dd0072;
	background:				#fce8f2;
	border-top: 			#fbdeec solid 1px;
	border-bottom: 			#fbdeec solid 1px;
}

#menu .menuotsikko {
	list-style-image:		none;
	list-style-position:	outside;
	color:					#ffffff;
	background: 			#e50084;
	border:					0px;
}

#menu .menuspacer {
	list-style-type:		none;
	list-style-image:		none;
	height:					2px;
	border:					0px;
	background:				none;
}

.menuperhonen {
	background:				url(../images/2011/menu_perhonen.png) no-repeat;
	width:					41px;
	height:					41px;
	position:				relative;
	left:					170px;
	top:					-5px;
}

#menubottomspacer {
	height:					100px;
}

#textcontainer {
	position:				absolute;
	left:					247px;
	top:					0px;
}

#text {
	border: 				#fdeff7 solid 1px;
	padding: 				190px 18px 20px 18px;
	width: 					600px;
	background-color:		#ffffff;
}

#top {
	position:				absolute;
	top:					0px;
	left:					0px;
	height:					209px;
	width:					100%;
	background:				url(../images/2011/top_logo.png) left no-repeat;
}

#bottomspacer {
	height:					150px;
	width:					630px;
}

#bottomnurtsi {
	position:				fixed;
	bottom:					0px;
	left:					0px;
	height:					77px;
	width:					100%;
	background:				url(../images/2011/tausta_bottom.png) repeat-x;
	z-index:				100;
}

#bottomjuoksijat {
	position:				fixed;
	bottom:					67px;
	right:					0px;
	height:					104px;
	width:					288px;
	background:				url(../images/2011/juoksijat_bottom.png) no-repeat;
	z-index:				100;
}

#bottomcopyright {
	position:				fixed;
	bottom:					10px;
	right:					10px;
	font-size:				10px;
	color: 					#ad53a7;
	z-index:				100;
}

#bottomyhteys {
	position:				fixed;
	bottom:					10px;
	left:					10px;
	height:					42px;
	color:					#ffffff;
	z-index:				100;
}

#bottomyhteys ul {
	margin: 				0px;
	padding: 				0px;
}

#bottomyhteys li {
	float: 					left;
	list-style-type:		none;
	padding: 				2px 15px 0px 5px;
}

#bottomyhteys .yhteysots {
	padding: 				0px 5px 0px 5px;
	color: 					#ad53a7;
	font-weight: 			bold;
	font-size: 				14px;
}

.registration_table{
	font-size:						11px;
}

.registration_table td{
	padding:						2px;
}

.registration_table input, select, textarea{
	width:							110px;
	font-size:						11px;
}

.registration_table input:hover, select:hover, textarea:hover{
	border-color:					#FCAC07;
}

.registration_table input:focus, select:focus, textarea:focus{
	background-color:				#FCAC07;
}

.forminfo{
	border:							thin solid #FCAC07;
	background:						#FFF2D1;
	position:						relative;
	left:							25px;
	padding:						3px;
}

#sponsorbanner {
	background:						#ffffff;
	-webkit-border-radius:			5px;
	-moz-border-radius:				5px;
	border-radius:					5px;	
	padding:						15px;
	position:						absolute;
	top:							150px;
	left:							920px;
	width:							200px;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:200px;
		height:150px;
		overflow:hidden;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:200px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */