img  {
	border : 0px;
}

body {
	background-color  : #F2F9EC;
	background-image  : url(../img/r_back.png);
	background-repeat : repeat-x;
	padding : 0px;
	margin : 0px;
}

#main {
	
	margin-left  : auto;
	margin-right : auto;
	width : 769px;	
}

#content {
	
	width : 769px;	
	
}

#leftside {
	width : 6px;
	float : left;
	height : 200px;
}

#middle {
	width : 756px;
	float : left;
	
	margin-top: 10px;
	
}

#logo {
	clear:both;
}


#splogo {
	
	float  : left;	
	display : block;
	border : 0px solid red;
	margin : 0px;
	padding : 0px;
		
	
	
}

#topmenu {
	font-size: 0px; 
}

#topmenu img {
	vertical-align: bottom; 
}


#navi1, #navi2, #navi3, #navi4, #navi5 {
	border : 0px;
	margin : 0px;
	float : left;
}

#pagem {
	border : 0px;
	margin : 0px;
	float : left;
	
	
}

#rightside {
	width : 4px;
	height : 219px;
	float : left;		
	background-image  : url(../img/rightimg.png);
	
}

#pagearea {
	background-image  : url(../img/center_bg.png);
	background-repeat : repeat-y;	
	float : left;
	width : 769px;			
}

#hd {
	clear : both;
	background-image  : url(../img/hddot.png);
	background-repeat : repeat-x;
	height : 1px;
	width  :  475px;
	margin-left: 33px;
}

#pagecont {
	
	width : 475px;
	margin-bottom : 15px;
	margin-left: 33px;
	
	font-size : 12px;
	font-family : Arial;
}

#mitalit {
	
	float : left;
	
	width : 500px;
	margin-bottom : 15px;
	margin-left: 33px;
	
	margin-top : 30px;
	
	font-size : 12px;
	font-family : Arial;
}


#pagecont_norm {
	
	width : 700px;
	margin-bottom : 15px;
	margin-left: 33px;
	
	font-size : 12px;
	font-family : Arial;
}


#pagecont h1, #mitalit h1  {
	font-size : 14px;
	color 	  : #006699;	
	
}

#khlista {
	margin-left: 33px;	
	
}

#khlista h1 {	
	font-size : 14px;
	color 	  : #006699;	
}

#videolista {	
	margin-bottom : 30px;
	text-align : left;
}

#vidcont {
	float   : left;	
	margin-right : 40px; 
	font-family : Arial;
	font-size : 11px;
	text-align : center;		
	padding-bottom : 20px;
	margin-left : 40px;
	
}

#video {		
	
	padding : 2px;
	border  : 1px solid #CACACA;
}

#video img {		
	border  : 1px solid CACACA;
}

#pagecol1 {
	float : left;
	width : 520px;
}

#pagecol2 {
	float : left;
	width : 220px;
	
	height : 800px;
	
	
}

#hpklista {
	padding-left : 30px;
	padding-top  : 20px;
	
	font-family  : Arial;
	font-size    : 12px;
}

#hpklista B {
	
	color : #006699;	
	font-size    : 13px;
	
}

a {
	color : #009C64;
}

#hpklista a {
	color : #009C64;
	text-decoration : none;	
}


#kirjautuminen {	
	
	border: 1px solid #D2D3D4;
	
	width : 202px;
	height: 186px;
	padding-top : 5px;
}


#kirjsis {
	
	
	height : 146px;
	
	background-image : url(../img/kab.png);
	
	font-family : Arial;
	font-size : 12px;
	color : black;
	
	padding-left : 10px;
	
	
}

#kirjsis a {
	
	color : #009C64;
	clear : both;
}

#kirj {
	padding-left : 70px;
}

#salasana, #tunnus  {
	
	width   : 132px;
	height  : 17px;
	border  : 1px solid black;	
	margin  : 0px;
	padding : 0px;	
	margin-left : 0px;
	margin-right: 0px;
	
	padding-top: 0px;
	padding-left : 0px;
		
}

#vdiv {
	
	background-image : url(../img/vdot.png);
	background-repeat : repeat-y;
	
	float : left;
	
	height : 500px;
	width  : 20px;
	
}

#imgcont {
	border : 1px solid black;
	float : left;
	padding : 2px;
	
	margin-right : 10px;
}



#navi1, #navi2, #navi3, #navi4, #navi5 {
	cursor : pointer;	
}

#navi1:hover {
	background-image : url(../img/etus_hover.png);
}

#navi1 {
	width  : 119px;
	height : 163px;
	background-image : url(../img/navi_etusivu.png);
}

#navi2:hover {
	background-image : url(../img/navi_kikat_h.png);
}

#navi2 {
	width  : 116px;
	height : 163px;
	background-image : url(../img/navi_kikat.png);
}

#navi3:hover {
	background-image : url(../img/navi_palkinto_h.png);
}

#navi3 {
	width  : 116px;
	height : 163px;
	background-image : url(../img/navi_palkinto.png);
}

#navi4:hover {
	background-image : url(../img/navi_kannustajat_h.png);
}

#navi4 {
	width  : 116px;
	height : 163px;
	background-image : url(../img/navi_kannustajat.png);
}


#navi5:hover {
	background-image : url(../img/navi_ohjeet_h.png);
}

#navi5 {
	width  : 112px;
	height : 163px;
	background-image : url(../img/navi_ohjeet.png);
}

#reksel {
	text-align : right;
	padding-right : 28px;	
}

#reksel a {
	color : #009B63;	
	font-family : arial;
	font-size : 12px;
}

#logodiv {
	float : left;
}

#logintiedot {
	float : left;
	text-align:right;
	width : 500px;
	font-family : arial;
	font-size : 12px;
	font-weight : bold;
	padding-top : 7px;
	
	
}

#logintiedot a {
	color : #009B63;	
}