* {
padding:0;
margin:0;
}

body {
font-family: "verdana","arial","tahoma", sans-serif;
font-size: 0.75em;
line-height:1.5em;
background-color:#01775f;
}

#wrap {
max-width:62em;
margin:0px auto;
padding:20px 7px 7px 11px;
position:relative;
min-width:10em;
background-color:#3da892;
border-style:double;
border-width:0 0.25em 0.25em 0.25em;
border-color:#b7f5e8;
}

#header {
background-color:#015777;
background-image:url('http://www.students.oamk.fi/~m5tato00/nettutor/images/header/background.gif');
background-repeat:repeat-x;
height:110px;
margin-left:83px;
}

	#logo {
	border-style:none;
	left:14px;
	margin-top:-14px;
	position:absolute;
	}

	#banner {
	position:absolute;
	margin-left:40px;
	}
	
	#headernet {
	float:right;
	}

#menu {
width:13.4em;
float:left;
}

	#menu ul {
	list-style-type:none;
	width:13.3em;
	background-image:url('images/menu/right.gif');
	background-position:top right;
	background-repeat:repeat-y;
	}

		#menu ul a {
		display:block;
		border-style:solid;
		border-width:0.1em 0.1em 0.25em 1.1em;
		border-color:#015777;
		text-decoration: none;
		width:10.8em;
		padding:0.3em 0em 0.3em 0.5em;
		}
		
			#menu a:link {
			color:#015777;
			}

			#menu a:visited {
			color:#015777;
			}

			#menu a:hover {
			color:#9cb7c9;
			background-color:#015777;
			border-color:#f18f37;
			}

			#menu ul a:active {
			background-color:#F3F9FB;
			color:#015777;
			}

			#menu ul .active {
			color:#adcbdf;
			background-color:#015777;
			width:11.8em;
			}

			#menu ul ul .active {
			background-color:#F3F9FB;
			border-color:#adcbdf;
			color:#015777;
			width:100%;
			}


		#menu li {
		margin-bottom:0.2em;
		background-color:#adcbdf;
		width:12.5em;
		}

				#menu ul ul {
				background-color:#d1edff;
				background-image:url('images/menunet.gif');
				background-position:bottom right;
				background-repeat:no-repeat;
				width:13.4em;
				border-style:solid;
				border-width:0em 0em 0.1em 0.05em;
				border-color:#015777;
				margin-top:0;
				}
		
		
					#menu ul ul li {
					width:13.4em;
					background-color:transparent;
					}
		
						#menu ul ul li:first-child {
						margin-top:-0.3em;
						border-top-style:solid;
						border-top-width:0.7em;
						border-top-color:#f18f37;
						}
						
						#menu ul ul li:last-child {
						margin-bottom:0;
						}

					#menu ul ul a{
					font-size:80%;
					font-weight:bold;
					width:15.0em;
					border-style:solid;
					border-width:0em 0em 0em 1.2em;
					border-color:#015777;
					margin-left:1.3em;
					padding:0.2em 0em 0.2em 0.3em;
					}

#menutop {
width:12.3em;
height:13px;
margin-top:40px;
margin-left:1em;
background-image:url('images/menu/top.gif');
background-repeat:repeat-x;
}

#menubottom {
width:12.3em;
height:93px;
margin-left:1em;
margin-top:-0.2em;
background-color:#015777;
background-image:url('images/menu/bottom.gif');
background-position:bottom;
background-repeat:repeat-x;
}

.feedback {
border-style:none;
border-width:0;
display:block;
position:absolute;
margin-left:1.7em;
margin-top:5px;
}

#contenttop {
margin-top:0.8em;
overflow:auto;
height:22px;
background-image:url('images/content/top.gif');
background-position:top left;
background-repeat:repeat-x;
}		

	.topleft {
	float:left;
	}

	.topright {
	float:right;
	}
	
	.bottomleft {
	float:left;
	}

	.bottomright {
	float:right;
	}
	
#content {
overflow:hidden;
padding:0.3em 1.5em 1.5em 1.5em;
min-height:38em;
background-color:#F3F9FB; 
background-image:url('images/content/right.gif');
background-position:top right;
background-repeat:repeat-y;
}

#content p {
margin:1em 0em 1em 2em;
}

address {
margin:1em 0em 1em 2em;
}
	
h2,h3,h4 {
font-size:1.1em;
margin:1.5em 0em 1em 0em;
color:#015777;
clear:both;
}

h1 {
color:#adcbdf;
font-size:2em;
margin:0em 0em 1em 0em;
text-decoration:underline;
text-align: center;
}

h2 {
width:auto;
font-size:1.5em;
border-style:dotted;
border-width:0px 0px 2px 0px;
border-color:#adcbdf;
margin-top:1.8em;
}

h4 {
font-size:1em;
font-style:italic;
}

#content ul,ol {
padding-left:4em;
margin:0.9em 0em 0.9em 0em;
clear:both;
}

#content li {
margin-bottom:0.3em;
}

#content img {
padding:5px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#d1edff;
}

.left{
float:left;
clear:both;
margin:0 8px 1em 0;
}
	
.right {
float:right;
clear:both;
margin:0 0 1em 8px;
}

.center {
display:block;
margin:0 auto;
}

#content a {
display:inline;
font-size:0.9em;
font-style:italic;
font-weight:bold;
text-decoration:none;
color:#015777;
border-style:dotted;
border-width:0px 0px 1px 0px;
border-color:#015777;
}

	#content a:after {
	content:' »';
	}
	
	#content .inside:after {
	content:'';
	}

	#content a:visited {
	color:#9cb7c9;
	border-color:#9cb7c9;
	}

#content .map {
font-size:0.75em;
color:#9cb7c9;
border-style:dotted;
border-color:#9cb7c9;
}

	#content .map:visited {
	color:#adcbdf;
	border-color:#adcbdf;
	}

#footer {
height:22px;
background-image:url('images/content/bottom.gif');
background-repeat:repeat-x;
margin-left:13.4em;
}

strong {
font-size:1.2em;
display:block;
width:66%;
color:#015777;
font-weight:bold;
text-align:center;
margin:auto;
}