* {margin: 0; padding: 0; border: 0; vertical-align: middle;}
body { text-align:center; font-size: 70%; color: #222;}
#wrapper {text-align:left; margin: 0 auto; width: 80%; min-width: 950px; max-width: 1200px; }

a:link, a:visited, a:active {text-decoration:none; color: #555; }
a:hover{text-decoration:underline;}

#topBar {height: 30px;}
#topName {float: left; padding: 1em;}
#topName h1 {line-height: 1em !important; margin: 0 !important; letter-spacing: 0.06em;}
#topName h6 {font-size: 0.8em !important; font-style: italic; }


#topContent {}
#topRow {}

#topMenu {float: left; width: 40%; margin-top: 1em; margin-left: 2em;}
ul#mainlevel-nav {display: inline; }
ul#mainlevel-nav li {display: inline; padding-right: 1em;}
ul#mainlevel-nav li a:link {color: #543D10;}
#topSearch{float: right; margin-right: 2em;}

#headerBar {background: url(../images/kesa/ylapalkki_jatko_kesa.jpg) repeat-x bottom left; height: 160px; width: 100%; clear: both;}
#headerBar img#topLeft, #bottom img#bottomLeft {float: left; }
#headerBar img#topRight, #bottom img#bottomRight {float: right;}
#breadCrumbs {padding: 0.75em 1em 0 1em; float: left; font-size: 1em; float: left;}
#breadCrumbs a:link, #breadCrumbs a:visited {font-weight: normal; color: #000;}

#contentLeftBorder {background: url(../images/kesa/vasen_tausta_kesa.jpg) repeat-y top left; width: 100%; clear: both;}
#contentRightBorder {background: url(../images/kesa/oikea_tausta_kesa.jpg) repeat-y top right; }

#contentLeft {width: 205px; float: left; border-right:1px solid #ddd;}
#contentLeft img#leftPic {width: 50px; float: left;}
#contentLeftMenu {}
ul#mainlevel, #contentLeftMenu .moduletable table {}
#contentLeftMenu .moduletable table tr td {display: block; * position: relative; * top: -160px; * left: 40px;}
ul#mainlevel li, #contentLeftMenu .moduletable table tr td, #contentLeftMenu .moduletable table tr td div {list-style-type: none; min-height: 2em; padding-top: 0.5em; padding-left: 0; width: 130px;}
a.mainlevel:link, a.mainlevel:visited, a.sublevel:link, a.sublevel:visited {padding: 0.35em 0 0.3em 2em; width:95%; color: #888; 
border-top: 1px solid #ccc; 
background: url(../images/btn_mainlevel_normal.gif) top left no-repeat; display: block;}
a.mainlevel:hover, a.sublevel:hover {color: #444; background: url(../images/btn_mainlevel_hover.gif) top left no-repeat;}
a.mainlevel#active_menu, a.sublevel#active_menu {color: #f58409; background: url(../images/btn_mainlevel_active.gif) top left no-repeat; }

#contentRight {min-width: 55px; float:right; max-width: 100px;}
#contentCenter {min-width: 500px; width: 70%; max-width: 900px; float: left; padding-left: 1em; margin: 0 auto; font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;}
#contentCenter a {position: relative; top: -2px;}
img#rightPic {width: 51px; float: right;}

#bottom {width: 100%; clear: both; height:55px; background: url(../images/kesa/alapalkki_jatko_kesa.jpg) repeat-x bottom left #fff;}

div.clear {clear: both;}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address{margin:0.5em 0;}
ul{margin-left:2em;}
fieldset{padding:.5em;}

input, textarea {border: 1px solid #000; margin: 0 0.3em; padding: 0.2em;}
p{font-size:12px;line-height:14px;}
h1,.componentheading{font-size:1.7em;line-height:1.7em; background: url(../images/contentheading.gif) top left no-repeat; padding-left: 20px;color: #f58409;font-family: Arial,Helvetica,sans-serif; }
h2,.contentheading{font-size:1.5em;line-height:1.5em; background: url(../images/contentheading.gif) top left no-repeat; padding-left: 20px; color: #f58409;font-family: Arial,Helvetica,sans-serif;}
h3{font-size:1.3em;line-height:1.3em;font-family: Arial,Helvetica,sans-serif;}
h4{font-size:1.2em;line-height:1.2em;font-family: Arial,Helvetica,sans-serif;}
h5{font-size:1.1em;line-height:1.1em;font-family: Arial,Helvetica,sans-serif;}
h6{font-size:1em;line-height:1em;font-weight:bold;}

#footer,.small,.createdate,.modifydate,.mosimage_caption{font:0.8em Arial,Helvetica,sans-serif;color:#888;}
#footer {text-align: center; margin-bottom: 1em;}
.moduletable{margin-bottom:1em;padding:0 10px;}
.moduletable h3{background:#666;color:#fff;padding:0.25em 0;text-align:center;font-size:1.1em;margin:0 -10px 0.5em -10px;}
/* Opera Hacks */
@media all and (position: relative) {
#contentLeftMenu .moduletable table tr td {position: relative; top: -160px; left: 40px; }
}