html{
font-family: arial, verdana, sans-serif;
background: #C9C9C9 url(images/bodybg.jpg) repeat-x;}

h1, h2, h3 {font-family: georgia, "Times New Roman", serif; color: #F57720}

h1{
font-size: 30px;
margin: 0 0 8px 0;
color: #F57720;
}

h2{
font-size: 24px;
margin: 20px 0 10px 0;
}
h3{font-size: 20px;}


#content img{margin: 0 0 20px 0px;}

.sIFR-hasFlash #newscontent h2{
margin: 20px 0 0 40px;}
#newscontent h2{margin: 20px 0 0 25px;}

#news p{padding:0 0 5px;}

p{font-size: 14px; line-height: 1.4; padding: 0px 12px 0px 0px; color: #333; }
p span {color: #F57720; font-weight: bold;}
a{color: #000;}
a:visited{color: #666;}
a:hover{ color: #FF7B22;}

#wrapper{
width: 986px;
margin: 0 auto;
position: relative;
}

#sidebar{
background: url(images/sidebarbg.png) no-repeat;
padding: 182px 0 0 0 ;
width: 236px;
float: left;
}

#content{
width: 745px;
background: #fff url(images/contentbg.jpg) no-repeat;
float:left;
display: inline;
}

#nav{
padding: 38px 0 0 0;
background: url(images/sidebar-top.png) no-repeat;
width: 237px;
}


#rahoittajat{
padding: 38px 0 0 0;
background: url(images/sidebar-bottom.png) no-repeat;
width: 237px;
}

#rahoittajat img{float:none;}
.centerbox{
background: url(images/sidebar-bg.png) repeat-y;
width: 100%;
}

.bottombox{
background: url(images/sidebar-btm.png) no-repeat;
width: 100%;
height: 32px;
}

#nav ul{list-style: none; margin: 0 5px 0 18px}
#nav ul li a{
padding: 5px 0 5px 20px;
display: block;
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}
#nav ul li a:hover{background: url(images/navipallo.png) no-repeat 0 center;}
#nav ul li a.current_page_item{color: #F57720;}
#nav ul ul li a{color: #6B6B6B}
#nav ul ul li a:hover{}

#rahoittajat { text-align: center;}



#ylalogot{
position: absolute;
top: 0;
left: 242px;
}


#ylalogot a{display:block; float: left; height: 64px; margin-left: 5px; }
#humak{width:161px;}
#pkky{width: 231px;}
#nuorisotoimi{width: 155px;}
#oifm{width: 148px;}



#logo{
background: url(images/vyohykelogo.png) repeat-x;
margin: 7px 0 0 0;
width: 740px; height: 250px;
float:left;
}
#text{
background: #fff;
float:left;
width: 672px;
padding: 31px 24px 20px 47px;
min-height: 300px;
} 



#etuteksti{width: 350px; margin: 0 20px 0 0;float:left;}
#oikeapalsta{margin: 0 20px 0 0; float:left; width: 380px;}



#news {
float: right;
background: #E2E2E2 url(images/box-top.jpg) no-repeat;
width: 266px;
margin: 4px 0 0 0;
}

#news .bottombox2{background: url(images/box-btm.gif) no-repeat; height: 27px;}
#newscontent {padding: 20px;}
#news ul li{
background: url(images/box-list.png) no-repeat 0 12px; 
padding: 0 0 0 20px; 
margin: 0 0 10px 0; }





#footer{
background:transparent url(images/footer.png) repeat;
display:inline;
float:right;
margin:0 5px 0 0;
width:745px; height:89px;
}

 *html #footer{margin: 0 4px 0 0;}



#footer p{font: 12px arial, verdana, sans-serif; padding: 36px 15px 0 15px; color: #fff;}
#footer p span{font-weight: bold; color: #000;}



#ylalogot{
background: url(images/ylalogot.png) no-repeat;
position: absolute;
top: 0; left: 237px;
width: 743px; height: 70px;
}
#hahmo{
background: url(images/rumpupoika.png);
position: absolute;
top: 50px; left: 192px;
width: 249px; height: 404px;
}
#tahra{
background: url(images/tahra.png);
position: absolute; top: 450px; left: 236px;
width: 33px; height: 109px;
}

.tulokset {


	}

.tulokset li {
	background: url(images/navipallo.png) no-repeat;
	padding-left: 20px; 
	margin-top: 25px;
	}
	



#content #news .post-title {
text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	line-height: 1;
}
.post-title a{text-decoration: none; color: #000; }
h3.post-title a{color: #F57720;}


#news p{font-size: 12px;}
h2.newstitle{margin: 15px 0 0 0;}
p.kirjoittanut{font-size: 10px; margin: -5px 0 10px;}

a.luelisaa { color:#F57720; margin: 0 0 0 10px; font-size:12px }
a.news-back{display:block; padding: 10px 0 0 0;}

#content p.post_date {
font-size: 10px;
font-weight: bold;
padding: 0; margin:-3px 0 5px;
line-height: 1;
}

.posts{margin: 10px 0;}
.posts_sivu li{margin: 0 0 20px 0;}
.posts_sivu a.luelisaa{margin: 0;}

.post_short {
	text-align: justify;
	padding-bottom: 5px;
}

.comment_title {
	font-weight: bold;
}

.comment_text {
	font-weight: bold;
	background-color: #FDFDFD;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 15px;
}

.comment_title, .comment_text {
	border-left: 1px solid #DDDDDD;
}

.comment_info {
	text-align: right;
	border-right: 1px solid #DDDDDD;
}

.comment_title, .comment_info {
	border-top: 1px solid #DDDDDD;
	background-color: #EEEEEE;
}

.selected_group_title { 
	font-size: 14px;
	text-align: center;
}
/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}


#yhteys{float:left;}