body {
padding:0;
margin:30px;
font-family: Verdana, Helvetica, sans-serif;
background:white;
font-size: 9.5px;
line-height: 16px;
font-weight: normal;
text-decoration: none;
font-style: normal;
color:#808080;
}

a {
color:#00467F;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-decoration: none;
font-style: normal;
border-bottom:0px dotted #505050;
}

a:hover {
color:#256AA3;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-decoration: none;
font-style: normal;
border-bottom:0px solid #505050;
}

h1 {
color:#808080;
margin:10px 10px 10px 10px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
font-weight: normal;
text-decoration: none;
font-style: normal;}


p {
color:#808080;
margin:10px 10px 10px 10px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-decoration: none;
font-style: normal;
text-align:justify;

}

table {
color:#808080;
margin:10px 10px 10px 10px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-decoration: none;
font-style: normal;
text-align:justify;
}

a img {
border:0;
}

/* DIV ID Blocks */



#logo {
margin:0px auto 10px auto;
width:750px;
height:50px;
padding:0px 0px 0px 0px;
background:white;
border:0px solid black;
}

#border {
margin:0px auto 0px auto;
width:752px;
height:480px;
padding:1px 0px 0px 0px;
background:#D8D7D6;
}

#container {
margin:0px auto 0px auto;
width:750px;
padding:0px 0px 0px 0px;
background:#f8f7f9;
border-top:0px solid #D8D7D6;
border-left:0px solid #D8D7D6;
border-right:0px solid #D8D7D6;
border-bottom:0px solid #D8D7D6;
}


#upleft {
width:260px;
height:320px;
float:left;
padding:0px 0px 0px 0px;
background:white url(top_kuva.gif) top left no-repeat;
}

#upleft_listen {
width:260px;
height:320px;
float:left;
padding:0px 0px 0px 0px;
background:white url(top_kuva_listen.gif) top left no-repeat;
}

#upleft_learn {
width:260px;
height:320px;
float:left;
padding:0px 0px 0px 0px;
background:white url(top_kuva_learn.gif) top left no-repeat;
}

#upleft_connect {
width:260px;
height:320px;
float:left;
padding:0px 0px 0px 0px;
background:white url(top_kuva_connect.gif) top left no-repeat;
}

#upleft_index {
width:260px;
height:320px;
float:left;
padding:0px 0px 0px 0px;
background:white url(shadow_2.gif) top left repeat;
}


#upleft p {
color:white;
font-family: Verdana, Helvetica, sans-serif;
font-size: 9px;
line-height: 18px;
font-weight: normal;
text-decoration: none;
font-style: normal;
margin:10px 10px 10px 10px;
padding:0;
}

#upleft h1 {
color:#808080;
font-family: Verdana, Helvetica, sans-serif;
font-size: 18px;
line-height: 20px;
font-weight: normal;
text-decoration: none;
font-style: normal;
margin:10px 10px 10px 10px;
padding:0;
}

#upright {
width:490px;
height:320px;
float:right;
background:white url(shadow_3.gif) top left repeat;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0px solid #e0e0e0;
overflow:auto;
}

#upright_index {
width:490px;
height:320px;
float:right;
background:white url(shadow_3.gif) top left repeat;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0px solid #e0e0e0;
}

#upright h1 {
color:#003e81;
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: bold;
text-decoration: none;
font-style: normal;
padding:40px 20px 0px 40px;
}

#upright p {
color:#808080;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: normal;
text-decoration: none;
font-style: normal;
padding:20px 40px 0px 40px;
}



#spacer {
width:720px;
height:5px;
background:#fcfcfd;
}


#sideleft {
float:left;
margin:0px 0px 0px 0px;
width:260px;
height:160px;
padding:0px 0px 0px 0px;
background:#003e81 url(logo_white_2.gif) top left no-repeat;
}

#sideright {
float:right;
width:490px;
height:160px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:#1b4b8a ;}

#sideright p {
color: white;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
font-weight: normal;
text-decoration: none;
font-style: normal;
padding:60px 20px 0px 20px;
text-align: right;

}

#navitab {
clear:both;
width:440px;
padding:40px 0px 0px 40px;
background:none;
font-family: Verdana, Helvetica, sans-serif;
color:#ffffff;
}

.navitab {
padding:10px;
font-size:13px;
background:none;
text-decoration:none;
font-weight: bold;
color:#ffffff;
font-family: Verdana, Helvetica, sans-serif;
border-left:0px solid white;
}

.navitab:hover {
font-family: Verdana, Helvetica, sans-serif;
text-decoration:none;
font-size:13px;
background:none;
font-weight: bold;
color:white;
border-left:0px solid white;
}

#footer {
clear:both;
background:#ffffff url(shadow.gif) bottom left repeat-x;
border-top:0px solid #d8d8d8;
margin:0px auto 0px auto;
width:750px;
padding:0px 0px 0px 0px;
}






/* Sides */


#sideleft p {
font-family: Arial, Helvetica, sans-serif;
font-size: 9.5pt;
line-height: 12pt;
font-weight: normal;
text-decoration: none;
font-style: normal;
margin:10px 10px 10px 10px;
}
#sideleft h2 {
color:#00467F;
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
line-height: 12pt;
font-weight: normal;
text-decoration: none;
font-style: normal;
margin:10px 10px 10px 10px;
}



/* Footer */



#footer a {
color:#808080;
}

#footer a:hover {
color:#303030;
}

#footer p {
color:#808080;
font-family: Arial, Helvetica, sans-serif;
font-size: 6pt;
line-height: 12pt;
font-weight: normal;
text-decoration: none;
font-style: normal;
margin:10px 10px 10px 10px;
padding:0;
}

/* Various classes */

.photo {
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.right {
margin-top:-8px;
text-align:right;
}

#flash {
margin:0px -180px 0px;
padding-top:40px;
}

/***** Main menu *****/


.hide {
display:none;
}

#table {
padding:10px 10px 0px 50px;
}

FORM {font-family: Verdana, Helvetica, sans-serif;
width:360px;
color: black;
background:#F5F5F3;
border: 1px solid #D8D7D6;
padding:10px 10px 10px 10px;
font-size: 12px;
line-height: 18px;
margin:0px 0px 0px 0px;
}