/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
background: #606060 url(index_files/kangas.gif) top center repeat; 
margin: 0;
padding: 0;
font: normal 8pt/13pt verdana, arial,sans-serif;
}

#wrapper {

margin: 0 auto;

width: 798px;

padding: 0;
text-align: left;
}

#mainosvasen { 
width: 160px;
height: 300px;
float: left;

margin: 130px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#mainosoikea { 
width: 140px;
height: 260px;
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 860px;
}

#mainos120x240 { 
width: 120px;
height: 240px;
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

#vote {
width: 350px;
height: 260px;
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 10px 20px 10px;
color: #00084A;
font-size: 16px;
line-height: 1.2;
}



/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top { 
background: url(index_files/ylaosa.jpg) top center no-repeat; 
width: 800px;
height: 45px;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#content {

width: 800px;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

#header {
background: url(index_files/onlinebanneri.jpg) top center no-repeat; 
width: 800px;
height: 100px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: white;
font-size: 50px;
text-align: left;
}

#blogiheader {
background: url(blogi_files/blogibanneri.jpg) top center no-repeat; 
width: 800px;
height: 100px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: white;
font-size: 50px;
text-align: left;
}

#enheader {
background: url(english_files/onlineenbanneri.jpg) top center no-repeat; 
width: 800px;
height: 100px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: white;
font-size: 50px;
text-align: left;
}

#ennenmenua {
width: 714px;
margin: 00px 0px 0px 0px;
padding: 10px 40px 3px 40px;
color: #00084A;
font-size: 16px;
line-height: 1.2;
}


/*                    Menu                   */
#menu {
	width: 800px;
	height: auto;
	margin: 0px auto;
	padding: 6px 0px 6px 0px;
	background-color: #00084A;
	line-height: 1.5;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 2px 15px 2px 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: yellow;
}

#menu a:hover {
	color: black;
	background-color: yellow;
}	

/*                    Menu2                */
#menu2 {
	width: 798px;
	height: 28px;
	margin: 0px auto;
	padding: 8px 0px 0px 0px;
	background-color: #00084A;
}

#menu2 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#menu2 li {
	display: inline;
}

#menu2 a {
	padding: 5px 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu2 a:hover {
	background-color: navy;
}


#taustapaperi {
background: url(index_files/keltavaaka.jpg) top center repeat-y;
width: 800px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0;
color: black;
font-size: 16px;
}


img {
border: none;
} 


/**************************************************/
/*                               vierivä uutisteksti                                        */
/**************************************************/



#kuvaalue {
width: 680px;
height: 200px;
margin: 0px 0px 0px 0px;
padding: 5px 25px 0px 25px;
color: #00084A;
font-size: 16px;
line-height: 1.2;
}

#julkisiinkuvaalue {
width: 680px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 5px 20px 0px 20px;
color: #00084A;
font-size: 16px;
line-height: 1.2;
}

#stuff {
width: 714px;
margin: 0px 0px 0px 0px;
padding: 10px 40px 10px 40px;
color: #00084A;
font-size: 16px;
line-height: 1.2;
}

#blogivasen {
width: 70px;
height: 100%;
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 40px 10px 40px;
color: #00084A;
font-size: 16px;
line-height: 1.2;
}

#blogiteksti {
width: 530px;
height: 100%;
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 10px 20px 10px;
color: #00084A;
font-size: 16px;
line-height: 1.2;
}

#kilpailuvasen {
width: 70px;
height: 100%;
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 70px 10px 10px;
color: #00084A;
font-size: 16px;
line-height: 1.2;
}

#kilpailusisalto {
width: 530px;
height: 100%;
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 10px 20px 10px;
color: #00084A;
font-size: 16px;
line-height: 1.2;
}

#vierailevienotsikkotiedot {
width: 500px;
height: 100%;
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 10px 20px 10px;
color: #00084A;
font-size: 16px;
line-height: 1.2;
}

img {
border: none;
} 

/**************************************************/
/*                                       Kuva                                          */
/**************************************************/

div.kuva {
float: left;
width: 220px;
height: 170px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;


}

div.kuva p {
margin: 0;
font-size: smaller;
padding:0;

}

#korttikuvaalue {
width: 680px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 0px 30px;
color: #00084A;
font-size: 12px;
line-height: 1.2;
}

div.korttikuva {
float: left;
width: 85px;
height: 90px;
margin: 0px 20px 0px 20px;
text-align: center;


}

div.korttikuvakuva p {
margin: 0;
font-size: smaller;
padding:0;

}

div.printtikuva {
float: left;
width: 320px;
height: 350px;
margin: 0px 0px 0px 0px;
text-align: center;


}

div.printtikuva p {
margin: 0;
font-size: smaller;
padding: 0;

}


/*                                       varasto


border-style: solid;
border-width: 1px;
border-color: black;

#stuff {
background: #EAE7FF  top center repeat-y;
width: 754px;
margin: 0px 0px 0px 0px;
padding: 10px 40px 0px 20px;
border: 2px solid navy;
color: black;
font-size: 16px;
}

img {
border: none;
} 

#menu {
	width: 800px;
	height: 23px;
	margin: 0px auto;
	padding: 8px 0px 0px 0px;
	background: url(index_files/keltavaaka.jpg) top center repeat-y;
}

                           varasto loppuu              */



/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom {
background: url(index_files/alaosa.jpg) top center no-repeat; 
width: 800px;
height: 45px;
}

/**************************************************/
/*                                       Lomake                                             */
/**************************************************/

#lomake {
width: 500px;
padding: 10px 0px 0px 0px;
text-align: left;
color: #00084A;
font-size: 16px;
}


/**************************************************/
/*                                       teksti                                             */
/**************************************************/

H2	{

	margin: 0px 0px 0px 0px;
	color: #00084A;
	font-size: 14pt;
	text-align: center;		
	}

H3	{

	margin: 0px 0px 0px 40px;
	color: #00084A;
	font-size: 12pt;
	text-align: left;		
	}