body {background-repeat: repeat-x; background-position: top center;}
body, div, form {padding: 0px; margin: 0px;}
img {border: none;}

ul {list-style-type: square;}

a {text-decoration: none; color: #660000;}

#debug div {border: 1px solid #909090; margin-left: 25%; margin-top: 10px; margin-right: 25%; padding: 10px; font-weight: bold; color: #909090; background-color: #f0f0f0;}
#debug div img {margin-right: 10px;}

.uppercase {text-transform: uppercase;}

#container {margin-top: 10px; margin-bottom: 10px; height: 95%;}
#container #cornerLeft {width: 10px; background-image: url(../includes/generateRoundCorner.php);}
#container #cornerRight {width: 10px; background-image: url(../includes/generateRoundCorner.php?corner=ur); background-position: top right; background-repeat: repeat-y;}
#container .whiteBar {width: 10px; background-color: #ffffff;}
#container #header {height: 125px; vertical-align: top; background-color: #ffffff;}
#container #header #innerHeader {height: 115px; border-top: 1px solid #919191; border-left: 1px solid #919191; border-right: 1px solid #919191; background-image: url(../layouts/headerbg.png); background-repeat: repeat-x; background-position: top center; width: 100%; margin-top:10px;}
#container #header #innerHeader #logo {padding-left: 20px; padding-top: 18px; vertical-align: top;}
#container #header #innerHeader #upperMenu {text-align: right; vertical-align: top;}
#container #header #innerHeader #mainMenuOne {width: 400px; height: 90px; margin-top: 7px; border-top: 7px solid #bebebe; border-bottom: 1px solid #000000;}
#container #header #innerHeader #mainMenuOne  .menuItem {padding-right: 8px; padding-left: 8px; padding-bottom: 4px; text-align: center; vertical-align: bottom;}
#container #header #innerHeader #mainMenuOne  .menuItemActive {padding-right: 8px; padding-left: 8px; padding-bottom: 4px; text-align: center; vertical-align: bottom; background-color: #a0a0a0;}

#container #mainmenu {height: 50px; border-left: 1px solid #919191; border-right: 1px solid #919191; border-bottom: 1px solid #000000; background-color: #ffffff; background-image: url(../layouts/mainmenubg.png); background-repeat: repeat-x; background-position: top center; vertical-align: bottom;}
#container #mainmenu #mainMenuTwo {background-image: url(../gradient.php?height=8&startColor=cecece&stopColor=cecece); background-repeat: repeat-x; background-position: top center;}
#container #mainmenu #mainMenuTwo .menuItem {height: 50px; padding-left: 8px; padding-right: 8px; padding-bottom: 12px; vertical-align: bottom; border-top: 8px solid #cecece;}
#container #mainmenu #mainMenuTwo .menuItemActive {height: 50px; padding-left: 8px; padding-right: 8px; padding-bottom: 12px; vertical-align: bottom; border-top: 8px solid #e57100; background-color: #ff7e00;}

#container #subMenu {width: 270px; height: 120px; background-image: url(../includes/generateSubmenubg.php); background-repeat: no-repeat; background-position: bottom right; border-left: 1px solid #919191; vertical-align: top; padding-top: 10px;}
#container #subMenu #submenuTable {width: 265px}
#container #subMenu #submenuTable .menuItem {width: 249px; padding-top: 4px; padding-bottom: 9px; background-image: url(../includes/generateSubmenuItembg.php); background-repeat: repeat-x; background-position: bottom left;}

#container #subMenu #submenuTable .subsubItem {margin-left: 10px;}

#container #subMenu #submenuTable .subsubItem a {font-weight: bold; color: #ffffff; font-size: 10px;}

#container #subMenu #submenuTable .arrowCell {width: 16px; padding-top: 2px; vertical-align: middle; text-align: center;}
#container #decorationPic {border-right: 1px solid #919191;}
#container #kalender {border-top: 1px solid #000000; background-color: #e5e5e5; width: 210px; border-left: 1px solid #919191; border-right: 5px solid #cecece; vertical-align: top;}
#container #kalender #kalHeader {text-align: center; margin-top: 20px;}
#container #kalender #fpKalender {margin-left: 6px; margin-right: 6px; margin-top: 10px;}
#container #kalender #fpKalender td {padding-right: 3px; font-family: arial, sans-serif; font-size: 12px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px dotted #b7b7b7; vertical-align: top;}
#container #kalender #fpKalender td a {font-family: arial, sans-serif; font-size: 12px;}
#container #kalender #fpKalender .datum {font-weight: bold; padding-right: 6px;}

#container #contents {border-top: 1px solid #000000; background-color: #ffffff; border-right: 1px solid #919191; padding: 40px; vertical-align: top;}

#container #contents #contentContainer #contentCell {width: 480px;}
#container #contents #contentContainer td {vertical-align: top;}
#container #contents #contentContainer #contentCell .contentOtsikko {margin-bottom: 20px;}
#container #contents #contentContainer #contentCell .contentSisalto {margin-right: 40px; }

#libraryTable td {padding-right: 10px; padding-top: 2px; padding-bottom: 2px; vertical-align: top;}

#container #cornerlowerleft {background-image: url(../includes/generateRoundCorner.php?corner=ll); background-position: bottom left; background-repeat: no-repeat;}
#container #cornerlowerright{background-image: url(../includes/generateRoundCorner.php?corner=lr); background-position: bottom right; background-repeat: no-repeat;}
#container #copyright {height: 26px; padding-top: 4px; padding-bottom: 4px; background-color: #ffffff; text-align: center; font-weight: bold; font-size: 10px; font-family: verdana, serif; color: #909090; border-top: 1px solid #919191;}
