/* global */
html{height: 100%;
}
body
{
font-family: Frutiger, Arial, sans-serif; 
padding: 0px; 
margin: 0px; 
font-size: 80%;
}
p
{ 
margin: 0px; 
padding: 0px 0px 16px 0px; 
line-height: 17px;
}
h1
{ 
font-family: arial, sans-serif; font-weight: bold; font-size: 108%; letter-spacing: .1em;}h2{ margin: 0px; padding: 0px 0px 4px 0px; font-size: 100%;}img{border: 0px;}a{outline: none;}/* image positioning - left, right and center */.left{ float: left; padding: 0px 8px 0px 0px;}.right{ float: right; padding: 0px 0px 0px 8px;}.center{ display: block; text-align: center; margin: 0 auto;}/* block quote */blockquote{ margin: 10px 0px 10px 0px; padding: 10px 20px 0px 10px; border-left: 8px solid;}/* unordered list */ul{ margin: 3px 0px 0px 16px; padding: 0px;}ul li{ list-style-type: square; margin: 0px 0px 8px 0px; padding: 0px;}/* ordered list */ol{ margin: 8px 0px 0px 24px; padding: 0px;}ol li{ margin: 0px 0px 11px 0px; padding: 0px;}/* margin lefts / margin rights - to centre content */#main, #links, #footer, #logo, #kuvatus, #menu, #content{ margin-left: auto; margin-right: auto;}/* main container */
#main
{
width: 810px;
}
/* links above the logo / footer */
#links, #footer{width: 726px; height: 20px; font-size: 78%; color:#ffffff; text-transform: uppercase; padding: 8px 21px 0px 19px;}#links{text-align: right;color:#ffffff;}#footer{ text-align: center; border-top: 2px solid;}#links a, #footer a{text-decoration: none;color:#ffffff; }#links a:hover, #footer a:hover{text-decoration: underline;}/* logo */#logo{ width: 766px; height: 225px; border-top: 2px solid; border-bottom: 5px solid;}#kuvatus{ width: 766px; height: 225px; border-top: 2px solid;border-bottom: 5px solid; margin-left: auto; margin-right: auto;}#logo h1, #logo h2{ margin: 0px; letter-spacing: .2em;}#logo h1{ padding: 28px 0px 0px 39px; font-size: 160%;}#logo h2{ font-family: arial, sans-serif; padding: 5px 0px 0px 39px; font-size: 108%;}/* navigation menu */#menu{ height: 30px; width: 766px; margin-top: -30px; position: relative;}#menu ul{margin: 0px auto; height:20px; } #menu li{ float: left; margin: 0px 5px 0px 0px; padding: 0px; list-style: none;} #menu li a { display: block; float: left; height: 16px; text-decoration: none; padding: 7px 12px 2px 12px; border-bottom: 2px solid; text-transform: uppercase; font-size: 88%;} #menu li a:hover, #menu li a#selected, #menu li a#selected:hover{ height: 20px; padding: 7px 12px 2px 12px; border: 0px;}
 /* main content */
#content
{ 
width: 766px; 
overflow: hidden;
}
/* column 1 - contains sidebar items */
#column1{ 
width: 198px; 
margin: 22px 0px 0px 0px; 
float: right; 
padding: 19px 19px 15px 19px;
}
.sidebaritem
{ 
text-align: left; 
width: 168px; 
float: left; 
margin: 0px 0px 13px 0px; 
border: 1px solid; 
padding: 14px 8px 14px 19px;
}
.sidebaritem h1
{ 
margin: 0px; 
font-weight: bold; 
padding: 0px 0px 5px 0px; 
text-transform: uppercase;
}
.kayt
{ 
text-align: left; 
background-color:#007CAA;
width: 168px;
height: 60px; 
float: left; 
margin: 0px 0px 14px 0px; 
border: 0px solid; 
padding: 14px 8px 9px 19px;
}
.kayt a
{
	color:#ffffff;
text-decoration: none;
font-weight: normal;
padding-left:15px; 
 }
.kayt a:hover
{
	color:#FF9C27;
text-decoration: none;
}
.sidebaritem p
{ 
line-height: 16px; 
padding: 0px 0px 8px 0px;
}
.sidebaritem a, .sidebaritem a:hover
{ 
padding: 0px 0px 2px 1px; 
text-decoration: none;
}
.sbilinks
{
padding: 0px
}
.sbilinks ul
{
margin: 0px auto;
}
.sbilinks li 
{ 
margin: 0px; 
float: left; 
list-style: none; 
} 
.sbilinks li a, .sbilinks li a:hover
{ 
float: left; 
height: 16px; 
text-decoration: none; 
padding: 5px 0px 4px 15px; 
width: 149px;
} 
/* column 2 - page content */
#column2
{ 
text-align: justify; 
width: 508px; 
float: left; 
padding: 2px 3px 10px 19px;
}
#column2 h1
{ 
font-family: arial, sans-serif; 
padding: 16px 0px 5px 0px; margin: 0px 0px 12px 0px; border-bottom: 1px solid; font-size: 150%; text-transform: uppercase; font-weight: normal;}/* column 3 - page content tulosten tulkinta*/#column3{ text-align: justify; width: 730px; float: left; padding: 2px 3px 15px 19px;}#column3 h1{ font-family: arial, sans-serif; padding: 16px 0px 5px 0px; margin: 0px 0px 12px 0px; border-bottom: 1px solid; font-size: 150%; text-transform: uppercase; font-weight: normal;}#column2 a, #column2 a:hover{ padding: 0px 0px 0px 0px; text-decoration: none; border-bottom: 1px dashed;}#column2 a:hover{border-bottom: 1px solid;}/* additional colour scheme selections */#colour{margin: 0px 0px 20px 0px;}#colour a, #colour a:hover{border: 0px;}.blue{ background: #414141 url('file:///C:/Documents%20and%20Settings/Antti%20Pajunen/Desktop/tick') no-repeat left center; color: #109CEF; padding-left:20px; padding-right:40px; padding-top:0px; padding-bottom:0px}.green{ background: #414141 url('file:///C:/Documents%20and%20Settings/Antti%20Pajunen/Desktop/tick') no-repeat left center; color: #94C65A; padding-left:20px; padding-right:40px; padding-top:0px; padding-bottom:0px}.purple{ background: #414141 url('file:///C:/Documents%20and%20Settings/Antti%20Pajunen/Desktop/tick') no-repeat left center; color: #CE5AEF; padding-left:20px; padding-right:40px; padding-top:0px; padding-bottom:0px}.orange{ background: #414141 url('file:///C:/Documents%20and%20Settings/Antti%20Pajunen/Desktop/tick') no-repeat left center; color: #FF9C21; padding-left:20px; padding-right:40px; padding-top:0px; padding-bottom:0px}