/* CSS Document */

#Layerone {
	position:absolute;
	width:1024px;
	z-index:1;
	top: 10px;
	background-color: #e8db9e;
	margin-left: -512px;
	left: 50%;
	border-top-color: #000000;
	border-top-style: inset;
	border-top-width: thin;
	border-left-color: #000000;
	border-left-style: inset;
	border-left-width: thin;
	border-right-color: #000000;
	border-right-style: inset;
	border-right-width: thin;
	background-image: url('otsikko.jpg');
	height: 150px;
}
#Layertwo {
	position:absolute;
	width:1004px;
	z-index:2;
	margin-left: -512px;
	left: 50%;
	top: 160px;
	background-color: #e8db9e;
	border-left-color: #000000;
	border-left-style: inset;
	border-left-width: thin;
	border-right-color: #000000;
	border-right-style: inset;
	border-right-width: thin;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom-color: #000000;
	border-bottom-style: inset;
	border-bottom-width: thin;
	
}
#Layerfour {
	position:absolute;
	width:1024px;
	min-height:357px;
	z-index:2;
	margin-left: -512px;
	left: 50%;
	top: 160px;
	background-color: #e8db9e;
	border-left-color: #000000;
	border-left-style: inset;
	border-left-width: thin;
	border-right-color: #000000;
	border-right-style: inset;
	border-right-width: thin;
	border-bottom-color: #000000;
	border-bottom-style: inset;
	border-bottom-width: thin;
	height: -1px;
	
	
}
#Layerthree {
	position:absolute;
	width:1024px;
	height:20px;
	z-index:2;
	margin-left: -512px;
	left: 50%;
	top: 500px;
	background-color: #e8db9e;
	border-left-color: #000000;
	border-left-style: inset;
	border-left-width: thin;
	border-right-color: #000000;
	border-right-style: inset;
	border-right-width: thin;
	border-bottom-color: #000000;
	border-bottom-style: inset;
	border-bottom-width: thin;
	padding-left: 20px;
	
}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: large;
	color: #FFFFFF;
	margin-top: 0px;

}	
.headerstyle1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: large;
	color: #FFFFFF;
	padding-top: -20px;
}	
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-left: 0px;
	color: #FFFFFF;
	left: 20px;
}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-left: 0px;
	color: #356802;
	left: 20px;	

}


#Layertwo h1 {
	text-align: left;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	margin-left: 0px;
	color: #356802;
}

#Layerthree h1 {
	text-align: center;
	font-weight:lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin-left: 0px;
	color: #000000;
}

#globalnav{

}

#globalnav ul{
		white-space: nowrap;
		}
		
#globalnav ul li{
		display: inline;
		list-style: none;
		padding-right: 10px;
		}
		
#content ul{
		margin: 0 0 0 4em;
		}


#globalnav ul li A:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
}
#globalnav ul li A:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
}
#globalnav ul li A:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
}
#globalnav ul li A:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	text-decoration: underline;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
}
