/* 1. Defaults */
        html, body { 
            height:100%;
        }   
        body, div, p, img, dl, ul, ol, form, img, h1, h2, h3, h4, h5, span, label, hr, fieldset, img {
            margin: 0; 
            padding: 0;
        }
        body {
            background: #fff url(img/bg_body.gif) 0 0 repeat-x; 
            font-family: Verdana, sans-serif;  
            font-size:76% ;             
            text-align: center; 
            position: relative;
        }
        #site, #footer {
            text-align: left;
        }
        .columns {
            float: left;
        }
        input.txt {
            background: #1269C3; 
            border-color: #1460BE #5296DD #5296DD #1460BE; 
            border-style: solid; 
            border-width: 1px; 
            color: #fff; 
            font-size: 11px;
            height: 16px; 
            margin: 0; 
            padding: 0; 
            width: 160px; 
        }
        input.sbm {
            background: #2576CA; 
            border-color: #5296DD #1460BE #1460BE #5296DD; 
            border-style: solid; 
            border-width: 1px; 
            color: #fff; 
            font-size: 11px;
        }
        
        li {
            margin-left: 2.5em;
        }
        
        .spacer { 
            clear: both; 
            height: 1px; 
            margin: 0; 
            overflow: hidden; 
            padding: 0;
        }
        .u4-image-caption {
            color: #666; 
            font-size: 0.8em; 
            margin-left: 0.5em;
        }
        div.hr {
            background:  url(img/bg_hr.gif) 0 5px repeat-x;
            height: 15px; 
        }
        
        #siteBody{
            color: #222;
        }
        #siteBody li p {
        }


/* 2. Paragraph and heading styles*/
        .leftAlign{
            text-align: left;
        }
        .rightAlign{
            text-align: right;
        }
        .right{
            float: right;
        }
        .center{
            text-align: center;
        }
        .justified{
            text-align: justify;
        }
        .h{
            display: none;
        }
        
        h2, h3, h4, h5{
            color: #1168C5;
        }
        h2.orange, h3.orange, h4.orange {
	color: #ff6600;
        }
        h2 { 
            font-size:1.8em ; 
            font-family: Verdana, sans-serif ; 
            font-weight: normal; 
            letter-spacing:0.1em ; 
            margin-bottom: 0.6em; 
            padding-top: 4px; 
        }
        h3 { 
            font-size:1.4em ; 
            font-family: Verdana, sans-serif ; 
            font-weight: normal; 
            margin-bottom: 0.5em ; 
        }
        h3.underline {
            border-bottom: 1px solid #1168C5; 
            padding-bottom: 0.2em;
        }
        h4 { 
            font-size: 1em ; 
            font-weight:bold ; 
            margin-bottom:0.5em ;
        }
        h5 { 
            font-size: 1em ; 
            font-weight:bold ; 
            margin-bottom:0.5em ;
        }
        
        #top {
            color: #fff;
        }
                #top a, #topNavi a {
                    color: #fff;
                }
        #footer {
            font-family: Arial;
            font-size: 11px; 
        }
        #middle {
            font-size: 11px; 
            line-height: 1.5em;
        }
                #middle h4 {
                    font-size: 11px; 
                    line-height: 1.6em;
                }

/* 3. Link styles*/
		a {
            color: #0F7F33; 
            text-decoration: underline; 
        }
        a:hover {
            text-decoration: none;
        }
		a:visited {
			color: #062F13; /*2C4F37*//*0C3F1C*/
			text-decoration: underline;
		}
		a:visited:hover {
			text-decoration: none;
		}
                a img{
                    border: 0;
                }
        
		#supportNavi a {
			text-decoration:none;
		}
		#supportNavi a:hover {
			text-decoration: underline;
		}
        
        #docNavi, #supportNavi {
            font-size: 11px;
        }
        #topNavi a {
            font-weight: bold;
        }
        /*h4 a {
            color: #1269D8;
        }*/
		
		#searchBox a {
			color: #FEFFF4;
			/*text-decoration: none;*/
		}
		#searchBox a:hover {
			/*text-decoration: underline;*/
		}
		#login a {
			color: #FEFFF4;
			/*text-decoration: none;*/
		}
		#login a:hover {
			/*text-decoration: underline;*/
		}
		
		.newsList a {
			text-decoration: none;
			color: #222222;
		}
		.newsList a:hover {
			text-decoration: underline;
		}
		.newsList a:visited {
			text-decoration: none;
		}
		.newsList a:visited:hover {
			text-decoration: underline;
		}
		.newsList h4 a {
			color: #1269D8;
		}
		
		#docNavi a {
			text-decoration: none;
		}
        #docNavi a:hover {
			text-decoration: underline;
		}
		#docNavi a:visited {
			text-decoration: none;
		}
		#docNavi a:visited:hover {
			text-decoration: underline;
		}        

/* 4. Bottom margins */
        #left p {
            margin-bottom: 1em;
        }
        #middle p {
            margin-bottom: 0.6em;
        }

/* 5. Site structure*/
        #site {
            margin: 0 auto 12px; 
            position:relative ; 
            width: 962px;             
        }
                #top {
                    position: relative;
                    width: 902px;
                }
                        #logo { 
                            background: url(img/bg_logo_new.gif) no-repeat center left ; 
                            height: 65px; 
                            width: 449px; 
                        }
                                #logo a { 
                                    display:block ; 
                                    height: 65px;
                                    width: 449px; 
                                }
                                        #logo a span {
                                            display: none;
                                        }
                        #supportNavi {
                            width:550px ;
                            position: absolute; 
                            right: 0;
                            top: 0; 
                            z-index: 2;
                        }
                                #supportNavi ul {
                                    float: right;
                                }
                #siteBody {
                    float: left; 
                    margin-bottom: 20px;
                    position: relative;
                    width: 778px;
                }
                        #left {
                            clear: left;
                            width: 508px;
                        }
                        #left.wide {
                            width: 754px;
                        }
                                #left.wide .topslot {
                                    clear: left;
                                    float: left;
                                    width: 734px;
                                }
                    
                                #left.wide .twoCol {
                                    clear: both;
                                    float: left;
                                    width: 734px;
                                    
                                }
                            
                                        #left.wide .twoCol .left {
                                            float: left;
                                            margin-left: 0;
                                            width: 277px;
                                        }
                                    
                                        #left.wide .twoCol .right {
                                            float: left;
                                            margin-left: 20px;
                                            width: 437px;
                                        }
                                    
                                        .editMode #left.wide .twoCol .right {
                                            margin-left: 10px;
                                        }
                    
                    
                                #breadcrumb {
                                    color: #777b84;
                                    float: left;
                                    font-size: 0.9em;
                                    margin-top: 9px;
                                    margin-left: 10px;
                                    width: 490px;
                                }
                                
                                        #breadcrumb a {
                                            color: #777b84;
                                        }
                    
                    
                                #leftContainer {
                                    clear: left;
                                    padding: 20px 10px 0 10px;
                                }
                        #middle {
                            width: 268px;
                        }
                                #midContainer {
                                    padding: 20px 10px 0 10px;
                                }
                                
                #right {
                    width: 184px;
                }
                        #right #login {
                            background: url(img/bg_boxes.gif) 0 0 no-repeat; 
                            padding-top: 15px;
                        }
                    
                        #right #bannerslot {
                            margin-top: 18px;
                        }
                
        #footer {
            background: #DEEAF7; 
            bottom: 0;
            float: left; 
            left: 0;
            padding: 3px 0 3px 0;
            position: fixed;            
            width: 100%; 
        }
                #footerContainer {
                    margin: 0 auto 0 auto; 
                    position: relative; 
                    width: 902px;
                }
                        #navigoCMS {
                            position: absolute; 
                            right: 0;
                            top: 0; 
                        }

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

        /* Topnavi shows sub level with li:hover, except for IE -> JavaScript + li.over. */
        #supportNavi li {
            float: left; 
            margin: 0; 
            padding: 3px 3px 0 0; 
        }
    
        #siteBody > #topNavi { 
            position: relative;
            z-index: 15; /* Tama jotta lyhyilla sivuilla footeri yli ulottuvat valikot toimisivat.
                            IE6 ei tykkaa hyvaa, joten siita syysta > notaatio */
        }
                #topNavi ul {
                    background: transparent url(img/bg_navi_vertLine_double.gif) no-repeat scroll right 6px;
                    float: left;
                    padding: 0 2px 0 0;
                }
                #topNavi li { 
                    background:url(img/bg_navi_vertLine_left.gif) no-repeat left 6px ;  
                    display: block;
                    float:left ;                     
                    margin:0 !important ; 
                    position:relative ; 
                }
                        #topNavi li a { 
                            background:url(img/bg_navi_vertLine_double.gif) no-repeat 0 6px ; 
                        }
                        #topNavi li a:hover {
                            text-decoration:none ; 
                        }
                        #topNavi li.last { 
                            /* Ei enaa tarpeellinen kun tama laitettiin jo ul:n taustaksi
                            background:url(img/bg_navi_vertLine_double.gif) no-repeat right 6px ; 
                            padding-right:2px ;*/
                        }
                                #topNavi li.last a { 
                                    margin-right:2px ; 
                                }
                                #topNavi li a { 
                                    display:block ; 
                                    padding:11px 4px 7px 7px ; 
                                    float:left ; 
                                    text-decoration:none ; 
                                }
                #topNavi li:hover, #topNavi li.over { 
                    background:url(img/bg_navi_a_hover.gif) no-repeat top left ; 
                }
                        #topNavi li li:hover { 
                            background:none ; /* ie7 bug */
                        } 
                        #topNavi li ul { 
                            background:url(img/bg_navi_dropShadow.gif) no-repeat 2px 4px ; 
                            display: none; 
                            float: none;
                            list-style:none ; 
                            left:0 ; 
                            margin: 0;
                            padding-bottom:1px ; 
                            padding-right:1px ;
                            position:absolute ; 
                            top:31px ; 
                            width:168px ; 
                        }
                        #topNavi li:hover ul, #topNavi li.over ul { 
                            display:block ; 
                        }
                        #topNavi li li { 
			  clear: left;
                            display:inline ; 
                            float:left ; 
			    width: 100%;
                        }
                                #topNavi li li a { 
                                    background:#277cd3 ; 
                                    border-left:1px solid #1460be ; 
                                    border-right:1px solid #1460be ; 
                                    float:none ; 
                                    font-weight:normal !important ; 
                                    padding:0 5px 0 0 ; 
                                }
                                #topNavi li li a:hover { 
                                    background:#3182d4 ; 
                                }
                                        #topNavi li li a span { 
                                            background:url(img/bg_navi_dottedLine.gif) no-repeat 5px bottom ; 
                                            border-left:1px solid #5296dd ; 
                                            display:block ; 
                                            font-size:10px ; 
                                            padding:3px 3px 6px 8px ; 
                                            position:relative ; 
                                        }
                                #topNavi li li.last2 a { 
                                    border-bottom:1px solid #1460be ; 
                                    padding:0 ; 
                                }
                                        #topNavi li li.last2 a span { 
                                            border-bottom:1px solid #5296dd ; 
                                            background:none ; 
                                        }
/* 6.2 Docnavi */
        #docNavi {
            background-color: #fff;
            float: left;
            margin: 15px 0 30px 0;
            overflow: hidden;
            padding: 0;
            width: 183px;
        }
    
                #docNavi li {
                    float: left;
                    margin: 0;
                    width: 100%;
                }
                        #docNavi li a {
                            background-color: #1660bf;
                            color: #fefff4;
                            display: block;
                            float: left;
                            margin: 0;
                            padding: 1px 1px 0px 1px;
                            width: 100%;
                        }
                        #docNavi li a span {
                            background-color: #2579d1;
                            border: 1px solid #5396dd;
                            display: block;
                            overflow: hidden;
                            padding: 4px 8px 7px 8px;
                        }
                        #docNavi li li {
                            background-color: #fff;
                            color: #3379cf;
                            float: left;
                            margin: 0;
                            width: 100%;
                        }
                                #docNavi li li a {
                                    background-color: #fff;
                                    border: none;
                                    color: #3379cf;
                                    display: block;
                                    float: left;
                                    padding: 3px 5px 3px 10px;
                                    width: 100%;
                                }
                            
                                        #docNavi li li a span {
                                            padding: 0;
                                        }
                                                            

/* 7. Content elements */        
/* 7.1 powered by navigo cms */
        #navigoCMS{
            color: #9CA9B4;
        } 
            #navigoCMS * { 
                font-family: verdana; 
                font-size: 10px; 
                color: #9CA9B4; 
                text-decoration: none; 
            }
            #navigoCMS p { 
                background: transparent;
            }
            #navigoCMS a { 
                background: url(img/navigocms.gif) left top no-repeat;
                padding-left: 24px; 
                white-space: nowrap; 
            }
            #navigoCMS acronym { 
                cursor: help; 
                color: #9CA9B4; 
            }

/* 7.2 Boxes */
        #boxes {
            background: #277BD2 url(img/bg_topNavi_vr.gif) top left repeat-y; 
            color: #fff; 
            margin: 6px 0 0 0; 
            font-size: 11px;
        }
        #boxesBL {
            background: url(img/boxBL.gif) bottom left no-repeat;
        }
        #boxesB {
            background: url(img/boxB.gif) bottom left repeat-x;
        }
        #boxesBR {
            background: url(img/boxBR.gif) bottom right no-repeat;
        }
        #boxesR {
            background: url(img/boxR.gif) top right repeat-y;
        }
        #boxesTR {
            background: url(img/boxTR.gif) top right no-repeat; 
            padding: 10px 10px 10px 10px;
        }
    
/* 7.3 Two columns */
        .columnContainer {
            margin-bottom: 0.5em;
            width: 100%;
        }
    
                .columnContainer .columns {
                    margin-right: 2%;
                    width: 47%;
                }
            
/* 7.4 Highlight */
        .highLight {
            border: 5px solid #1168C5;
            margin-bottom: 0.5em;
            padding: 5px;
        }
    
    
        .front .highLight {
            border-color: #d0d9e3;
        }
/* 7.5 E-mail Forms */
        form.emailForm {
            margin-bottom: 12px;
        }
                .formRow {
                    margin: 0 0 8px 0;
                }
                .formRow label span {
                    display: block;
                    margin: 0 0 4px 0;
                }
/* 7.6 Sitemap */
        .siteMapFolderLevel0, .siteMapFolderLevel1, .siteMapFolderLevel2, .siteMapFolderLevel3 {
            font-weight: bold
        }
    
        .siteMap { 
            padding-bottom:2em ; 
            width:300px ; 
        }
        .siteMap a { 
            color:#333 ;
            display:block ; 
            text-decoration:none ; 
        }
    
        .siteMap a:hover { 
            color:#c00 ; 
        }
        .siteMap ul li { 
            list-style:disc ; 
        }
        
        .siteMapDocumentLevel0 { 
            background:url(/stc/img/siteMap/sitemap_document.gif) 0px center no-repeat ; 
            padding:0.2em ; 
            padding-left:2em ; 
        }
        .siteMapDocumentLevel1 { 
            background:url(/stc/img/siteMap/sitemap_subdocument.gif) 0px center no-repeat ; 
            font-size:0.9em ; 
            padding:0.2em ; 
        }
        
        .depth0 { 
            padding-left:25px ; 
            background-position:5px center ; 
            width:275px ; 
        }
        .depth1 { 
            padding-left:40px ; 
            background-position:20px center ; 
            width:260px ; 
        }
        .depth2 { 
            padding-left:55px ; 
            background-position:35px center ; 
            width:245px ; 
        } 
        .depth3 { 
            padding-left:70px ; 
            background-position:50px center ; 
            width:230px ; 
        }
        .depth4 { 
            padding-left:85px ; 
            background-position:65px center ;
            width:215px ; 
        }
        .depth5 { 
            padding-left:100px ; 
            background-position:80px center ; 
            width:200px ; 
        }
            
        .siteMapFolderLevel1 a { 
            background:url(/stc/img/siteMap/sitemap_folder.gif) 5px center no-repeat ; 
            font-weight:bold ; 
            padding-left:20px ; 
        }
        .siteMapFolderLevel2 a { 
            background:url(/stc/img/siteMap/sitemap_subfolder.gif) 20px center no-repeat ; 
            padding-left:40px ; 
        }
        .siteMapFolderLevel3 a { 
            background:url(/stc/img/siteMap/sitemap_subfolder.gif) 35px center no-repeat ; 
            padding-left:55px ; 
        }
        .siteMapFolderLevel4 a { 
            background:url(/stc/img/siteMap/sitemap_subfolder.gif) 50px center no-repeat ; 
            padding-left:70px ; 
        }
        .siteMapFolderLevel5 a { 
            background:url(/stc/img/siteMap/sitemap_subfolder.gif) 65px center no-repeat ; 
            padding-left:85px ; 
        }
        
        .stripe { 
            background-color:#f9f9f9 ; 
        }
    
/* 7.7 Tables */
/* tables */

/* common for all tables */
#siteBody table {border-collapse: collapse;}
#siteBody table td {vertical-align: top; padding: 0.3em;}
#middle ul, #middle ol, #middle dl { padding-left:30px ; }

.u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0}
.u4-table-visible-borders td, .u4-table-complete td {border-top:1px solid #ddd ; background:#fff url(/stc/img/bg_table_borders_td.gif) repeat-x top left ; }

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

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

/* 7.8 Userdata */
.userData {
}
        .userData .userPhoto {
            float: right;
            max-width: 200px;
        }
        * html .userData .userPhoto {
            width: 200px;
        }
        .userData dl {
        }
                .userData dt {
                  font-weight: bold;
                  margin: 0;
                }
                  
                        .userData dd {                          
                          margin: 0 0 5px 0;
                          padding: 0;
                        }

/**/
        
        
div.userList li 		{ margin-bottom: 5px; }
div.userList span.name 		{ font-weight: bold; }
div.userList span.akkLogo{font-weight: bold; color: #1269D8; }

/* 7.9 Map */
		#map { position:relative; width:220px; height:421px; background:url(/stc/img/map/suomi_blank.gif) 0 0 no-repeat; font-size:11px; }
		#map .visible { display:block; }
		#map .stayVisible { display:block !important; }
	
		.piiri { display:none; position:absolute; width:220px; height:421px; }
		#lapin-piiri { background:url(/stc/img/map/lapin_piiri.gif) 0 0 no-repeat; }
		#oulun-piiri { background:url(/stc/img/map/oulun_piiri.gif) 0 0 no-repeat; }
		#vaasan-piiri { background:url(/stc/img/map/vaasan_piiri.gif) 0 0 no-repeat; }
		#keski-suomen-piiri { background:url(/stc/img/map/keski_suomen_piiri.gif) 0 0 no-repeat; }
		#kuopion-piiri { background:url(/stc/img/map/kuopion_piiri.gif) 0 0 no-repeat; }
		#pohjois-karjalan-piiri { background:url(/stc/img/map/pohjois_karjalan_piiri.gif) 0 0 no-repeat; }
		#turun-ja-porin-piiri { background:url(/stc/img/map/turun_ja_porin_piiri.gif) 0 0 no-repeat; }
		#hameen-piiri { background:url(/stc/img/map/hameen_piiri.gif) 0 0 no-repeat; }
		#mikkelin-piiri { background:url(/stc/img/map/mikkelin_piiri.gif) 0 0 no-repeat; }
		#kymen-piiri { background:url(/stc/img/map/kymen_piiri.gif) 0 0 no-repeat; }
		#uudenmaan-piiri { background:url(/stc/img/map/uudenmaan_piiri.gif) 0 0 no-repeat; }
		#helsingin-piiri { background:url(/stc/img/map/helsingin_piiri.gif) 0 0 no-repeat; }
		
		.area { z-index:2; cursor:pointer; }
		#lapin { position:absolute; left:64px; top:2px; width:116px; height:170px; }
		#oulun { position:absolute; left:80px; top:172px; width:114px; height:77px; }
		#vaasan { position:absolute; left:31px; top:249px; width:61px; height:69px; }
		#keski-suomen { position:absolute; left:92px; top:268px; width:30px; height:64px; }
		#kuopion { position:absolute; left:122px; top:249px; width:47px; height:69px; }
		#pohjois-karjalan { position:absolute; left:169px; top:249px; width:49px; height:69px; }
		#turun-ja-porin { position:absolute; left:31px; top:318px; width:34px; height:88px; }
		#hameen { position:absolute; left:65px; top:332px; width:57px; height:44px; }
		#mikkelin { position:absolute; left:122px; top:318px; width:65px; height:34px; }
		#kymen { position:absolute; left:122px; top:352px; width:67px; height:25px; }
		#uudenmaan { position:absolute; left:65px; top:376px; width:63px; height:28px; }
		#helsingin { position:absolute; left:82px; top:389px; width:23px; height:16px; }
		
		#map a { text-decoration:none; }
		#map h4 { width:190px; padding:5px 9px 0 9px; }
		.container { z-index:100;display:none; position:absolute; left:-200px; top:0; }
		#middle ul.hide-list { margin:0; padding:1px; background:#fff; border:1px solid #ddd; }
		/*.hide-list { z-index:100;display:none; position:absolute; margin:0; padding:1px !important; background:#fff; border:1px solid #ddd; }*/
		.hide-list li { list-style:none; margin:0; }
		.hide-list li a { padding:4px 9px 4px 9px; width:192px; display:block; line-height:1.2em; }
		.hide-list li a:hover, .hide-list li a.act { background:#f1f1f1; }
		.show .container { display:block; }
		.top { z-index:90; }
		
		/*#lapin .hide-list { left:40px; top:100px; }
		#oulun .hide-list { left:50px; top:35px; }
		#vaasan .hide-list { left:30px; bottom:35px; }
		#keski-suomen .hide-list { left:15px; bottom:32px; }
		#kuopion .hide-list { left:22px; bottom:34px; }
		#pohjois-karjalan .hide-list { left:22px; bottom:34px; }
		#turun-ja-porin .hide-list { left:12px; bottom:40px; }
		#hameen .hide-list { left:24px; bottom:22px; }
		#mikkelin .hide-list { left:20px; bottom:10px; }
		#kymen .hide-list { left:25px; bottom:2px; }
		#uudenmaan .hide-list { left:15px; bottom:24px; }
		#helsingin .hide-list { left:10px; bottom:13px; }

		#lapin .hide-list { left:-250px; top:0px; }
		#oulun .hide-list { left:-266px; top:-172px; }
		#vaasan .hide-list { left:-217px; top:-249px; }
		#keski-suomen .hide-list { left:-278px; top:-268px; }
		#kuopion .hide-list { left:-308px; top:-249px; }
		#pohjois-karjalan .hide-list { left:-355px; top:-249px; }
		#turun-ja-porin .hide-list { left:-217px; top:-318px; }
		#hameen .hide-list { left:-251px; top:-332px; }
		#mikkelin .hide-list { left:-308px; top:-318px; }
		#kymen .hide-list { left:-308px; top:-352px; }
		#uudenmaan .hide-list { left:-251px; top:-376px; }
		#helsingin .hide-list { left:-268px; top:-389px; }*/
		
		#lapin .container { left:-250px; top:0; padding-right:50px;}
		#oulun .container { left:-266px; top:0; padding-right:70px;}
		#vaasan .container { left:-217px; bottom:0; padding-right:20px;}
		#keski-suomen .container { left:-278px; bottom:0; padding-right:65px;}
		#kuopion .container { left:-308px; bottom:0; padding-right:95px;}
		#pohjois-karjalan .container { left:-355px; bottom:0; padding-right:140px;}
		#turun-ja-porin .container { left:-217px; bottom:0; padding-right:10px;}
		#hameen .container { left:-251px; bottom:0; padding-right:40px;}
		#mikkelin .container { left:-308px; bottom:0; padding-right:100px;}
		#kymen .container { left:-308px; bottom:0; padding-right:95px;}
		#uudenmaan .container { left:-251px; bottom:0; padding-right:40px;}
		#helsingin .container { left:-268px; bottom:0; padding-right:60px;}