* {
	margin: 0;
	padding: 0;
}

body {
	background:   url(images/bg.jpg) repeat-x;
	background-color: #4f68a0;
}

div#wrap {
	margin: 0 auto;
	width: 950px;
	height: 590px;

}

div#image1 {
	width: 300px;
	height: 30px;
	background: #32375f;
	float: left;

}

	
div#topmenu {
	width: 650px;
	height: 30px;
	background:   url(images/topmenu_bg.jpg) no-repeat;
	float: left;
	
	
}

/*ylamenun CSS koodi alkaa*/

ul#ylamenu {
	padding: 10px 155px 0 0;
	list-style-type: none;
	float: right;
	font-family:"Times New Roman", Times, serif;
	font-size: small;
	font-weight:bold;
	
	
}

ul#ylamenu li {
	float: left;
	display: block;
	border-right: 1px solid #FFFFFF;
   
}

ul#ylamenu li.aspalv {
	border: none;
}

ul#ylamenu li a {
	display: block;
	padding: 0 5px; 
	color: #FFFFFF;
	text-decoration: none;
	
}

ul#ylamenu li a:hover {
	color: #7f87a8;
}


/*ylamenun CSS koodi loppuu*/

div#header {
	width: 300px;
	height: 103px;
	background:   url(images/header_bg.jpg) no-repeat;
	background-color: #32375f;
	float: left;
	
	}

div#banneri {
	width: 650px;
	height: 103px;
	background:   url(images/banneri_bg.jpg) no-repeat;
	background: #32375f;
	float: left;

	
}
	

div#mainmenu {
	background:   url(images/menu_bg.jpg) no-repeat;
	width: 950px;
	height: 51px;
	float: left;
	
	}
	
div#left_space {
	background:   url(images/left_bg.jpg) no-repeat;
	width: 74px;
	height: 340px;
	float: left;
	padding-top:40px;
	
	}

div#content_bg {
	background:   url(images/content_bg.jpg) no-repeat;
	float: left;
	background-color:#697fae;
	width: 846px;
	min-height: 340px;
	overflow:visible;
	
	
	
}

div#text {
	width: 556px;
	min-height: 340px;
	float:left;
	
}

div#right_img {
	width: 288px;
	min-height: 340px;
	float:left;

	
}

div#right_space {
	background:   url(images/right_bg.jpg) no-repeat;
	width: 30px;
	height: 340px;
	float: left;
	
	}

div#content_bg a {
	font-family:Verdana, Arial;
	color:#ff9966;
}

div#content_bg a:hover {
	font-family:Verdana, Arial;
	color:#fff;
}

div#content_bg p {
	padding: 5px 0px 5px 50px;
	font-size: 0.7em;
	line-height: 1.3em;
	color:#fff;
	font-family:Verdana, Arial;
}



form  {
	padding: 5px 10px 5px 50px;
	font-size: 0.7em;
	line-height: 1.3em;
	color:#fff;
	font-family:Verdana, Arial;
	}

div#content_bg td.lomake  {
	padding: 10px 10px 5px 10px;
	font-size:0.8em;
	font-family:Verdana, Arial;
	font-weight:strong;
	color:#fff;
	}

div#content_bg h1 {
	margin: 25px 0px 0 30px;
	font-size:1.3em;
	font-family:"Times New Roman", Times, serif;
	color:#fff;
	border-bottom: 1px solid #fff;
}

div#content_bg h2 {
	padding: 10px 0px 5px 30px;
	font-size:0.9em;
	font-family:"Times New Roman", Times, serif;
	color:#fff;
}





/*mainmenun CSS koodi alkaa*/
div#mainmenu ul {
	position:absolute;
}

div#mainmenu ul li {
	position:absolute;
	list-style: none;
}
div#mainmenu ul li a {
	height: 45px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
	
	
}

div#mainmenu ul li#etusivu { width: 95px; left: 70px;}
div#mainmenu ul li#verkkokauppa { width: 95px; left: 165px; }
div#mainmenu ul li#myymalat { width: 95px; left: 260px; }
div#mainmenu ul li#myynti { width: 94px; left: 355px; }
div#mainmenu ul li#osto { width: 94px; left: 449px; }
div#mainmenu ul li#oppilaskunta { width: 95px; left: 543px; }
div#mainmenu ul li#kanta { width: 95px; left: 638px; }
div#mainmenu ul li#ajankohtaista { width: 94px; left: 733px; }
div#mainmenu ul li#ammatilliset { width: 95px; left: 827px; }
/*mainmenu css koodi loppuu*/

/*mainmenun mouseoverit: */
div#mainmenu ul li#etusivu a:hover { background:   url(images/menu.jpg) -70px -45px no-repeat;}
div#mainmenu ul li#verkkokauppa a:hover { background:   url(images/menu.jpg) -165px -45px no-repeat;}
div#mainmenu ul li#myymalat a:hover { background:   url(images/menu.jpg) -260px -45px no-repeat;}
div#mainmenu ul li#myynti a:hover { background:   url(images/menu.jpg) -355px -45px no-repeat;}
div#mainmenu ul li#osto a:hover { background:   url(images/menu.jpg) -449px -45px no-repeat;}
div#mainmenu ul li#oppilaskunta a:hover { background:   url(images/menu.jpg) -543px -45px no-repeat;}
div#mainmenu ul li#kanta a:hover { background:   url(images/menu.jpg) -638px -45px no-repeat;}
div#mainmenu ul li#ajankohtaista a:hover { background:   url(images/menu.jpg) -733px -45px no-repeat;}
div#mainmenu ul li#ammatilliset a:hover { background:   url(images/menu.jpg) -827px -45px no-repeat;}
/*mainmenun mouseoverit loppuu */

div#footer {
	width: 950px;
	height: 42px;
	float: left;
	background:   url(images/footer_bg.jpg) no-repeat;
	
	
}
a.aava {
	margin: 10px 0px 0px 0px;
	font-size: 10px;
	line-height: 1.2em;
	color:#fff;
	font-family: Arial, sans-serif;
	text-decoration:none;
}

a:hover.aava{
	color:#333;}


p.aava {
	margin: 10px 0px 0px 0px;
	font-size: 10px;
	line-height: 1.2em;
	color:#fff;
	font-family: Arial, sans-serif;
	text-align:center;
}