html, body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
}
* html body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:100%;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ff7e00;
}
H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff7e00;
}
H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ff7e00;
}
input[type="text"] {
	border:1px solid #b4b4b4;}
input[type="password"] {
	border:1px solid #b4b4b4;}
textarea {
	border:1px solid #b4b4b4;}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	text-decoration:none;
	text-transform:none;}
a:hover {
	text-decoration:underline;}
#container {
	width:1000px;
	margin:0 auto; /* center, not in IE5 */
}
#wrapperBody {
	clear:both;
	width: 1000px;
	min-height: 600px;
	margin:0 auto; /* center, not in IE5 */
	padding: 0;
	margin: 0;
	font-size: 10px;
	background: url(images/bg_body2.jpg) no-repeat;
}
	#wrapperBody #left {
		float: left;
		width: 20px;
		padding: 0;
		margin: 0;
	}
	#wrapperBody #wrapperContent {
		float: left;
		width: 960px;
		padding: 0;
		margin: 0;
	}
		#wrapperBody #wrapperContent #top {
			clear: both;
			width: 960px;
			height: 142px;
			background: url(images/top.jpg) no-repeat;
		}
		#wrapperBody #wrapperContent #navi {
			clear: both;
			width: 960px;
			height: 26px;
			background: url(images/bg_navi.gif) repeat-x;
		}
			#wrapperBody #wrapperContent #naviWrapper {
				float: left;
				width: 560px;
			}
			#wrapperBody #wrapperContent #navi #naviWrapper ul
			{
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			text-align: left;
			}
			
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi1 { 
			float: left;
			display: inline;
			}
			
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi1 a
			{
			text-decoration: none;
			background: url(images/navi1.jpg) no-repeat top left;
			font-size: 10px/12px;
			float: left;
			margin: 0px;
			height: 26px;
			width: 86px;
			padding:0;
			}
			
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi1 a:hover
			{
			background-position: 0 -26px;
			}

			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi2 { 
			float: left;
			display: inline;
			}
			
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi2 a
			{
			text-decoration: none;
			background: url(images/navi2.jpg) no-repeat top left;
			font-size: 10px/12px;
			float: left;
			margin: 0px;
			height: 26px;
			width: 83px;
			padding:0;
			}
			
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi2 a:hover
			{
			background-position: 0 -26px;
			}
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi3 { 
			float: left;
			display: inline;
			}
			
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi3 a
			{
			text-decoration: none;
			background: url(images/navi3.jpg) no-repeat top left;
			font-size: 10px/12px;
			float: left;
			margin: 0px;
			height: 26px;
			width: 87px;
			padding:0;
			}
			
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi3 a:hover
			{
			background-position: 0 -26px;
			}
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi4 { 
			float: left;
			display: inline;
			}
			
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi4 a
			{
			text-decoration: none;
			background: url(images/navi4.jpg) no-repeat top left;
			font-size: 10px/12px;
			float: left;
			margin: 0px;
			height: 26px;
			width: 74px;
			padding:0;
			}
			
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi4 a:hover
			{
			background-position: 0 -26px;
			}
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi5 { 
			float: left;
			display: inline;
			}
			
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi5 a
			{
			text-decoration: none;
			background: url(images/navi5.jpg) no-repeat top left;
			font-size: 10px/12px;
			float: left;
			margin: 0px;
			height: 26px;
			width: 107px;
			padding:0;
			}
			
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi5 a:hover
			{
			background-position: 0 -26px;
			}
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi6 { 
			float: left;
			display: inline;
			}
			
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi6 a
			{
			text-decoration: none;
			background: url(images/navi6.jpg) no-repeat top left;
			font-size: 10px/12px;
			float: left;
			margin: 0px;
			height: 26px;
			width: 113px;
			padding:0;
			}
			
			#wrapperBody #wrapperContent #navi #naviWrapper ul li.navi6 a:hover
			{
			background-position: 0 -26px;
			}
			#wrapperBody #wrapperContent #kirjautuneena {
				float: right;
				width: 300px;
				height: 21px;
				margin: 5px 20px 0 0;
				text-align: right;
				font-size: 12px;
				color: #FFFFFF;
			}
		#wrapperBody #wrapperContent .vali28 {
			clear: both;
			width: 960px;
			height: 28px;
		}
		#wrapperBody #wrapperContent .left {
			float: left;
			width: 282px;
			padding: 0 0 0 20px;
		}
		#wrapperBody #wrapperContent .left_wide {
			float: left;
			width: 920px;
			padding: 0 0 0 20px;
		}
		#wrapperBody #wrapperContent .pystyvali {
			float: left;
			width: 40px;
			background: url(images/bg_valiviiva.jpg) repeat-y;
		}
		#wrapperBody #wrapperContent .center {
			float: left;
			width: 270px;
		}
		#wrapperBody #wrapperContent .right {
			float: left;
			width: 308px;
		}
	#wrapperBody #right {
		float: left;
		width: 20px;
		padding: 0;
		margin: 0;
	}

#wrapperFooterShadow {
	clear: both;
	float: left;
	width: 1000px;
	height: 20px;
	padding: 0;
	margin: 0;
	background: url(images/shadow_footer.jpg) no-repeat;
}	

