body { 
	margin: 21px 0 0 0; 	
	color: #000; 
	background-color: #666;
font-family:arial, verdana, sans-serif;
	}

#centered { 
	width: 1024px;
	margin: 0 auto;		
	}	
	
#page { 
	float: left;
	text-align: left; 
	width: 1024px;
	}	

#header { 
	float: left;
	width: 974px;	
	padding: 0px 0px 0px 46px;
	background-image: url(../pics/bg_header.gif);
	background-repeat: repeat-y;
	}

#logo { 
	float: left;
	width: 400px;
	}

#flags { 
	float: right;
	text-align: right;
	width: 300px;	
	padding: 20px 0 20px 0;
	}
	

#slogan { 
	float: right;
	text-align: right; 
	width: 400px;	
	padding: 35px 28px 0px 0px;
	}

#date { 
	float: left;
	text-align: right; 
	width: 900px;	
	padding: 0px 0 0px 0px;
	}
	
#date p { 
	text-align: right; 
	font: normal 0.5em arial, verdana, sans-serif;
	color: #000;
	margin: 7px 0 6px 0;
	}
	
#content { 
	float: left;
	width: 956px;	
	padding: 0px 0 30px 68px;
	background-image: url(../pics/bg_content_events_tekniikanpaivat.gif);
	}			
	
	
/*** navigaatio ***/	
#navigation { 
	float: left;
	clear:left;
	width: 906px;
	padding: 10px 0 11px 0px;
	border-top: solid 1px #b0afaf;
/*	border-bottom: solid 1px #b0afaf;*/
	}	
#pagelinks{
float:left;
clear:none;
	}	 
#pagelinks p { 
	font: normal 1em arial, verdana, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;	
	}	
			
		
#pagelinks p a { 
	text-decoration: none;
	padding: 0 16px 0 0;
	color: #00a9c6;
	}
	
#pagelinks p a.on { 
	text-decoration: none;
	padding: 0 16px 0 0;
	color: #00a9c6;
	}
#roll a, #roll a:visited, #roll a:hover {
 color:#000000;
}	
#channelstatusroll{
float:right;
clear:right;
/*border:1px solid #ccc;*/
background:url(../images/layout/nowplayingbg.png) no-repeat;
width: 512px;
height: 46px;
padding-left: 5px;
padding-top: 4px;
margin-right:-5px;
}	
#textContent { 
	float: left;
	width: 906px;	
	padding: 12px 0 14px 0px;
	border-bottom: solid 1px #b0afaf;
	}

#textContentIndex { 
	float: left;
	width: 906px;	
	padding: 2px 0 14px 0px;
	border-bottom: solid 1px #b0afaf;
	}
	
	#indexBlock { 
	float: left;
	width: 906px;	
	padding: 0px 0 2px 0px;
	margin: 0 0 15px 0;
	border-bottom: solid 1px #b0afaf;
	}
	
	#words { 
		float: left;
		width: 545px;	
		text-align: center;
		padding: 0 30px 0 10px;
	}
	
	#wordsImage { 
		float: left;
		width: 280px;	
		padding: 0;
	}
	
	#wordsImage p { 
		font: normal 0.7em arial, verdana, sans-serif;
		color: #666;
		margin: 5px 0 0 0;
	}
	
#partners { 
	float: left;
	width: 908px;
	margin: 11px 0 20px 0;
	border-bottom: solid 1px #000;
	}	

	
	.newsImage { 
		float: left;
		width: 115px;
		padding: 0 0 0 15px;
	}
	
	.newsIngress { 
		float: left;
		width: 405px;
		padding: 0 20px 0 0;
	}
	
	.newsImageLeft { 
		float: left;
		width: 115px;
		padding: 0 15px 0px 0;
	}	
	

	hr { 
		float: left;
		width: 557px;
		background: #666;
		height: 1px;
		margin: 6px 0 15px 0;
	}
	
	.indexNews { 
		float: left;
		width: 345px;
		margin: 0 14px 0 0;
		padding: 0 10px 0 15px;
		border-right: solid 1px #b0afaf;
	}
	
	.indexNewsCenter { 
		float: left;
		width: 165px;
		margin: 0 14px 0 0;
		padding: 0 12px 0 0px;
		border-right: solid 1px #b0afaf;
	}
	
	.indexNewsLast { 
		float: left;
		width: 180px;
		margin: 0 0px 0 0;
		padding: 0 0px 0 0;
	}
	
	.news { 
		float: left;
		width: 540px;
		padding: 0 10px 0 15px;
	}

#partners { 
	float: left;
	width: 878px;
	margin: 11px 0 20px 0;
	border-bottom: solid 1px #000;
	}
	
.partnerOne { 
	float: left;
	width: 293px;
	
	}
	
	.partnerOne .title { 
		float: left;
		width: 266px; 
		height: 28px;
		background-image: url(../pics/arrow.gif);
		background-repeat: no-repeat;
		padding: 0px 0 0px 27px;
	}
	
	.partnerOne .title a { 
		font: bold 0.75em Arial, Verdana, sans-serif;
		color: #00a9c6;
	}
	
	.partnerOne .text { 
		float: left;
		width: 292px;
		border-right: solid 1px #666;
	}
	
.partnerLast { 
	float: left;
	width: 292px;
	}
	
	.partnerLast .title { 
		float: left;
		width: 265px; 
		height: 28px;
		background-image: url(../pics/arrow.gif);
		background-repeat: no-repeat;
		padding: 0px 0 0px 27px;
	}
	
	.partnerLast .title a { 
		font: bold 0.75em Arial, Verdana, sans-serif;
		color: #00a9c6;
	}
	
	.partnerLast .text { 
		float: left;
		width: 292px;
	}
	
#partners p { 
	font: normal 1.0em arial, verdana, sans-serif;
	color: #000;
	margin: 8px 20px 0 12px;
	}	
	

.partnerOne .text a, .partnerLast .text a { 
	font: normal 0.7em Arial, Verdana, sans-serif;
	color: #00a9c6;
	}	
	
	
#partners img { 
	padding: 0 12px 0 0;
	}
	
					
	
/*** subnavi ***/		
#subNavigation { 
	float: left;	
	width: 240px;	
	xheight: 260px;
	padding: 8px 0 30px 0;
	}			
		
	#subNavigation a { 
		text-decoration: none;
		color: #00a9c6;		
		}	

	#subNavigation a:hover { 
		text-decoration: none;
		color: #666;		
		}		
		
	#subNavigation a.on { 
		text-decoration: none;
		color: #666;
		}
		
#banner { 
	float: left;
	
	}
	

/*******************/		
h1 {
	font: normal 1.5em Georgia, Arial, Verdana, sans-serif;
	color: #666;	
	margin: 10px 0 20px 0px;
}

h5 {
	font: normal 1.2em Georgia, Arial, Verdana, sans-serif;
	color: #666;	
	margin: 10px 0 20px 0px;
}

p {
	font: normal 0.9em Georgia, Arial, Verdana, sans-serif;
	color: #666;	
	line-height: 20px;
	margin: 0px 0 10px 0px;
}

h2 {
	font: normal 1.3em Georgia, Arial, Verdana, sans-serif;
	color: #666;
}


h3 {
	font: normal 2.2em Georgia, Arial, Verdana, sans-serif;
	color: #666;	
	line-height: 48px;
	margin: 10px 0 0px 0px;
}

h4 {
	font: bold 0.7em Arial, Verdana, sans-serif;
	color: #00a9c6;
	margin: 0 0 15px 0;
}


a {
	color: #00a9c6;
	text-decoration: none;
}


li {
	margin: 0px 0px 9px 0px;
	padding: 0px;
	line-height: 20px;
}

ul {
	font: normal 1.0em Georgia, Arial, Verdana, sans-serif;
	color: #666;
	margin: 0px 0px 20px 20px;
	padding: 0px;	
}

li.on {
	list-style: url(../pics/subArrow.gif);
	margin: 0px 0px 9px 0px;
	padding: 0px;
}



form {
	margin: 0;
}

img {
	border: 0px;
}
#channels{
	width:100%;
	float:right;
	margin-right:50px;
	text-align: right;
}
#channels div{
float:right;
clear:none;
margin-right:20px;
}
#left{
	position:relative;
	float:left;
	clear:left;
	width:392px;
	height:490px;
	}
#right{
	float:right;
	clear:right;
	position:relative;
	width:520px;
	height:490px;
	}
	.tabs{
	height:58px;
	float:right;
	clear:both;
	}
	.tab{
		background-color:#b7b6b6;
		color:#FFFFFF;
		margin-left:4px; 
		vertical-align:bottom; 
		margin-top:30px;
		height:27px;
		line-height:27px;
		padding-left:3px;
		padding-right:3px;
		float:left;
		clear:none;
		font-size:11px;
		font-weight:bold;
		width:auto;
		cursor:pointer;
		cursor:hand;
	}
	.activetab{
			background-color:#b7b6b6;
			color:#00a8c7;
		}
#rightcontent{
	border:1px solid #dddddd;
	width:100%;
	clear:both;
	float:right;
	}
#player{
		width:370px;
		height:360px;
		clear:left;
		float:left;
		}
	#currentpresentationinfo{
		height:58px;
		}
#slidecontent{
	height:382px;
	position:relative;
		}
	#slidecontrols{
		z-index:2;
		bottom:0;
		position:absolute;
		vertical-align:bottom;
		height:60px;
		width:520px;
		background-color:#CCCCCC;
		background-image:url(../images/layout/controlbg.jpg);
		background-position:top;
		background-repeat:repeat-x;
		left:0;
		}
		.upperslidecontrol{
		height:23px;
		font-size:11px;
		line-height:23px;
		
		color:#666666;
		vertical-align:bottom;
		}
		#currentpresentationname{
		float:left;
		clear:left;
		margin-left:5px;
		}
		#currentslidenumber{
		float:right;
		clear:right;
		margin-right:5px;
		}
		.lowerslidecontrol{
		height:35px;
		float:left;
		clear:none;
		padding-bottom:2px;
		}
		#enlargeslidebutton,
		#nextslidebutton{
		float:right;
		}
	#slide{
/*	position:absolute; top:35px;*/
	height: 382px;
	z-index:1;
	width:520px;
	background-color:#cccccc;
		}
.presentationlistitem {
	cursor: pointer;
}
.presentationlistitem:hover {
background-color:#eee;
}

#moduleOrangebox {
background: none;
background-image: none;
border: none;
}
.moduleListTitle {
font-weight: normal;
padding-left:0;
}