#container	{
		position: absolute;
		left: 40px;
		top: 10px;
		width:900px;
		border: 3px solid navy;
		background-color: white;
		background: url('kuvat/pohja.jpg') repeat-y;
		}

#header	{
		position: relative;
		margin: 0;
		margin-left: 0;
		width: 900px;
		height: 140px;
		background: url('kuvat/banneri.jpg') no-repeat top left;
		background-color : rgb(255, 255, 255);
		color : #000000;
		}

#menu	{
		float:left;
		width: 160px;
		font-size: small;
		background-color: #08056A;
		}
		
			/* Root = Vertical, Secondary = Vertical */
			ul#navmenu,
			ul#navmenu li,
			ul#navmenu ul {
			  margin: 0;
			  border: 0 none;
			  padding: 0;
			  width: 160px; /*For KHTML*/
			  list-style: none;
			}

			ul#navmenu:after /*From IE 7 lack of compliance*/{
			  clear: both;
			  display: block;
			  font: 1px/0px serif;
			  content: ".";
			  height: 0;
			  visibility: hidden;
			}

			ul#navmenu li {
			  float: left; /*For IE 7 lack of compliance*/
			  display: block !important; /*For GOOD browsers*/
			  display: inline; /*For IE*/
			  position: relative;
			}

			/* Root Menu */
			ul#navmenu a {
			  border: 1px solid #08056A;
			  border-right-color: #08056A;
			  border-bottom-color: #08056A;
			  padding: 0 6px;
			  display: block;
			  background: #08056A;
			  color: #FFF;
			  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
			  text-decoration: none;
			  height: auto !important;
			  height: 1%; /*For IE*/
			}

			/* Root Menu Hover Persistence */
			ul#navmenu a:hover,
			ul#navmenu li:hover a,
			ul#navmenu li.iehover a {
			  background: #EDCF61;
			  color: #FFF;
			}

			/* 2nd Menu */
			ul#navmenu li:hover li a,
			ul#navmenu li.iehover li a {
			  background: #08056A;
			  color: #FFF;
			}

			/* 2nd Menu Hover Persistence */
			ul#navmenu li:hover li a:hover,
			ul#navmenu li:hover li:hover a,
			ul#navmenu li.iehover li a:hover,
			ul#navmenu li.iehover li.iehover a {
			  background: #EDCF61;
			  color: #FFF;
			}

			/* 3rd Menu */
			ul#navmenu li:hover li:hover li a,
			ul#navmenu li.iehover li.iehover li a {
			  background: #08056A;
			  color: #FFF;
			}

			/* 3rd Menu Hover Persistence */
			ul#navmenu li:hover li:hover li a:hover,
			ul#navmenu li:hover li:hover li:hover a,
			ul#navmenu li.iehover li.iehover li a:hover,
			ul#navmenu li.iehover li.iehover li.iehover a {
			  background: #EDCF61;
			  color: #FFF;
			}

			/* 4th Menu */
			ul#navmenu li:hover li:hover li:hover li a,
			ul#navmenu li.iehover li.iehover li.iehover li a {
			  background: #08056A;
			  color: #FFF;
			}

			/* 4th Menu Hover */
			ul#navmenu li:hover li:hover li:hover li a:hover,
			ul#navmenu li.iehover li.iehover li.iehover li a:hover {
			  background: #v;
			  color: #FFF;
			}

			ul#navmenu ul,
			ul#navmenu ul ul,
			ul#navmenu ul ul ul {
			  display: none;
			  position: absolute;
			  top: 0;
			  left: 160px;
			}

			/* Do Not Move - Must Come Before display:block for Gecko */
			ul#navmenu li:hover ul ul,
			ul#navmenu li:hover ul ul ul,
			ul#navmenu li.iehover ul ul,
			ul#navmenu li.iehover ul ul ul {
			  display: none;
			}

			ul#navmenu li:hover ul,
			ul#navmenu ul li:hover ul,
			ul#navmenu ul ul li:hover ul,
			ul#navmenu li.iehover ul,
			ul#navmenu ul li.iehover ul,
			ul#navmenu ul ul li.iehover ul {
			  display: block;
			}

		
		
#center {
		float: left;
		width: 550px;
		margin-top: auto;
		background-color: white;
		padding-top: 15px;
		padding-left:10px;
		padding-bottom:15px;
		background: url('kuvat/kulma.jpg') no-repeat top left;
		}
		
#sidebar {
		float: right;
		width: 170px;
		padding-top: 5px;
		background-color: white;
		background: url('kuvat/kulmaoikea.jpg') no-repeat top right;
		}
		
#footer {
		clear : both;
		margin : 0;
		width: 100%;
		bottom: 0;
		color : #fff;
		text-align : center;
		padding-top : 10px;
		background-color : #07056A;
		height : 30px;
		color: blue;
}


body	{
		font-family: arial;
		font-size: x-small;
		background-color: #E5E5F7;
		color: white;
		}

p		{ 
		font-family: arial;
		color: black;
		font-size: small;
		padding-left: 20px;
		padding-right: 10px;
		}

ul 		{
		font-family: arial;
		font-size : small;
		padding-left: 30px;
		}

table 	{ 
		font-family: arial;
		color: black;
		font-size: 12px;
		}	

form 	{ 
		font-family: arial;
		color: black;
		font-size: small;		
		}
	
pre		{
		font-family: arial;
		color: black;
		font-size: small;
		}

h1 		{
		font-family: arial;
		color: black;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		font-size:20px;
		}

h2 		{
		font-family: arial;
		color: black;
		padding-left: 10px;
		padding-right: 10px;
		font-size:18px;
		}
	
h3 		{
		font-family: arial;
		color: black;
		padding-left: 10px;
		padding-right: 10px;
		font-size:16px;
}

h4 		{
		font-family: arial;
		color: black;
		padding-left: 10px;
		padding-right: 10px;
		font-size:14px;
		}

h5 		{
		font-family: arial;
		color: black;
		padding-left: 10px;
		padding-right: 10px;
		font-size:12px;
}

h6 		{
		font-family: arial;
		color: black;
		padding-left: 10px;
		padding-right: 10px;
		font-size:10px;
		}