/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #000000;
	line-height: 1;	
	margin: 20px;
	padding: 20px;
	background-color:#CCCCFF;
}

a:link, a:visited{
	color:#003366;
	text-decoration: none;
}

a:hover {
	color: #0000FF;
	text-decoration: none;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 10px;
	padding: 0px;
}

h1{
 	font-family: Verdana,Arial,sans-serif;
 	font-size:18px;
	padding: 5px;
	color: #334d55;
}

h2{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
}

p{
	font-size: 14px;
	margin: 10px;
	color:#333333;
}

li{
	font-size: 14px;
	margin: 10px;
	color: #006699;
}

table#taulukko{
 	width:100%;
}
tr#row1{
	font-size: 12px;
	line-height: 1.15;
	color: #006699;
	text-align:center;
}
tr#row2{
	font-size: 12px;
	line-height: 1.15;
	color: #0066CC;
	text-align:center;
}
td{
	font-size: 12px;
	color:#003333;
	line-height: 1.15;
	text-align:center;
}


#Otsikkopalkki{
	background-color:#CCCC22;
	background-image:url(ylakuva.png);
	position:absolute; 
	left:160px; 
	top:20px; 
	width:800px; 
	height:50px; 
	z-index:1
	}
	
#Tietokentta{
	background-color:#CCCC22;
	background-image:url(tausta.png);
	position:absolute;
	left:160px; 
	top:100px; 
	width:800px;
	min-height:300px;
	height:auto; 
	z-index:2
}

#Sivupalkki{
	background-color:#CCCCFF;
	background-image:url(sivukuva.png);
	position:absolute; 
	border-width:1px;
	border-color:#006666;
	left:0px; top:20px; 
	width:160px; 
	height:350px; 
	z-index:3
}

#OikeaSivupalkki{
	background-color:#CCCCFF;
	background-image:url(sivukuvaOik.png);
	position:absolute; 
	border-width:1px;
	border-color:#006666;
	left:960px; top:20px; 
	width:160px; 
	height:350px; 
	z-index:4
}

/************* #globalNav styles **************/
#Navigointi{
	background-color:#CCFFCC;
	background-image:url(tausta.png);
	position:absolute; 
	left:160px; 
	top:70px; 
	width:800px; 
	height:30px; 
	z-index:4;
	font-size:12px;
	}
	
#globalNav{
	color:#CCCCCC;
	height: 30px;
	width: 150px;
	padding: 8px 10px 10px 10px;
	white-space: nowrap;
	text-align: center;
}

#globalNav a {
	padding: 8px 8px 8px 8px;
}

#globalNav a:link{
	padding: 8px 8px 8px 8px;
}

#globalNav a:visited{
	padding: 8px 8px 8px 8px;
}

#globalNav a:hover{
	padding: 8px 8px 8px 8px;
	background-color: #ff3300;
}