body 	{
	background-color: #fff ;
	font-family: Arial, Helvetica, serif;
	}

body.etusivu {
	background-color: #fff;
        background-image: url(../icons/background.gif); 
	}

body.include {
        background-color: #fff ;
	margin: 0em;        
	}

div.logo {
	position: absolute;
	top: 0px;
	left: 60px;
	width: 851px;
	height: 90px;
	padding: 0px;
	z-index: 4;
	}

div.ylabanneri {
	position: absolute;
	top: 8px;
	left: 400px;
	width: 468px;
	height: 60px;
	padding: 0px;
        /*  background-color: #ccc; */
	z-index: 5;
	}

div.palkki {
	position: absolute;
	top: 72px;
	left: 65px;
	width: 816px;
	height: 25px;
	padding: 0px;
	z-index: 4;
	}

div.palkkiarchive {
	position: absolute;
	top: 74px;
	left: 72px;
	width: 100px;
	height: 25px;
	padding: 0px;
	z-index: 5;
        font-size: 8pt; 
        font-weight: bold; 
        color: #fff;
	}

div.palkkidate {
	position: absolute;
	top: 74px;
	left: 210px;
	width: 816px;
	height: 25px;
	padding: 0px;
	z-index: 5;
        font-size: 8pt; 
        font-weight: bold; 
        color: #fff;
	}

div.navigation {
	position: absolute;
	top: 100px;
	left: 64px;  /* 	left: 72px; */
	width: 126px;
	height: 300px;
	padding: 0px;
	z-index: 5;
	}

div.depalogo1 {
	position: absolute;
	top: 97px;
	left: 207px;
	width: 13px;
	height: 28px; /* 25 */
	}

div.depalogo2 {
	position: absolute;
	top: 97px;
	left: 220px;
	width: 477px;
	height: 28px;
	font-size: 13pt; 
	font-weight: bold; 
	color: #003; 
	line-height : 24px;
	}

div.content {
	position: absolute;
	top: 130px;
	left: 207px;
	height: 80%;
	width: 440px;
	background-color: #fff;
        padding: 3px 20px 3px 20px;                             
	}

div.story {
	margin-bottom: 20px;
	}

div.right {
	position: absolute;
	top: 97px;
	left: 708px;
	height: 80%;
	width: 156px;
	/*  background-color: #ccc;
        padding: 3px 20px 3px 20px; */                             
	}

div.gallup {
	width: 150px;
	background-color: #fafafa;
        padding: 5px 5px 10px 5px; 
        border-collapse: collapse;
        border: 1px solid #ccccde;
        margin-top: 10px;                          
	}

div.headerlink {
        margin-top: 6px;   
        margin-bottom: 6px;                           
	}

table.pic {
        margin-left: 10px;
	}

a {color: #003; text-decoration: none;}
a:hover {color: #f60; text-decoration: underline}  
a.menulink {font-size: 9pt; font-weight: bold; line-height : 18px;} 
a.menulink:hover {} 
a.navilink {font-size: 8pt;}
a.navilink:hover {} 
a.headerlink {}
a.headerlink:visited { color: #666; }
a.headerlinkvisited { color: #666; }
a.headerlinkvisited:visited { color: #666; }
a.archivelink { color: #fc6; } 


.prev { font-size: 12px; font-weight: bold ; }
.header { color: #003;  font-size: 28px; font-weight: bold; }
.header2 { color: #003;  font-size: 14px; font-weight: bold; }
.ingress { font-size: 13px; font-weight: bold; }
.sub { font-size: 13px; font-weight: bold; }
.body { font-size: 13px; line-height: 115%; }
.sign { font-size: 13px; font-style: italic; }
.pic { font-size: 11px; }


.small { font-size: 8pt;}
.title2 { font-family: Verdana, Helvetica, serif; font-size: 11pt; font-weight: bold; color: #000;} 
.thanks { font-size: 11pt; font-weight: bold; color: #003;}
.error { font-size: 11pt; font-weight: bold; color: #900;}
.bold { font-weight: bold; } 
.italic { font-style: italic; } 
.premiere { font-size: 10pt;}
.red { color: #900;}
.bodytext { font-size: 11pt; }
.h2 { font-family: verdana, arial, helvetica, "sans-serif"; font-size: 15pt; font-weight: bold; color: #000;}
.h3 { font-family: verdana, arial, helvetica, "sans-serif"; font-size: 11pt; font-weight: bold; color: #000;}
.galyes { font-family: verdana, Helvetica, serif; color: #360; font-size: 8pt; font-weight: bold; text-transform: uppercase; }
.galno { font-family: verdana, Helvetica, serif; color: #900; font-size: 8pt; font-weight: bold; text-transform: uppercase; }
.galquestion { font-family: verdana, Helvetica, serif; font-size: 8pt; font-weight: bold;}
.galansweredq { font-family: verdana, Helvetica, serif;  font-size: 8pt; font-weight: bold; color: #666; }
.galgray { font-family: verdana, Helvetica, serif;  font-size: 8pt; font-weight: bold; color: #666; }


/* form */
.button { background-color: #fff; border-left: 1px solid black; border-right: 2px solid black; border-top: 1px solid black; border-bottom: 2px solid black; cursor : hand; font-family: verdana, arial, helvetica, "sans-serif"; font-size: 10pt;}
input.text, input.text1, input.text2, input.text3, input.text4, input.text5, select, textarea { 
	font-family: Arial, helvetica, serif; 
	font-size: 10pt; 
	background-color: #fafafa;
	border-color: #999;
	border-width:  1px; 		}
input.text1 { width: 450px; }
input.text2 { width: 380px; }
input.text3 { width: 300px; }
input.text4 { width: 200px; }
input.text5 { width: 100px; }
input.checkbox { }
input.radio { }
textarea.area3 { width: 400px; height: 150px;}
textarea.area2 { width: 450px; height: 50px;}
fieldset { margin: 5px; padding-left:5px; padding-bottom:10px; padding-right:5px;}
legend {font-family: verdana, arial, helvetica, "sans-serif"; font-weight: bold; font-size: 10pt; }
.flabel { font-size: 9pt;}
td.ffieldtitle { text-align : right;}
td.ffieldcontent { text-align : left;}

div.foreground { position: absolute; z-index: 2; }
div.background { position: absolute; top: 0px; right: 0px; width: 325px; height: 450px; z-index: 1; }