/* layout */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
word-spacing: 90%;


}
#wrapper { 
position:relative;

 margin: 0 auto;
 width: 955px;
 height: 681px;
 background:transparent url(../images/tausta_plain.jpg) no-repeat scroll 0 0;
}

#content {
	width: 358px;
	float: left;
padding: 20px 0;
}

#left {
	width: 200px;
	padding:5px 10px;
	float: left;
}

#linkbar {
position: relative;
left: 5px;
top:135px;
	padding:5px 0 0 15px;
	float: left;
}


#menubottom {
	width: 200px;
	height: 160px;
	float: left;
	vertical-align:bottom;
margin-left:10px;
}

.content-left-blue {
	width: 145px;
	height: 160px;
	padding: 125px 40px 10px 28px;
	color: black;
	font-size:9px;
	background:transparent url(../images/left.png) no-repeat scroll 0 0;
	
}
.content-left-blue a{	
	color: black;
}


/* text */

h1, h2, h3 {
	color: #cc0000;
	margin-top:8px;
}
h4, h5, h6 {

	margin-top:8px;
}


#content ul,#content ol {
	list-style-position:inside;
	
}

#content li {
	
}


#right {
	width: 357px;
	height: 521px;
	float: right;
padding: 2px;
	margin: 20px 10px 0px 0px;
font-size: 12px;
	background:transparent url(../userfiles/Image//taskut/tasku_gradient.png) no-repeat scroll 0 0;
}

#right a {
color: black;
}



#right h1 {
position:relative;
left:0;
top:0;
padding:6px 3px 5px 3px;
margin: 0;
text-align:center;
color: black;
font-size:15px;
}


#right h2 {
margin: 0;
color: black;
font-size:13px;
}


/* menu */

#menu { 
color: white;
width: 953px;
margin: 0px 0px 5px 0px;
background-color:#1A6082;
word-spacing: 90%;
}

#menu ul { 
	list-style-type:none;
	
}

#menu ul li { 
	text-align:center;
	display: inline;
}

#menu ul li a { 
text-align:center;
	display:block;
	float:left;
	color:white;
	padding:4px 1px 5px 1px;
	border-right:2px white solid;
	width: 115px;
	height: 14px;
	text-decoration:none;
	font-style: italic;
	font-weight: bold;
	background-color:#1A6082;
}

#menu ul li a:hover { 
	background-color:#3AB9E7;
}

#menu ul li a.selected { 
	background-color:#3AB9E7;
}


#menu ul li a.last { 
	border-right:none
}



#leftmenu { 
 color: black;
 margin: 10px 0px 5px 5px;
 width: 200px;
 height: 140px;
 float: left;
}

#leftmenu ul { 
	list-style-type: none;
}

#leftmenu ul li { 
	display: inline;
	
}

#leftmenu ul li a { 
	display:block;
	color:black;
	padding:0px 0px 15px 30px;
	margin: 5px 0;
	height: 14px;
	text-decoration:underline;
	font-style:italic;
	font-weight:bold;
	background:transparent url(../images/leftmenu-dot.jpg) no-repeat scroll 4px 0;
}

#leftmenu ul li a:hover { 
	text-decoration:none;
}




/* Etusivun */

#flags {
float:right;
padding:3px 10px;

}
#eon {
position:absolute;
top:145px;
right:30px;
}

#eulogot {	
position:absolute;
top:40px;
left:250px;
}

#blue {	
position:absolute;
top:125px;
left:10px;
}

#logo {	
position:absolute;
top:330px;
left:680px;
width: 255px;
height: 255px;
display:none;
}




/* Easy Slider */
	
	#slider p {
		margin-bottom:12px;
	}
	
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:355px;
		height:265px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:726px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0 0 10px;
		padding:0;
		height:22px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:22px;
		line-height:22px;
		}
	ol#controls li a{
		float:left;
		height:22px;
		line-height:22px;
		border:1px solid #ccc;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#DCF1FB;
		color:#000;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */



	          





