body { 
	margin: 0; 
	padding: 0; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
    background-color: #D9E0DB;
	font-size:76% ;
	line-height:1.3em;
	color:#32343e;
}

 /* paragraph & cell styles */
.leftAlign { text-align:left ; }
.rightAlign { text-align:right ; }
.center { text-align:center ; }
.justified { text-align:justify ; }
.h { display:none ; }
.spacer { clear:both ; height:0px ; overflow:hidden ; }

.u4-image-caption {font-size:0.9em; color:#797f7a;text-align:center}

 /* link styles apply unless something else is specified in css (eg. for navigation elements) */
a { color:#32343e; } 
a:hover { text-decoration:none; }
a.external { }
.arrowRight a, .alapalkkiLeft a {padding-left:20px; background: url(/stc/img/arrowDark.gif) 0 0 no-repeat; text-decoration:none;}
.alapalkkiRight a {padding-left:20px; background: url(/stc/img/arrowWhite.gif) 0 0 no-repeat; text-decoration:none; color:#fff;}
#left a, #right a {color:#797f7a}

h3 a {color:#797f7a;}
a img {border:0;}

p {margin:0 0 1em 0;}

h2,h3,h4,h5 { margin:0;}
h2 { font-size:1.4em ; font-weight:normal ; line-height:1.2em; margin-bottom:0.3em ; /*text-transform:uppercase;*/}
h2.red {color:#F6FF5B; }
h3 { font-size:1.1em ; font-weight:normal ; line-height:1.1em; color:#797f7a;}
.alapalkkiRight h3, .alapalkkiEtusivuRight h3 {color:#fff;}
h4 { font-size:1.2em ; font-weight:bold ; margin-bottom:0.5em ;}
h5 { font-size:1.1em ; font-weight:bold ; margin-bottom:0.5em ;}

ul,ol {margin:0; padding:0; list-style-position:inside;}

/* naviList class to reduce redundancy */
ul.naviList { margin:0 ; padding:0 ; list-style:none ; } 
ul.naviList ul { margin:0 ; padding:0 ; list-style:none ; }
ul.naviList li { margin:0 ; padding:0 ; }

#site { background-color: #fff;	width: 960px; margin: 0 auto; text-align: left; overflow: hidden;}

#siteBody {	clear:both ; text-align:left ;}

.columns { float:left;}

#left { width:402px; padding:40px 28px 15px 50px; float:left;}
#right { width: 480px; float:left; overflow:hidden;}
* html .editMode #left, * html .editMode #right {overflow:hidden;}

#top { position:relative; width: 100%; padding: 0; /*border-top: 1px solid white; */}
#top h1 { display:inline; margin: 0 ; padding:0 ; background: url(/stc/img/logo.jpg) no-repeat top left ; height: 76px; width: 209px; float: left; }
#top h1 { margin-bottom: 1px; }
#top h1 a { display:block ; height: 76px; width: 209px; } /* needs width & height same as h1 (logo) */
#top h1 a span { display:none ; }

#supportNavi { width: 100%; text-align: right;}
#supportNavi form { }
#supportNavi ul { width: 250px; position: absolute; right: 0; top: 46px; margin: 0 0 0 -125px; }
#supportNavi li { margin: 0 7px 0 0; display: inline; float:left ;}
#supportNavi li a { display:block ; float: left ; color: #32343e; text-decoration: none; font-size: 15px; }
#supportNavi li a:hover { text-decoration: underline; }
#supportNavi li span { display:block ;} /* span only required if links require two overlaid background images */

/* navigation */
#topNavi { min-height:25px; background-color: #1F2921; padding: 7px 50px 0 50px;}
* html #topNavi {height: 25px;}

#topNavi li { float:left ; color: #797F7B; margin-right: 20px;}
#topNavi li a { display:block ; float:left ; color: #797F7B; text-decoration: none; font-size:15px;}
#topNavi li a:hover { color: #fff; }
* #topNavi li a { height:1% ; }
#topNavi li a.act { color:#fff ; }

#footer { width: 890px; float:left;	margin: 5px 20px 0 50px; min-height: 43px; font-size:0.9em;}
* html #footer {margin-left:25px; height: 43px;}

#footer #footerLeft, #footer #footerRight {float:left; padding-top:12px;}
#footer #footerLeft p, #footer #footerRight p{color: #797f7a;}
#footer #footerRight {padding-left:50px;}
#footer #footerLogo {text-align:right;width:100px; float:right;}

/* do not change ; always the same (unless logo/type is NOT on white bg) */
div#navigoCMS { display: none; font:10px Verdana, sans-serif ; color:#c7c9c8 ; position: absolute; right:0 ; bottom: 0px ; height:18px ; background:#fff ; width:170px ; }
div#navigoCMS strong { color:#c7c9c8 ; }
div#navigoCMS a { color:#c7c9c8 ; text-decoration:none ; padding-left:22px ; background:url(/stc/img/logo_navigo.gif) no-repeat center left ; }
div#navigoCMS acronym { text-decoration:none ;border:none ; }

 /* content elements */

.alapalkkiEtusivu { float:left;	width: 960px; background:url(/stc/img/bg_frontBottom.gif) top left repeat-y;}
.alapalkkiEtusivuLeft {	width: 540px; padding: 20px 10px 5px 50px;	float:left;}
.alapalkkiEtusivuRight { width: 282px; padding: 20px 28px 5px 50px; color: #fff; float:left;}
* html .editMode .alapalkkiEtusivuLeft, * html .editMode .alapalkkiEtusivuRight {overflow:hidden;}
.alapalkkiEtusivuLeft a { text-decoration: none; background: url(/stc/img/arrowDark.gif) top right no-repeat; padding:0 25px 0 0;}
.alapalkkiEtusivuRight a { color:#fff; text-decoration: none; background: url(/stc/img/arrowWhite.gif) top right no-repeat; padding:0 25px 0 0;}

/* Muille sivuilla käytetään näitä, kun homma on kokoleveä ratkaisu */
.alapalkki { width: 960px; float: left; background: url(/stc/img/bg_subBottom.gif) top left repeat-y;}
* html .alapalkki {height:35px;}
.alapalkkiLeft { width: 402px; padding: 20px 28px 5px 50px; float:left;}
.alapalkkiRight { color: #fff; width: 402px; padding: 20px 28px 5px 50px; float:left;}
* html .editMode .alapalkkiLeft, * html .editMode .alapalkkiRight {overflow:hidden;}
.alapalkkiRight a {color: #fff;}

/* ContentWrapper */
div.contentWrapper {padding: 40px 28px 15px 50px;}

 /* news document */
.newsSummary { font-style:italic ; padding-bottom:10px; }

 /* highlight element */
.highLight { border:5px solid #797F7B ; padding:5px ; margin-bottom:0.5em ; }
.highLight h3 { margin:0 ; border-bottom:1px solid #CED64C ; padding-bottom:5px ; margin-bottom:5px; font-weight:bold;} 

 /* tables */

/* common for all tables */
#siteBody table {border-collapse: collapse;}
#siteBody table td {vertical-align: top; padding: 0.2em;}

.u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0}
.u4-table-complete td {border-top:1px solid #797F7B ; background:#fff; }
.u4-table-visible-borders td {border:1px solid #797F7B ; background:#fff; }

.u4-table-stripe-header, .u4-table-stripe-odd, .u4-table-complete-header2, .u4-table-complete-even {background:#CED64C}
.u4-table-stripe-header2, .u4-table-stripe-even{background:#ffffff}
.u4-table-complete td.u4-table-complete-odd {background:#CED64C;}

.u4-table-complete-header td {background:#797F7B; color: #fff; font-weight: bold;}

 /* sitemap */
.siteMap { width:300px ; margin:0 ; padding-bottom:2em ; }
.siteMap a { text-decoration:none ; display:block ; color:#333 ; margin:0 ; }
.siteMap a:hover { color:#c00 ; }
.siteMap ul li { list-style:disc ; }

.depth1 { padding-left:20px ; }
.depth2 { padding-left:35px ; } 
.depth3 { padding-left:50px ; }
.depth4 { padding-left:85px ; }
.depth5 { padding-left:85px ; }

.siteMapFolderLevel1 a { padding-left:0 ; font-weight:bold ; }
.siteMapFolderLevel2 a { padding-left:15px ; }
.siteMapFolderLevel3 a { padding-left:30px ; }
.siteMapFolderLevel4 a { padding-left:45px ; }
.siteMapFolderLevel5 a { padding-left:60px ; }

/* forms */
.textInputTd, .selectInputTd{width: 100px}
input[type=submit].emailForm{margin: 0 0 0 100px}