* { padding: 0; margin: 0; }

body {
font-family: Verdana,Helvetica, sans-serif;
font-size: 10px; 
background: url(img/bg.jpg) center top no-repeat;
background-color:white;
}
body a img, body a:hover img {
	border: none;
}

body a 
{
	color: #6666CC;
	text-decoration: none;
}
		
body a:hover {
	color: #6666CC;
	text-decoration: underline;
}

#wrapper { 
margin: 0 auto;
width: 790px;
}
#header {
background: url(img/headerbg.jpg) top center no-repeat;
width: 790px;
color: #333;
height: 130px;
}
#logo {
width: 430px;
float: left;
height: 78px;
padding-top: 5px;
margin-left: 40px;
}
#kielet {
width: 270px;
float: right;
height: 70px;
margin-right: 30px;
padding-top: 10px;
font-size: 11px;
text-transform:uppercase;
}
#kieli-ul {
list-style-type: none;
color: #9E9E9E;
}
#kieli-ul li {
padding-top: 3px;
}
#kieli-ul li a {
color: #9E9E9E;
text-decoration: none;
}

#kieli-ul li a:hover {
color: #9E9E9E;
text-decoration: underline;
}

#navigation {
width: 770px;
display: block;
position: relative; 
float: left;
padding: 0;
height: 45px;
list-style-type: none;
margin-left: 20px;
background: url(img/menuviiva.gif) top left no-repeat;

}
#navigation .menu-top ul {
}
#navigation .menu-top li {
display: inline;
float: left;
margin: 0;
padding: 0 15px 0 15px;
height: 45px;  
line-height:45px;
vertical-align:middle;
font-size: 11px;
text-transform:uppercase;
background: url(img/menuviiva.gif) top right no-repeat;
}

#navigation .menu-top li a {
display: block;
float: left; 
margin: 0;	
padding: 0;
color: #666666;
text-decoration: none;
font-family: Verdana,Helvetica, sans-serif;
}

#navigation .menu-top li a:hover {
margin: 0;	
padding: 0;
color: #7487C0;
text-decoration: underline;
}
#navigation .menu-top li.menu-current {
font-weight: bold;
}
#navigation .menu-top li.menu-parent {
font-weight: bold;
}

#content { 
 width: 790px;
 color: #333;
 background: url(img/contentbg.jpg) top center no-repeat;
 margin: 0px 0px 0px 0px;
}
#sisalto {
padding: 5px 20px 0 20px;
}
#tekstipalsta {
width: 720px;
float: right;
padding-top: 15px;
min-height: 300px;

}

#oikeapalsta {
width: 520px;
float: right;
min-height: 300px;
padding-top: 15px;
}
#oikeapalsta .thumbnail {
}

#oikeapalsta p {
margin-top: 10px;
}

#oikeapalsta ol li {
margin-top: 10px;
margin-left: 20px;
}
#oikeapalsta ul li {
margin-top: 10px;
margin-left: 20px;
}

#oikeapalsta a {
	color: #2E458C;
	text-decoration: none;
}
#oikeapalsta a:hover {
	color: #2E458C;
	text-decoration: none;

}
.otsikko{
font-family: Georgia, Times New Roman,Arial,Verdana,Helvetica, sans-serif;
font-size: 24px; 
font-weight: normal;	
color: #2E458C;
text-decoration: none;
padding: 0 0 0 0;
}
#vasenpalsta {
width: 225px;
float: left;
padding-top: 15px;
}
#vasenpalsta ul {
font-family: Georgia, Times New Roman,Arial,Verdana,Helvetica, sans-serif;

}
#vasenpalsta li {
list-style-type:none; 
padding-bottom: 5px;
padding-top: 5px;
}
#vasenpalsta li a {
font-size: 24px; 
font-weight: normal;	
color: #2E458C;
letter-spacing:-1px;
text-decoration: none;
padding: 0 0 0 6px;
}

#vasenpalsta li a:hover {
	text-decoration: none;

}
#vasenpalsta ul ul {
padding-top: 10px;
padding-bottom: 10px;
}

#vasenpalsta ul ul li {
margin: 0px;
padding: 0px;
}
#vasenpalsta ul ul li a {
	display: block;
	font-size: 11px;
font-family: Verdana,Helvetica, sans-serif;
    letter-spacing:0px;
	color: #2E458C;
 	padding: 0 0 0 30px;
 	margin: 0;
 	line-height: 20px;
 	width: 170px;
	text-decoration: none;
    background: url(img/menubullet.gif) 20px 8px no-repeat;

}

#vasenpalsta ul ul li a:hover {
font-weight: bold;	
text-decoration: none;
background: url(img/menubulletselected.gif) 20px 8px no-repeat;
}

#vasenpalsta ul ul li a.menu-current {
font-weight: bold;	
text-decoration: none;
background: url(img/menubulletselected.gif) 20px 8px no-repeat;
}

#menupalsta {
width: 225px;
float: left;
padding-top: 15px;
}

#menupalsta .otsikko {
font-size: 24px; 
font-weight: normal;	
color: #2E458C;
letter-spacing:-1px;
text-decoration: none;
padding: 0 0 6px 6px;
border-bottom:solid 1px #E0E0E0;
}
#menupalsta ul {
padding-top: 10px;
padding-bottom: 10px;
list-style-type: none;
}
#menupalsta ul li {
margin: 0px;
padding: 0px;
}
#menupalsta ul li a {
	display: block;
	font-size: 11px;
font-family: Verdana,Helvetica, sans-serif;
    letter-spacing:0px;
	color: #2E458C;
 	padding: 0 0 0 30px;
 	margin: 0;
 	line-height: 20px;
 	width: 170px;
	text-decoration: none;
    background: url(img/menubullet.gif) 20px 8px no-repeat;

}

#menupalsta ul li a:hover {
font-weight: bold;	
text-decoration: none;
background: url(img/menubulletselected.gif) 20px 8px no-repeat;
}
#menupalsta ul li a.menu-current {
font-weight: bold;	
text-decoration: none;
background: url(img/menubulletselected.gif) 20px 8px no-repeat;
}
#print {
	color: #9E9E9E;
padding-top: 15px;
}

#print a {
	color: #D5D5D5;
	text-decoration: none;
}
#print a:hover {
	color: #D5D5D5;
	text-decoration: underline;
}

#Footer {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 85px;
	text-align: center;
	clear: both;
	overflow: hidden;
	background: url(img/bottombg.gif) left top no-repeat;
}	

#FooterContent {
	position: relative;
	display: block;
	padding: 0;
	margin: 20px 0 0 0;
	color: #9E9E9E;
	font-size: 11px;
	font-weight: normal;
	height: 20px;
	width: 790px;
	overflow: hidden;
	clear:both;
}
html>body #FooterContent {padding: 10px 0 0 0;margin: 0;}

#FooterContent li {
    display:inline;
    position:relative;
    margin: 0;
    padding: 0;
    list-style-type:none;
    list-style-image:none;
    overflow:hidden;
}

#FooterContent a,#Poweredby a {
	color: #D5D5D5;
	text-decoration: none;
}

#FooterContent a:hover,#Poweredby a:hover{
	color: #D5D5D5;
	text-decoration: underline;
}

#Poweredby {
    display:block;
    position:relative;
    margin: 25px 0 0 0;
	font-size: smaller;
    padding: 0;
    overflow: hidden;
    clear:both;
}
a.squarebutton{
background: transparent url('img/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial;
line-height: 15px; 
height: 23px; 
padding-left: 9px; 
margin-top: 15px;
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('img/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.line, .line_rightalign {
	border-bottom: 1px solid #DDDDDD;
}
#lomake { 
 margin: 0 auto;
 width: 750px;
}
#vasenpuoli { 
 width: 375px;
 float: left;
}
#oikeapuoli { 
 float: right;
 width: 375px;
}