<style type="text/css">

 a:focus { color:white; font-size:10pt; font-family:Arial; text-decoration:none; } 
 a:visited { color:white; font-size:10pt; font-family:Arial; text-decoration:none;}
 a:link {color:white; font-size:10pt; font-family:Arial; text-decoration:none; }
 a:active { color:white; font-size:10pt; font-family:Arial; text-decoration:none; }
 td{ font-family:Arial;font-size:8pt;color:white; vertical-align:top} 
 
.inputclass
{
	font-family:Arial;
	color:#000000;
	font-size:9px;
	border: 1px solid #000000;
	background-color:white;
	height:18px;
	width:200px;
	padding:3px;
}
.inputclass1
{
	font-family:Arial;
	color:#000000;
	font-size:9px;
	border: 1px solid #000000;
	background-color:white;
	height:18px;
	width:20px;
	padding:3px;
}
.login
{
	font-family:Arial;
	color:#000000;
	font-size:9px;
	border: 1px solid #000000;
	background-color:white;
	height:19px;
	width:120px;
	padding:3px;
}
textarea
{
	font-family:Arial;
	color:#000000;
	font-size:10px;
	border: 1px solid #000000;
	background-color:white;
	height:100px;
	width:200px;
	padding:3px;
}
#all 
{
	width:950px;
	height:622px;
	
}
#page
{  
	width:950px;
	margin-top:30px;
	margin-left:30px;

}
#logo
{  
	float:left;
	width:212px;
	height:119px;
	
}
#raute1
{  
	float:left;
	width:174px;
	height:119px;
	border-width:1px;
	border-color:#cbcccd;
	border-style:solid;
}
#spacer
{  
	width:7px;
	 height:119px;
	 float:left;
}
#raute2
{  
	float:left; 
	width:173px; 
	height:119px; 
	border-width:1px;  
	border-color:#cbcccd; 
	border-style:solid; 
	background:#9c9e9f;
	color:#2f7078;
	font-family:Arial;
	font-size:13pt;
}
#raute3
{  
	float:left; 
	width:173px; 
	height:119px; 
	border-width:1px;  
	border-color:#cbcccd; 
	border-style:solid;
}
#raute4
{  
	float:left; 
	width:175px; 
	height:119px; 
	border-width:1px;  
	border-color:#cbcccd; 
	border-style:solid; 
	background:#2f7078;
	
}
#l_border
{  
	float:left;
	margin-left:34px; 
	margin-top:7px;
}
#divider
{  
	float:left; 
	margin-left:175px; 
	margin-top:20px; 
	width:500px; 
	height:335px; 
	background-color:red;
	z-index:2;
	 
}
#l_main
{  
	float:left;
	 margin-left:6px; 
	 margin-top:7px; 
	 width:174px; 
	 height:367px;  
	 background:#9c9e9f;
	 border-width:1px;  
	border-color:9c9e9f; 
	border-style:solid;
	font-family:Arial;
	font-size:8pt;
	line-height:190%;
	 
}
#divider
{  
	float:left; 
	margin-left:175px; 
	margin-top:20px; 
	width:500px; 
	height:335px; 
	background-color:red;
	z-index:2;
	 
}
*html #main
{
	float:left;
	margin-left:0px;
	margin-top:7px;
	width:360px;
	height:367px;
	background:#9c9e9f;
	border-width:1px;
	border-color:9c9e9f;
	border-style:solid;
	font-family:Arial;
	font-size:8pt;
	color:white;
	overflow:auto;
	scrollbar-3dlight-color: gray;
 	scrollbar-arrow-color:#9c9e9f ;
 	scrollbar-darkshadow-color: white;
 	scrollbar-face-color: white;
 	scrollbar-highlight-color: white;
 	scrollbar-shadow-color: white;
 	scrollbar-track-color:#9c9e9f;
}
:root #main
{  
	float:left; 
	margin-left:0px; 
	margin-top:7px; 
	width:362px; 
	height:367px;  
	background:#9c9e9f;
	border-width:1px;  
	border-color:9c9e9f; 
	border-style:solid;
	font-family:Arial;
	font-size:8pt;
	color:white;
	overflow:auto;
}
#raute5
{  
	float:left; 
	margin-left:7px; 
	margin-top:7px; 
	width:175px; 
	height:119px;  
	border-width:1px;  
	border-color:#cbcccd; 
	border-style:solid; 
	background:#9c9e9f;
	line-height:165%;
	font-family:Arial;
	font-size:10pt;
}
#r_lower_border
{  
	float:left;
	margin-left:7px;
	margin-top:7px;
	width:173px;
	height:119px; 
}
*html #footer
{  
	 margin-top:50px;
	 width:930px;
	 height:119px; 
	 background-image: url("../pics/bottom_line.jpg");
	 background-repeat:no-repeat;
	 font-family:Arial;
	 font-size:9pt;
	 color:white;
}

:root #footer  /*fur Mozilla*/
{
	 margin-top:60px; width:930px; height:119px;
	 background-image:url("../pics/bottom_line.jpg");
	 background-repeat:no-repeat;
	 font-family:Arial;
	 font-size:9pt;
	 color:white;
}

</style>
