body {
margin:0;
padding:0;
background:#f7f7f7 url(images/topbg1.jpg) repeat-x left top;
color:#000;
font-size: 90%;
}
#wrap {
background-image:url(images/contentbg.jpg);
position:relative;
width: 920px;  /* this will create a container 80% of the browser width */
left:50%;
margin-left:-460px;
text-align: left; /* this overrides the text-align: center on the body element. */


}
#header {
background-image:url(images/top.jpg);
height: 144px;
width: 920px;
}
#nav {
/* background:#c99 url(images/lownavi.jpg); */
height: 54px;
width: 920px;
}

#main {
float:left;
width:515px;
height:100%;
padding-left:70px;
}

#sidebar {

float:right;
width:335px;
height:100%;
}

#news_middle {
background-image: url(images/news_middle.jpg);
height: 160px;
width: 274px;
}

#footer {
position:relative;
background-image:url(images/bottom.jpg);
height:79px;
width:920px;
left:50%;
margin-left:-460px;

}
#footerwrap {
	position:relative;
	background:#c99 url(images/bottom-bg.jpg);
	width:100%;
	clear:both;
}

#footer p {
margin:0;
padding-top: 45px;
padding-left: 70px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}

.clear {
clear:both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* FONTIT */
p, h1, h2, h3, td, #main li {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#333333;
 line-height:14px;}
 
h1 {
	font-size:140%;
	line-height:30px;
	color:#e0a902;
	font-weight: normal;
}
h2 {
	font-size:115%;
	line-height: 22px;
	color:#e0a902;
	font-weight: normal;
	}
h3 {
	font-size:105%;
	line-height: 22px;
	color:#e0a902;
	font-weight: normal;
}
	
/* TEKSTIEN ASETTELUT */

#main p, #main h1, #main h2, #main h3 {
	padding-right: 30px;}
	
	
/* YLÄ NAVIGAATIO */


#header h1 {
padding:5px;
margin:0;
}

#header ul{
margin:0px;
list-style:none;
padding-top: 122px;
padding-left: 70px;

}
#header li{
display:inline;
margin:0;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 15px;
}

#header a:link, #header a:visited, #header a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:none;

}
#header a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:underline;

}

#nav a:link, #nav a:visited, #nav a:active  {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-decoration:none;
font-weight:bold;
padding-right: 10px;
}
#nav a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-decoration:underline;
font-weight:bold;
padding-right: 10px;

}

#nav ul{
margin:0;
list-style:none;
padding-top: 8px;
padding-left: 70px;
}
#nav li{
display:inline;
margin:0;
padding:0 0 0 0;
}

#main li {
	list-style-image: url(images/bullet_side.gif);
}


/* LINKIT */

#main a:link, #main a:visited, #main a:active {
color:#d56705;
text-decoration:none;
}
#main a:hover {
color: #000000;
text-decoration:none;
}

#main a.lue:link, #main a.lue:visited, #main a.lue:active {
color:#d56705;
text-decoration:none;
background-image: url(images/bullet_side.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
line-height: 28px;
}
#main a.lue:hover {
color: #000000;
text-decoration:none;
background-image: url(images/bullet_side.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
line-height: 28px;
}

/* SIVUPALKIN BOXIEN OMINAISUUDET */

#sidebar #news_middle {
background-image: url(images/news_middle.jpg);
height: 160px;
width: 274px;
margin:0px;
padding:0px;
}
#sidebar #news_middle {
background-image: url(images/news_middle.jpg);
height: 160px;
width: 274px;
margin:0px;
padding:0px;
}
#sidebar #news_middle #text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:14px;
color: #333333;
padding-top: 40px;
padding-left: 12px;
max-width: 250px;
}

#news_middle #text a:link, #news_middle #text a:visited, #news_middle #text a:active {
color:#d56705;
text-decoration:none;
vertical-align:sub;
background-image: url(images/bullet_side.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;

}
#news_middle #text a:hover {
color: #000000;
text-decoration:none;
background-image: url(images/bullet_side.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
}



#sidebar #lisa_top {
background-image: url(images/lisa_top.jpg);
height: 116px;
width: 274px;
}
#sidebar #lisa_middle {
background-image: url(images/lisa_middle.jpg);
width: 274px;
background-repeat: repeat-y;
}
#sidebar #lisa_bottom {
background-image: url(images/lisa_bottom.jpg);
height: 114px;
width: 274px;
}

#sidebar #lisa_middle p {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height:25px;
color: #333333;
padding-left: 12px;
}


#lisa_middle p a:link, #lisa_middle p a:visited, #lisa_middle p a:active {
color:#d56705;
text-decoration:none;
background-image: url(images/bullet_lisa.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}
#lisa_middle p a:hover {
color: #000000;
text-decoration:none;
background-image: url(images/bullet_lisa.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}