/* THE BODY AND THE WRAPPER */
body {
font-size: 14px;
background: #2F2000;
margin: 0;
padding: 10px;
font-family: Segoe UI, Tahoma, Verdana, Arial, sans-serif;
}

#wrapper {
width: 800px;
margin: 0 auto;
}

/* TOP BAR AND THE HEADER */

#top {
/*background: #2F2000 url(images/topbar.png) top center no-repeat; */
background: #2F2000; 
width: 800px;
height: 50px;
}

#header {
/*background: url(../images/header.png) top center no-repeat; */ 
background: url(./images/tausta3.jpg) top center no-repeat; 
width: 550px;	
height: 100px;
/* border-radius: 15px;  --pyöristää kulmat */
border-top-left-radius: 15px;
border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
/* moz-border-radius */
padding: 50px 0px 0px 250px; /*padding: top right bottom left */
color: white;
font-size: 32px;
font-family: Segoe UI, Tahoma, Verdana, Arial, sans-serif;
}

/* THE INSIDE WRAPPER, THE MENU, AND THE CONTENT */

#contentwrapper {
background: url(./images/bgmiddle.png) top center repeat-y; 
width: 790px;
margin: 0 auto;
text-align: center;
padding: 5px 5px 100px 5px; 
}

#menu {
width: 200px;
height: 24px;
margin: 0px;
float: left;
}

#menu li a {
height: 35px;
/*height: 27px; */
text-decoration: none;
font-weight: bold;
}	
	
#menu li a:link, #menu li a:visited {
color: #000000;
/*color: #0000ff; */ /*blue*/
/*color: #ffff00; */
display: block;
background:  url(./images/valikko1off.png);
padding: 8px 0 0 10px;
height: 35px;
}
	
#menu li a:hover {
color: #0A2441;
background:  url(./images/valikko1on.png);
padding: 8px 0 0 10px;
height: 27px;
}	

ul {
list-style: none;
margin: 0;
padding: 0;
}

#content {
width: 570px;
height: 100%;
text-align: left;
margin: 3px 10px 10px 220px; /*margin: top right bottom left */
color: white;
font-size: 16px;
font-family: Segoe UI, Tahoma, Verdana, Arial, sans-serif;
}

img {
border: none;
} 

p {
/*background: url(images/paragraph.png) top left repeat-y; */
padding-left: 20px;
}

/* THE FOOTER */

#bottom {
/* background: #2F2000 url(../images/bottom.png) bottom center no-repeat; */ 
background: #2F2000 url(./images/alapalkki.jpg) bottom center no-repeat; 
width: 700px;
height: 35px;
padding: 15px 0px 0px 100px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15 px;
color: white;
}

#bottom a:link, #bottom a:visited {
color: #FFF;
}
	
#bottom a:hover {
color: Yellow;
}