body {
  background: #FFFFFF;
  color: #000000;
  margin: 10px auto 10px auto;
  width: 954px;
  padding: 0px;
  font-family: verdana, helvetica, sans-serif;
  font-size: 10pt;
}

#body {
  margin: 0px;
  padding: 0px;
}

#header {
  margin: 0px;
  padding: 0px;
  width: 950px;
  text-align: center;
}

#menubar {
  padding: 0px;
  margin: 0px;
  width: 200px;
  float: left;
}

#menu {
  background: #263B96;
  padding: 5px;
  margin: 0px;
  width: 170px;
  border-color: #000000;
  border-width: 1px;
  border-style: solid;
  color: #B6C1EA;
  margin-left: 15px;
}

#menu ul {
  display: block;
  padding: 0px 10px 0px 10px;
  margin: 0px;
  list-style: none;
}

#menu ul li {
  padding: 4px 0px 4px 0px;
  display: block;
  font-family: arial, sans-serif;
  font-size: 13pt;
  font-weight: bold;
}

#menu ul li.syva {
  padding: 3px 0px 3px 0px;
  display: block;
  font-family: arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

#menu ul li.syvempi {
  padding: 2px 0px 2px 0px;
  display: block;
  font-family: arial, sans-serif;
  font-size: 9pt;
  font-weight: normal;
}

#menu a {
  color: #FFFFFF;
  text-decoration: none;
}

#napit {
  width: 170px;
  padding: 5px;
  text-align: center;
  border-color: #000000; 
  border-width: 1px; 
  border-style: solid; 
  margin-left: 15px;
  font-family: arial, sans-serif;
  font-size: 10pt; 
  font-weight: normal;
  letter-spacing: 0.5px;
}

#napit p {
  padding: 2px;
  margin: 4px;
}

#menulogo {
  width: 200px;
  padding: 5px;
  margin: 0px;
}

#napit a {
  color: #4D52CF;
  text-decoration: none;
  font-weight: bold;
}

#main {
  background: #CCD0F8;
  width: 700px;
  padding: 4px;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  margin-left: 215px; 
  padding-bottom: 10px;
  margin-top: 25px;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18pt;
  text-align: left;
  border-color: black;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  color: black;
  margin-top: 5px;
}

img.email {
  vertical-align: text-bottom; 
}

img {
  border-width: 0px;
}

a {
  color: #4D52CF;
}
.cpnrotop{
	background: #CCD0F8;
 	width: 25px;
 	height: 50px;
	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        margin-left: 0px; 
        border-width: 1px;
	margin-top: 25px;
	}
.cpnicktop {
 	background: #CCD0F8;
 	width: 110px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        border-width: 1px;
	margin-left: 0px; 
	margin-top: 25px;
}
 
.cphahmotop{
	background: #CCD0F8;
 	width: 120px;
 	height: 50px;
	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        border-width: 1px;
	margin-left: 0px; 
	margin-top: 25px;
	
}
  
.cpsarjatop {
 	background: #CCD0F8;
 	width: 145px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        border-width: 1px;
	margin-left: 0px; 
	margin-top: 25px;
}
.cpinfotop {
 	background: #CCD0F8;
 	width: 195px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        margin-right: 0px; 
        border-width: 1px;
	margin-left: 0px; 
	margin-top: 25px;
}  
.cpkuvatop {
 	background: #CCD0F8;
 	width: 40px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        margin-right: 0px; 
        border-width: 1px;
	margin-left: 0px; 
	margin-top: 25px;
}  

.cpnro{
	background: #CCD0F8;
 	width: 25px;
 	height: 50px;
	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        margin-left: 0px; 
        border-width: 1px;
	}
.cpnick {
 	background: #CCD0F8;
 	width: 110px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        border-width: 1px;
	margin-left: 0px; 
}
 
.cphahmo{
	background: #CCD0F8;
 	width: 120px;
 	height: 50px;
	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        border-width: 1px;
	margin-left: 0px; 
	
}
  
.cpsarja {
 	background: #CCD0F8;
 	width: 145px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        border-width: 1px;
	margin-left: 0px; 
}
.cpinfo {
 	background: #CCD0F8;
 	width: 195px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        margin-right: 0px; 
        border-width: 1px;
	margin-left: 0px; 
}  
.cpkuva {
 	background: #CCD0F8;
 	width: 40px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        margin-right: 0px; 
        border-width: 1px;
	margin-left: 0px; 
	
}  

.cpnrobottom{
	background: #CCD0F8;
 	width: 25px;
 	height: 50px;
	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        margin-left: 0px; 
        border-width: 1px;
	margin-bottom: 15px;
	}
.cpnickbottom {
 	background: #CCD0F8;
 	width: 110px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        border-width: 1px;
	margin-left: 0px; 
	margin-bottom: 15px;
}
 
.cphahmobottom{
	background: #CCD0F8;
 	width: 120px;
 	height: 50px;
	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        border-width: 1px;
	margin-left: 0px; 
	margin-bottom: 15px;
	
}
  
.cpsarjabottom {
 	background: #CCD0F8;
 	width: 145px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        border-width: 1px;
	margin-left: 0px; 
	margin-bottom: 15px;
}
.cpinfobottom {
 	background: #CCD0F8;
 	width: 195px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        margin-right: 0px; 
        border-width: 1px;
	margin-left: 0px; 
	margin-bottom: 15px;
}  

.cpkuvabottom {
 	background: #CCD0F8;
 	width: 40px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        margin-right: 0px; 
        border-width: 1px;
	margin-left: 0px; 
	margin-bottom: 15px;
}

.cpryhmatop {
 	background: #CCD0F8;
 	width: 600px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        margin-right: 0px; 
        border-width: 1px;
	margin-left: 0px; 
	margin-top: 25px;
}
.cpryhma {
 	background: #CCD0F8;
 	width: 600px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        margin-right: 0px; 
        border-width: 1px;
	margin-left: 0px; 

}
.cpryhmabottom {
 	background: #CCD0F8;
 	width: 600px;
 	height: 50px;
 	float: left;
        padding: 4px;
        border-color: #000000;
        border-style: solid;       
        margin-right: 0px; 
        border-width: 1px;
	margin-left: 0px; 
	margin-bottom: 15px;
}