* { margin:0 ; padding:0 ; }

html, body { height:100% ; }

body { background: white url(/stc/images/paikka-bg_gradient.jpg) repeat-x ; font-size:76% ; font-family:Verdana, sans-serif ;  color:#555}
body.kuopio { background: white url(/stc/images/bg_kuopio.jpg) repeat-x 0 0 ; }
img {border: none;}

 /* 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}
p { margin-bottom:0.5em ; color:#555;}
strong { color:#111 ; }
.u4-image-caption { font-size:0.8em ; color:#666 ; margin-left:0.5em ; }

 /* applies to paragraphs, lists, you name it */
#siteBody { background: transparent url(/stc/images/paikka-border_middle.png) repeat-y;}
#siteBody li p { line-height:1 ; }
#content {margin: 0 74px;}
 /* link styles apply unless something else is specified in css (eg. for navigation elements) */
a { color:#00608a ; text-decoration:none; } 
a:hover { color:#00507a ; text-decoration:underline ; }
/* a.external { background:url(/stc/img/icon_extLink.gif) no-repeat center right ; padding-right:5px ; } */

h2,h3,h4,h5 { color:#111 ; }
h2 { font-size:1.6em ; font-family:Verdana, sans-serif ; font-weight:bold ; margin-bottom:1em ; color: #00608a}
h3 { font-size:1.3em ; font-family:Verdana, sans-serif ; font-weight:bold ; margin-bottom:1em ; color: #555}
h4 { font-size:1.1em ; font-weight:bold ; margin-bottom:0.5em ;}
h5 { font-size:1.0em ; font-weight:bold ; margin-bottom:0.5em ;}

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

/* change margin:0 auto to margin:0 to have site aligned to left */
#site { width:1032px ; margin:0 auto ; min-height:100% ; position:relative;}
* html #site {height:100% ; }
#right-banners { position:absolute; top:51px; left:1012px; width:160px; overflow:hidden; }

#siteBody { clear:both ; text-align:left ; }
.columns { position:relative ; float:left ; }
#left { width:270px ; }
#middle { width:270px ; margin:0 35px; display:inline;}
#middle.wide { width:565px; /*width:544px;*/ display:inline; margin: 0 0 0 35px;}
#middle.widest { width:744px ; }
/* Added ie hack to because ie cannot understand declaration above this comment*/
* html .widest { width:744px !important; }
#right { width:270px ; float:right;}

#footer { background:transparent url(/stc/images/paikka-border_bottom.png) no-repeat top left; height:135px;}

div#navigoCMS { font:10px Verdana, sans-serif ; color:#979998 ; float:right; height:18px ; background:transparent; width:170px ; padding-right:70px;}
div#navigoCMS strong { color:#979998 ; }
div#navigoCMS a { color:#979998 ; text-decoration:none ; padding-left:22px ; background:url(/stc/images/paikka-navigocms.png) no-repeat center left ; }
div#navigoCMS acronym { text-decoration:none ;border:none ; }

#top { background: url(/stc/images/paikka-border_top.png) repeat-x; height:55px; font-size:0.9em;}
#top h1 { width:236px ; height:64px ; background:url(/stc/img/bg_logo.gif) no-repeat top left ; }
#top h1 a { display:block ; width:236px ; height:64px ;}
#top h1 a span { display:none ; }
#supportNavi { padding: 24px 50px;}
#supportNavi form { }
#supportNavi li { float:left ; }
#supportNavi li a { display:block ; padding:5px 5px ; }
#supportNavi li span { display:block ; padding:2px 0 2px 5px; color:#0aa0c0 ;}
#supportNavi li.textSizeLarger a { padding: 2px 5px; ; background: url(/stc/images/paikka-textsize_larger.gif) no-repeat 50% 50%; width: 21px; height: 21px;}
#supportNavi li.textSizeSmaller a { padding: 2px 5px; background: url(/stc/images/paikka-textsize_smaller.gif) no-repeat 50% 50%; width: 21px; height: 21px;}
#supportNavi li.textSizeLarger span { display:none; }
#supportNavi li.textSizeSmaller span { display:none; }
#supportNavi a {color: black}

/* navigation */
#topNavi { margin:10px 0 ; }
#topNavi li { float:left ; }
#topNavi li a { margin:0 ; padding:5px 10px ; display:block ; float:left ; background:none ; color:#333 ; font-weight:bold ; text-decoration:none ; font-size:1.1em ; margin:0 1px 0 0 ; border-top:1px solid #ccc ; border-left:1px solid #ccc ; border-right:1px solid #ccc ;  }
* #topNavi li a { height:1% ; }
#topNavi li a.act { color:#000 ; background:#fafafa ; }

#docNavi { }
#docNavi li { display:inline ;}

#docNavi li a { display:block ; text-decoration:none ; margin:5px 0 0 0 ; background: url(/stc/images/paikka-navi.gif) no-repeat left bottom; 
		 font-weight:bold; width:272px;}
#docNavi .naviTop {background: url(/stc/images/paikka-navi_top.gif) no-repeat left top; display:block; width: 252px; padding: 6px 10px;}
#docNavi li a:hover span { background: url(/stc/images/paikka-navi_top.gif) no-repeat left top; width: 252px; color:white; display:block; padding: 6px 10px;}
#docNavi li a:hover { background: url(/stc/images/paikka-navi_active.gif) no-repeat bottom left; color:white; cursor: hand;}
#docNavi li a.act { background: url(/stc/images/paikka-navi_active.gif) no-repeat left bottom; color:white;} 

#docNavi li li a { padding: 5px 0 5px 30px; ; font-size:0.9em ; border:none ; margin:0 ;background: transparent; height:auto; width:252px; font-weight: normal;}
#docNavi li li a.act { padding:5px 0 5px 30px ; font-size:0.9em ; border:none ; margin:0 ; background: url(/stc/images/paikka-navi_nuoli.gif) no-repeat 17px 9px;
	 height: auto; width:252px; font-weight: normal; color:#00608a;text-decoration: underline;}
#docNavi li li a:hover {padding:5px 0 5px 30px; background: url(/stc/images/paikka-navi_nuoli.gif) no-repeat 17px 9px;height:auto; color: #00608a;text-decoration: underline;}
#docNavi li li li a { padding:5px 0 5px  50px ; width: 202px;} /* add more as needed... */
#docNavi li li li a.act { padding:5px 0 5px  50px ; width: 202px;background: url(/stc/images/paikka-navi_nuoli.gif) no-repeat 37px 9px} /* add more as needed... */
#docNavi li li li a:hover { padding:5px 0 5px  50px ; width: 202px;background: url(/stc/images/paikka-navi_nuoli.gif) no-repeat 37px 9px} /* add more as needed... */
#docNavi div {background: url(/stc/images/paikka-navi_open_middle.gif) repeat-y 5px 0; width: 272px;}
#docNavi ul {background: url(/stc/images/paikka-navi_open_bottom.gif) no-repeat 5px 100%; width: 272px;}
#docNavi div div {background: transparent}
#docNavi ul ul {background: transparent;}


#breadcrumb { margin-top:5px ; font-size:0.9em ; color:#000 ; margin-bottom: 5px; }
#breadcrumb a.active { font-weight:bold ; }

 /* content elements */
 /* news list */
 /* .newsList { border:1px solid #eee ; padding:1px ; } */
.newsList h4 { font-size:1.0em ; padding: 8px 0 0 0; color:#555}
.newsList p a { color:#333 ; }
.newsList span.readMore { color:#0aa0c0 }

 /* news document */
.newsSummary { font-style:italic ; }

 /* highlight element */
.highLight { border:5px solid #c1d5c3 ; padding:5px ; margin-bottom:0.5em ; background: white;}
.highLight h3 { margin:0 ; border-bottom:1px solid #ddd ; padding-bottom:5px ; color: #00608a} 

 /* 2col */
.columnContainer { width:100% ; }
.columnContainer .columns { width:47% ; margin-right:2% ; } 
.columnContent { width:auto ; }
 /* 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 ; }

.editMode .u4-table-default {border: 1px solid #888;}	
.editMode .u4-table-default td {border: 1px solid #888;}	
.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 ; }

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

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

 /* sitemap */

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

.siteMapDocumentLevel0 { padding:0.2em ; background:url(/stc/img/siteMap/sitemap_document.gif) 0px center no-repeat ; padding-left:2em ; }
.siteMapDocumentLevel1 { padding:0.2em ; background:url(/stc/img/siteMap/sitemap_subdocument.gif) 0px center no-repeat ; font-size:0.9em ; }


.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 ; padding-left:20px ; font-weight:bold ; }
.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 ; }*/

/* following styles apply to navigo top tools */


table.u4-em-ie { border-collapse:collapse ; }
table.u4-em-ie td { font-size:11px ; padding:2px ; border:none ; }
table.u4-em-ie td.styleSelector-active { background:#efefef ; border:none ; cursor:pointer ; }

/* e-mail form */
.emailForm {}
.emailForm p.formRow {}
.emailForm label br { display: none; }
.emailForm label span { display: block; }
.emailForm label span input {}
.emailForm label span textarea {}
.emailForm label .btnSubmit {} /* Inside label only for consistency */
.emailForm label .btnReset {} /* Inside label only for consistency */

#footerSlot {position:relative; width: 400px; float:right; margin-right:77px; margin-top: 20px; display:inline; font-size:0.8em;}
#footerSlot p { margin: 0; padding:0; text-align:right;}
#footerLogo { background: url(/stc/images/paikka-footer_logo.gif) no-repeat; width:322px; height: 45px; float:left; margin:20px 70px;display:inline;}
#footerLogo a { display:block ; width:322px ; height:45px ;}
#footerLogo span { display: none;}

.topDividerSmall {background: url(/stc/images/paikka-top_divider_small.gif) no-repeat 50% 50%; width:2px;height:27px;padding: 0 5px; clear:both;}
.topDividerLarge {background: url(/stc/images/paikka-top_divider_large.gif) no-repeat 50% 50%; width:4px;height:27px;padding: 0 5px; clear: both;}

#frontpageContent {background: url(/stc/images/paikka-frontpageContentFooter.gif) no-repeat 50% 100%; margin-bottom:30px;margin-top:15px;}
.underline {background: url(/stc/images/paikka-headerLine.gif) no-repeat 50% 100%; margin-bottom:5px;text-align:center;padding-bottom:2px;}

#mainSponsor { width:880px ;}
#otherSponsors { width:880px ; background: #fff;}
#topLeft { width:640px ; float:left;}
#topRight { width:240px ; float:right; text-align: right;}
#frontpagePicture { width:600px ; }
#frontpagePicture.wide { width:100%; }
#frontpageInfo { width:240px ; margin-left:20px; background: #F4F9F5; padding:10px;}
#frontpageInfo a { color: #3e7f47}

#logo {display: none;}

.emailForm div label { margin-left: 5px;height: 1.2em;}
.emailForm div input { height: 1.2em;}

.emailForm div br { display:inline}

/* Search */
.naviList .sbm {background: none; border:none; font-weight: bold;margin: 0; padding: 0px;}
.naviList .txt {background: none; width: 130px; border:none; margin: 0 5px;  padding:0px 0;}
.naviList #searchForm {background: url(/stc/images/paikka-bg_search.gif) no-repeat center left ; border:none; font-weight: bold; padding-top:4px; height:20px; width:190px; display:block;}
.naviList .submitLink {display:inline!important;}

.newsSummary {padding-bottom: 0.5em;}
.newsSummary p {padding:0; padding-top:0.5em;}

/* Feed Reader */
.feedReaderTop { margin-bottom:1em; }
.feedItemList { list-style:none; padding:0 !important; }
.feedContainer .item { margin-bottom:1em; }
.feedContainer h4 { color:#555555; font-size:1em; }

.addthis_button { clear:both; float:right; margin-top:1em; }