/**************************************************/
/*                                   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;
}



/**************************************************/
/*                                       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                                        */
/**************************************************/


#mainosbanneri728x90 {
background: ; 
width: 800px;
height: 100px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
color: white;
font-size: 12px;
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;
}


#ennenmenua {

background: black;
width: 720px;
margin: 0px 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: ;
	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: 800px;
	height: auto;
	margin: 0px auto;
	padding: 6px 0px 6px 0px;
	background-color: ;
	line-height: 1.5;
}

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

#menu2 li {
	display: inline;
}

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

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


#taustapaperi {
background: black;
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 10px 0px 10px;
color: #7C7D39;
font-size: 16px;
line-height: 1.2;
}


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

#blogivasen {
width: 120px;
height: 100%;
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 40px 10px 0px;
color: yellow;
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: yellow;
font-size: 16px;
line-height: 1.2;
}

img {
border: none;
} 

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

div.kuva {
float: left;
width: 160px;
height: 160px;
margin: 0px 5px 0px 5px;
text-align: center;


}

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

}


div.blogikuva450x338 {
float: left;
width: 500px;
height: 380px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
text-align: center;


}

div.blogikuva450x338 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: 0px;
}

/**************************************************/
/*                                       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;		
	}