/* CSS Document */



*{
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  list-style:none;
  }

body{
	font-family: Helvetica, Arial, Myriad, Verdana, sans-serif;
	color:#000000;
	text-align:center;
	background-color:#fff;
	position:relative;
	}
a{
	text-decoration:underline;
	color:#0000FF;
	
	}

	
.container{
	width:750px;
	margin:0px auto;
	text-align:left;
	}


/******************/
/**   HEADER     **/
/******************/
#contest{
	position: absolute;
	right: 0;
	top: 0;
	margin-top:-10px;
	display: block;
	height: 150px;
	width: 150px;
	background: url(images/contest.gif) no-repeat;
	text-indent: -999em;
	text-decoration: none;}
	

.header{
	height:167px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	background-color:#cccccc;
	margin-top:15px;
	position:relative;
	}
	.header ul{
		bottom:-130px;
		clear:both;
		left:25px;
		position:relative;
		width:700px;
		}
	.header ul li{
		float:left;
		text-align:center;
		}
	.header ul li a:link, .header ul li a:visited {
		display:block;
		width:100px;
		height:32px;
		color:#ffffff;
		font-size:12px;
		font-weight:none;
		padding-top:8px;
		background-image:url(images/menu_inactive.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		}
	.header ul li a:hover, .header ul li a:active {
		background-image:url(images/menu_active.gif);
		text-decoration:none;
		color:#fdc056;
	}

	.header ul li a:link.last, .header ul li a:visited.last {
		background-image: url(images/menu_last_inactive.gif);
	}
	.header ul li a:hover.last, .header ul li a:active.last {
		background-image: url(images/menu_last_active.gif);
	}
	.header ul li a:link.current, .header ul li a:visited.current, .header ul li a:hover.current, .header ul li a:active.current {
		color:#fdc056;
		cursor:default;
		
	}
		.header ul li a:link.currentLast, .header ul li a:visited.currentLast, .header ul li a:hover.currentLast, .header ul li a:active.currentLast {
		color:#fdc056;
		cursor:default;
		background-image: url(images/menu_last_inactive.gif);	
	}



/******************/
/**   SISÄLTÖ    **/
/******************/

.content{
	background-color:#CCCCCC;
	padding: 25px;
}
.container #main {
	background-color:#ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px 25px 15px 25px;
}
.container #main p, #main div, #main td {
	color:#333333;
}
.container #main h1 {
	font-weight: bold;
	font-size:16px;
	color:#000000;
}

.container #main h1 {
	color:#9F0634;
	font-weight:bold;
	font-size:14px;
}

.container #main h2 {
	color:#9F0634;
	font-weight:bold;
	font-size:12px;
}


/******************/
/**   LINKIT     **/
/******************/

.container a {
	color:#333366;
	text-decoration:none;
}

/******************/
/**  VALKOPOHJA  **/
/******************/

.container #valkopohja {
	position:relative;
	background-color:#FFFFFF;
	padding:15px 15px 15px 15px;
	height:300px;
	overflow:auto;
	border: solid;
	border-width:thin;
	border-color:#666666;
}
.container #indexPohja {
	text-align:center;
	position:relative;
	padding:15px 15px 15px 15px;
	height:360px;
}

.container #indexPohja img {
/*	width:230px;
	height:230px;   */
	border-width:4px;
	border-style:solid;
	border-color:#9F0634;
	
	}
.container #indexInfo {
	background-color:#ffffff;
	width: 555px;
	height:90px;
	margin:0 auto;
	border-width:4px;
	border-style:solid;
	border-color:#9F0634;
}
.container #indexInfo #palsta {
	float:left;
	height:60px;
	width:164px;
	text-align:center;
	margin: 15px 0 15px 0;
	padding: 0 10px 0 10px;
	border-right:1px solid #999999
}
.container #indexInfo #palsta.oikea {
	border-right:none;
}

.container #valkopohja #subMenu {
	width: 120px;
	float: left;
/*	border-right:1px solid #999999; */
}
.container #valkopohja #subImage img {
/*	width:230px;
	height:230px;   */
	border-width:2px;
	border-style:solid;
	border-color:#9F0634;
	
	}
.container #valkopohja #subMain {
	width: 290px;
	float: left;
	padding: 0px 5px 0px 0px
}
.container #valkopohja #subImage {
	width: 234px;
	float: left;
	padding: 0px 0px 0px 0px
}

.container #valkopohja #subSingle {
	width: 410px;
	float: left;
	padding: 0px 0px 0px 0px
}

.container #valkopohja #subContact {
	width: 640px;
	float: left;
	padding: 0px 0px 0px 0px
}


/********************************/
/*  SUBMENU Linkkien väritykset */
/********************************/

.container #valkopohja #subMenu a:link, .container #valkopohja #subMenu a:visited {
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}
.container #valkopohja #subMenu a:hover, .container #valkopohja #subMenu a:active {
	color:#333333;
}

.container #valkopohja #subMenu a:hover.current, .container #valkopohja #subMenu a:active.current, .container #valkopohja #subMenu a:link.current, .container #valkopohja #subMenu a:visited.current {
	color:#333366;
	cursor:default;
}



/***************
***  BODY    **
***************

.body_container
{
	background-color:#FFFFFF;
	padding:15px 20px 0 20px;
	}
	.body_container input{
		border:solid 1px #000000;
	}

#body_top, #body_bottom{
	width:800px;
	height:15px;
	background-repeat:no-repeat;
	overflow:hidden;
	margin:0px;
	padding:0px;
	}
#body_top{
	background:url(/images/body_top.png) top left no-repeat;
	margin:15px 0px 0px 0px;
	overflow:hidden;
	}
#body_bottom{
	background:url(/images/body_bottom.png) top left no-repeat;
	overflow:hidden;
	}
	

.bodyindex{
	background:#ffffff;
	margin:0px;
	}
	.bodyindex 
	.bodyindex h1 a:hover{
		text-decoration:underline;
		}
.menudisplay{
	float:right;
	width:610px;
	padding:0px 0px 0px 10px;
	}
	.menudisplay h1 {
		font-size:18px;
		color:#828282;
		margin-bottom:10px;
		}
	.menudisplay h1 span{
		color:#779525;
		font-size:18px;
		font-weight:bold;
		}
	.menudisplay a img{
		margin:0px 14px 5px 0px;
		}
*/



/***********************/
/***    FOOTER     *****/
/***********************/

.footer{
	margin-top:0px;
	height:40px;
	background-color:#9F0634;
	background-image:url(images/footer.gif);
	background-repeat:repeat-x;
	}
	.footer ul{
		width:700px;
		position:relative;
		top:8px;
		left:25px;
	}
	.footer ul li{
		text-align:center;
		width:233px;
		float:left;
		position:relative;
		font-size:12px;
		color:#cccccc;
		margin-left:0px;

	}

	.footer ul li a:link, .footer ul li a:visited {
		color:#cccccc;
		text-decoration:none;
	}
	.footer ul li a:hover, .footer ul li a:active {
		color:#fdc056;
		text-decoration:none;
	}