html,body { /* Sivuston tausta */
	height:100%; /* needed for container min-height */
	background-color: #0095D1;
	text-align: center;
}

div#container { /* Sisältöalue */
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:780px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#header { /* Header */
 	width: 780px;
 	float: left;
 	height: 155px;
	background: white url(../images/header_bg3.jpg) no-repeat 0 top;
}

/* My Comment */

div#index_header { /* Index_Header */
 	width: 780px;
 	float: left;
 	height: 155px;
	background: white url(../images/index_header.gif) no-repeat 0 top;
}

div#leftcolumn {
 margin: 0px 0 10px 10px;
 width: 245px;
 float: left;
}

div#rightcolumn { 
 float: right;
 margin: 0px 10px 10px 0px;
 width: 505px;
 display: inline;
}

div#content {
	background: white url(../images/page_bg.gif);
 	margin: 0px 0 0;
 	width: 780px;
 	float: left;
}

div#index_content {
 	margin: 0px 0 0;
 	width: 780px;
 	float: left;
	background-color: white;
}

.div_links {
	float: left;
	width: 780px;
	height: 24px;
	margin-top: 116px;
	background-color: #46B2DE;
}

.div_boxtitles {
	float: left;
	width: 245px;
	height: 30px;
}

.div_boxtexts {
	float: left;
	width: 205px;
	height: 60px;
	margin-left: 20px;
}

.div_boxtexts2 {
	float: left;
	width: 205px;
	margin-left: 20px;
}

.div_boxtexts3 {
	float: left;
	width: 205px;
	height: 90px;
	margin-left: 20px;
}


.div_boxlinks {
	float: left;
	width: 235px;
	height: 20px;
	margin-left: 10px;
}

.div_tulevat { /* Tulevat tapahtumat */
	float: left;
	width: 245px;
	height: 110px;
	text-align: left;
	background: #2EA8D9 url(../images/stripe_blue.png) repeat 0 top;
	padding: 0;
	border-bottom: 10px solid white;
	border-top: 10px solid white;
}

/* My Comment */

.index_tulevat {
	float: left;
	width: 248px;
	height: 140px;
	margin-top: 10px;
	text-align: left;
	background: #2EA8D9 url(../images/stripe_blue.png) repeat 0 top;
	margin-left: 10px;
}

.div_mainimage { /* pääkuva */
	float: left;
	width: 760px;
	height: 310px;
	margin-top: 10px;
	background-color: white;
	margin-left: 10px;
	background-image: url(../images/index_img.jpg);
}

.div_image { /* oikea palsta-kuva */
	float: left;
	width: 505px;
	height: 110px;
	margin-top: 10px;
	background-color: white;
}

.div_tunnus_img { /* tapahtuman tunnus */
	width: 110px;
}

.div_ajankohtaista {
	float: left;
	width: 245px;
	height: 110px;
	text-align: left;
	padding: 0;
	background: url(../images/stripe_green.png) repeat 0 top;
	border-bottom: 10px solid white;
}

.index_ajankohtaista {
	float: left;
	width: 248px;
	height: 140px;
	margin-top: 10px;
	text-align: left;
	background: #A7CEDE url(../images/stripe_green.png) repeat 0 top;
	margin-left: 8px;
}

.div_naytpalvelut {
	float: left;
	width: 245px;
	height: 110px;
	text-align: left;
	padding: 0;
	background: #9EDB62 url(../images/stripe_yellow.png) repeat 0 top;
	border-bottom: 10px solid white;
}

.index_naytpalvelut {
	float: left;
	width: 248px;
	height: 140px;
	margin-top: 10px;
	text-align: left;
	background: #9EDB62 url(../images/stripe_light.png) repeat 0 top;
	margin-left: 8px;
}

.div_sisalto {
	float: left;
	width: 465px;
	margin-top: 20px;
	margin-left: 20px;
	text-align: left;
}

.div_yleista { /* yleislaatikko */
	float: left;
	width: 680px;
	margin-top: 10px;
	margin-left: 29px;
	margin-right: 29px;
	text-align: left;
	padding: 20px;
}

.div_osoite {
	float: left;
	width: 245px;
	text-align: left;
	padding: 0;
	background: url(../images/stripe_light.png) repeat 0 top;
	border-bottom: 10px solid white;
}

.div_mainos {
	float: left;
	width: 300px;
	height: 35px;
	margin-left: 426px;
	margin-top: 200px;
	text-align: center;
	padding-top: 45px;
	background-image: url(../images/mainospohja.jpg);
}

.div_nauha {
	float: left;
	width: 760px;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
	background-color: white;
}

div#footer { 
 	width: 780px;
 	height: 50px;
 	clear: both;
 	background: white url(../images/footer_bg2.gif);
 	text-align: left;
}

.div_footer_text { 
 	width: 780px;
 	height: 20px;
 	clear: both;
 	text-align: center;
	background-color: white;
	letter-spacing: 0.05em;
}

br.clear { clear: both; }

.hovermenu ul{ /* Päävalikko */
font: bold 11px "trebuchet MS", sans-serif;
padding-left: 0;
margin-left: 10px;
margin-top: 3px;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
text-decoration: none;
float: left;
color: white;
background-color: #46B2DE;
	padding: 2px 1.4em 2px;
}

.hovermenu ul li a:hover{
background-color: #0095D1;
	color: white;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}