@CHARSET "ISO-8859-1";

#ylalogo{
	margin:         0px 0px 5px 20px;
	width:          800px;
	height:         150px;
	background:     transparent url(./kuvat/ylabanneri.png) center left no-repeat;
}
#ylalogo2{
	margin:         0px 0px 5px 20px;
	width:          800px;
	height:         150px;
	background:     transparent url(./kuvat/ylabanneri2.png) center left no-repeat;
}
#ylalogo1{
	margin:         0px 0px 5px 20px;
	width:          800px;
	height:         150px;
	background:     transparent url(./kuvat/ylabanneri1.png) center left no-repeat;
}
#ylalogo3{
	margin:         0px 0px 5px 20px;
	width:          800px;
	height:         150px;
	background:     transparent url(./kuvat/ylabanneri3.png) center left no-repeat;
}
#ylalogo4{
	margin:         0px 0px 5px 20px;
	width:          800px;
	height:         150px;
	background:     transparent url(./kuvat/ylabanneri4.png) center left no-repeat;
}

#lang_bar{
	margin:         0px 0px 5px 20px;
	width:          800px;
	height:         20px;
	text-align:	    right;
}

#lang_bar a img{
	decoration: none;	
	border: 0;
}
#menu
{
	margin:         0px 20px 0px 20px;
	height:         15px;
	width:			800px;
	background:     rgb(43,127,0) !important;
	background:     rgb(43,127,0);
	padding:        3px 0;
	font-family:    Verdana, arial, sans-serif;
	font-weight:    bold;
	font-size:      12px;
	text-align: center;
	vertical-align: center;
}

#menu ul
{
	margin:         0px 20px 0px 0px;
	background:      transparent rgb(43,127,0) top left repeat-x;
	height:          13px;
}

#menu ul li
{
	list-style:     none;
	display:        inline;
	padding:        0px 15px 0px 15px;
	color: 			rgb(255,255,255);
}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited
{
	color:           orange;	
	background:      transparent rgb(43,127,0) top center repeat-x;
	text-decoration: none;
	
}

#menu ul li a:hover
{
	background:      transparent  url('./kuvat/navihover.png') center center repeat-x;
	color:           rgb(255,255,255);
}

#asia{
	margin:         0px 0px 0px 20px;
	width:          800px;
	padding: 		0px 0px 0px 0px;
	background:     transparent url('./kuvat/Hansku_pohja.png') top left no-repeat;
	
}

#vasentyhja{
	background: transparent;
	width: 80px;
	padding: 		5px 0px 0px 0px;
	vertical-align: top;
}


#tekstit
{
	vertical-align:top;
	min-height:     550px;
	width:          600px;
	padding: 		5px 15px 5px 15px;
	font-family: tahoma;
	font-size:   0.85em;
	text-align: justified;
}

#tekstit table td{

	padding: 5px 5px 5px 5px;	
}

#tekstit img.border{

	border: 5px solid lightgrey;	
}

#mainososa{
	width:          120px;
	vertical-align: top;
	horizontal-align: right;
	padding: 		5px 0px 5px 0px;
	text-align: right;
}
#mainososa a img{
	decoration: none;
	border: 0;	
	vertical-align: center;
	horizontal-align: center;
	margin-top: 2px;
}

#galleria_thumbs{
	width: 120px;
	vertical-align: top;
	align: center;
	padding: 5px 0px 0px 0px;
}

#galleria_kuvat
{
	vertical-align:top;
	min-height:     500px;
	width:          560px;
	padding: 		5px 15px 5px 15px;
	font-family: tahoma;
	font-size:   0.85em;
	text-align: justified;
}



#alahr{
	margin:         0px 20px 0px 20px;
	height:         2px;
	width:			800px;
	background:     transparent  url('./kuvat/alahr.png') center center repeat-x;
}

#alalogot{
	margin-top: 5px;
	width: 800px;
	height: 70px;
	padding: 20px 10px 10px 20px;
	text-align: center;
}

#alalogot ul li
{
	list-style:     none;
	display:        inline;
	padding:        3px 5px 5px 3px;
	color: 			rgb(255,255,255);
	vertical-align: center;
	horizontal-align: center;
}

#alalogot a img{
	decoration: none;
	border: 0;	
	vertical-align: center;
	horizontal-align: center;
}

h1{
	color: rgb(43,127,0);
	text-align: right;
	font-style: bold;
	font-family: Verdana, arial, sans-serif;
	font-size: 1.5em;
}

h2{
	color: rgb(43,127,0);
	font-family:  Verdana, arial, sans-serif;
	font-size:      1.2em;
	text-align: left;	
}

h3{
	color: rgb(43,127,0);
	font-family:  tahoma;
	font-size:      1.1em;
	font-style: bold;
	text-align: left;	
}

p{
	font-family: tahoma;
	text-align: justified;
}
p.link2{
	font-family: tahoma;
	text-align: justified;
	font-size:      1.05em;
	font-style: bold;
	color: rgb(43,127,0);
}
a{
	font-family: tahoma;
	text-align: justified;
	text-decoration: none;
	color: orange;
}
a:hover, a:visited{
	color: rgb(153,0,0);	
}

a.link2{
	font-family: tahoma;
	text-align: justified;
	text-decoration: underline;
	color: rgb(43,127,0);;
}
a.link2:hover, a.link2:visited{
	color: rgb(43,127,0);;	
}

#asia ul{
	list-style:    none;
	font-family: tahoma;
	font-size:      0.9em;
	text-indent: 0px;
}

#nelikentta table{
	width: 600px;
	background: transparent;
}
#nelikentta td{
	width: 50%;
	vertical-align: top;
}

#nelikentta td.right{
	width: 50%;
	vertical-align: top;
	text-align: right;
}


#light_green{
	padding: 0px 5px 0px 5px;
	border: 1px solid rgb(43,127,0);
}

#light_green h2{
	color: rgb(43,127,0);
	font-family:  Verdana, arial, sans-serif;
	font-size:      1.2em;
	text-align: left;
	margin: 1px 1px 3px 1px;
	
}

#saavutukset table{
	width: 600px;
}
#saavutukset td{
	vertical-align: top;
	padding: 1px 1px 1px 30px	
}
#saavutukset th{
	vertical-align: top;
	padding: 1px 15px 1px 1px	
}


#thumbs_1{
	position: absolute;
	top: 220px;
	color: rgb(43,127,0);
	font-family:  Verdana, arial, sans-serif;
	font-size: 1.1em;
	font-style: bold;
}
#galleria_thumbs img{
	decoration: none;
	border: 2px;
	border-color: #FFFFFF;	
	horizontal-align: center;
	padding-bottom: 4px;
}


#thumbs_2{
	position: absolute;
	top: 220px;	
	color: rgb(43,127,0);
	font-family:  Verdana, arial, sans-serif;
	font-size: 1.1em;
	font-style: bold;
}

#thumbs_3{
	position: absolute;
	top: 220px;	
	color: rgb(43,127,0);
	font-family:  Verdana, arial, sans-serif;
	font-size: 1.1em;
	font-style: bold;
}

#thumbs_4{
	position: absolute;
	top: 220px;	
	color: rgb(43,127,0);
	font-family:  Verdana, arial, sans-serif;
	font-size: 1.1em;
	font-style: bold;
}


#galleria_kuva{
	padding-top: 30px;
	padding-bottom: 40px;
	float: right;
	align: right;
}

#page_menu_1 dl, dt, dd, ul, li {
	text-indent: 0px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#page_menu_1 {
	horizontal-align: right;
	width: 100%;
}
#page_menu_1 dl {
	float: right;
	width: 10em;
	position: relative;
}
#page_menu_1 dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background: #2B7F00;
	color: rgb(255,255,255);
}
#page_menu_1 dd {
	cursor: pointer;
	background-color: #70B300;
	position: absolute;
	top:1.3em;
	color: rgb(255,255,255);
	width:100%;
}
#page_menu_1 li {
	text-align: center;
}
#page_menu_1 li a, #menu dt a {
	color: rgb(255,255,255);
	text-decoration: none;
	font-weight: bold;
	font-style: Verdana, arial, sans-serif;
	display: block;
	height: 100%;
	border: 0 none;
}
#page_menu_1 a:hover {
	background: #2B7F00;
}