@media print {
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12pt;
		}
	#ytunn {display: none;}
	#atunn {display: none;}			
	.vasen {display: none;}
	.oikea {display: none;}
	.tausta {display: none;}
	.alloc {display: none;}	
		}

@media screen {
html, body	{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#6b6868;
}
body	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#FFFFFF;	
}	
.jvari	{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #dc5824;
  font-weight:900;	
}
.tausta	{
	position:absolute;
	height:130%;
	width:100%;
	background-attachment:fixed;
}
.kokotaulu	{
	position:relative;
	background-color:#423e3b;
	width:900px;
	height:auto;
	padding:15px 10px 15px 10px;
	margin-right:auto;
	margin-left:auto;
}
.raita	{
	width:902px;
	height:10px;
	text-align:center;
	border-bottom:solid;
	border-bottom-width:3px;
	border-bottom-color:#c9521a;
}
.raita2	{
	width:902px;;
	height:10px;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	border-bottom:solid;
	border-bottom-width:3px;
	border-bottom-color:#c9521a;
}
#ytunn	{
	width:902px;
	height:135px;
	background-color:#c9521a;
}
#atunn	{
	width:902px;
	height:40px;
	padding-top:7px;
	padding-bottom:7px;
	font-size:11px;
}
#atunn a:hover {
		color:#FFF;
		background-color : #c9521a;
}
.vasen	{
	width:170px;
	height:368px;
	float:left;
	display:inline-block;
	padding: 3px 10px 10px 10px;
}
.keski	{
	width:480px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
	background-color:#383532;
	list-style:none;
}

.kuvia  {
  background: transparent;
  width:478px; 
}


.keski a:link    { color: #c9521a; background: transparent; }
.keski a:visited { color: #c9521a; background: transparent; }
.keski a:link:hover, a:visited:hover
          		 { color:#000; background: transparent; }
.keski a:active  { color:#000; background: transparent; }

.pallotlistaan	{
	list-style:square;
	padding-left:5px;
}
.lukumaksut	{
	padding-left:20px;
	padding-bottom:5px;
}
.opettajat	{
	width:680px;
	height:inherit;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:4px;
	background-color:#383532;
	float:left;
}
.mustaito	{
	border-collapse:collapse;
}
.pystyviiva	{
	width:10px;
}
.oikea	{
	width:190px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:5px;
	padding-right:5px;
	background-color:#383532;
}
.alloc	{
	position:relative;
	width:900px;
	color:#666;
	font-style:normal;
	font-size:10px;
	background-color:transparent;
}
.oikea a:link    { color: #c9521a; background: transparent; }
.oikea a:visited { color: #c9521a; background: transparent; }
.oikea a:link:hover, a:visited:hover
          		 { color:#000; background: transparent; }
.oikea a:active  { color:#000; background: transparent; }

.yhteys{
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
}
#nav	{
	padding-left:5px;
		}	
	#nav, #nav ul { /* all lists */
		padding:0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFF;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 80px;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.08em;
		margin-top : -1.38em;
	}
	
	#nav li a {
		width:11em;
		width:10em;
		display : block;
		color:#FFF;
		font-weight : bold;
		text-decoration : none;
		background-color : #423e3b;
		border : 1px solid black;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color:#FFF;
		background-color : #c9521a;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

	a:link { text-decoration:none; color:#FFF; }
	a:visited { text-decoration:none; color:#FFF; }
	a:hover { text-decoration: none; color:black; }

}