/* (c) Ch5 Finland Oy 2009 - www.ch5finland.com */

html, body { margin:0; padding:0;}

body {
	font-family: arial, verdana, tahoma, georgia; 
	font-size:75%; 
	background:#f5f5f5 url(../stc/images/bg-body.jpg) center 0 repeat-y; 
	color:#222; 
	text-align: center;
	}
	
a img{border: 0;}
a { color:#214377; text-decoration:none; }
a:hover { text-decoration:underline; }
.c-x { clear: both; height: 12px; }
.c-y { clear:both; font-size:0; height:0; line-height:0; margin:0; padding:0; }
.h, legend { display:none; }


#site-bg { position:absolute; top:0; left:0; z-index:-1; background:#214377; height:184px; width:100%; overflow:hidden; }
#site-bg .inner { position:absolute; top:0; left:50%; width:50%; height:81px; background:url(../stc/images/bg-top-right.jpg) 0 0 repeat-x; }
#wrapper{
	border: 0px hidden; 
	width: 960px; 
	height:auto; 
	padding-top:74px; 
	margin:0; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;
	background: #fff;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background: url(../stc/images/meconet-top.jpg) 0 0 no-repeat;
	line-height:1.6em;
	}
#site	{ float:left; background:url(../stc/images/bg-left-column.gif) 0 0 repeat-y; }	
	
#left { float:left; width:200px; }
.leftcontentslot { margin-bottom:1em; padding-left:11px; }

#lefttop { position:relative; background:#fff url(../stc/images/left-top.jpg) no-repeat top left ; display: block; height: 110px; width: 200px; float: left; }
#lefttop a { display:block; position:absolute; top:-67px; height:125px; }
.leftslot { padding:13px 0 0 10px; }
.leftslot h2 { margin-bottom:0.6em; font-size:1.5em; }


#middle { float:left; width:753px; border-top:7px solid #fff; border-left:7px solid #fff; }
* html #middle { width:760px; }

#sitecontentbreadcrumb { background:#336699 url(../stc/images/bg-breadcrumb.gif) top right repeat-y; height: 21px; width: 100%; float: left; margin:0 ; padding:0 ; }
#sitecontenttopImage { width: 100%; height:82px ; float: left; margin:0; padding:0 ; background:#336699 url(../stc/images/bg-breadcrumb.gif) top right repeat-y; overflow:hidden ; }
	
#content { float:left; padding:14px 9px; min-height:350px; }
* html #content { height:350px; height:auto !important; }

#breadcrumb { margin:1px 0 0 10px; font-size:0.9em; /*display: block;*/ /*float: left; */color:#fff;	}
* html #breadcrumb { display:inline; }
#breadcrumb a, #breadcrumb a:hover { color: #fff;}


/* Typography */
h1, h2, h3, h4, h5, h6, p { margin:0 0 1em 0; }
h2 { font-size:1.7em; font-weight:normal; color:#214377; }
h3 { font-size:1.3em; font-weight:bold; color:#214377; }
h4 { font-size:1.1em; font-weight:bold; color:#222; }
h5 { font-size:1em; font-weight:bold; color:#222; }
h6 { font-size:1em; font-weight:normal; color:#222; }

p.indent{display:block; margin:0 10px 0 20px;}

/* Navigation */
#navi-sub { width:200px ; }
	
#navi-sub ul { margin:0 ; padding:0 ; list-style:none ;  }
#navi-sub ul li { margin:0 ; padding:0 ; }
#navi-sub ul li a { padding:0 ; }

#navi-sub div, #third-column { width: 194px; margin: 0px 0px 0px 5px; }
#navi-sub, #third-column { height:auto; padding-top: 0px; }

/* navi-sub - common */
div#navi-sub ul { margin: 0; padding: 0; margin-left: 0px; font-size: 11px; }
div#navi-sub ul ul { margin:2px 0; padding-left:12px; background:url(../stc/images/bg-left-navi-sub.gif) 0 0 repeat-y; }
div#navi-sub ul ul ul { margin:2px 0; padding-left:12px; background:none; }
* html div#navi-sub ul ul, * html div#navi-sub ul ul ul { display:inline-block; }
div#navi-sub li { width:100%; margin:0; padding:0 ; list-style-type:none; display:inline ; } /* width for ie6 hasLayout */
	
/* navi-sub - level 2 */
a.navi-sub span, a.navi-sub-active span{ display:block; margin:0; padding:3px 5px 3px 11px; }
a:hover.navi-sub span, a.navi-sub-active span, a:hover.navi-sub-active span{ color:#fff; }
a.navi-sub { width:100%; color:#fff; background:#2e76ad url(../stc/images/bg-left-navi.gif) 0 0 repeat-x; }
a.navi-sub, a.navi-sub-active { display:block; width:100%; height:auto;  margin-bottom:1px; text-decoration:none; }
a:hover.navi-sub, a.navi-sub-active, a:hover.navi-sub-active { color:#fff; background:#64a5d8 url(../stc/images/bg-left-navi-act.gif) 0 0 repeat-x; text-decoration:none; }
a.navi-sub-active span { color: #fff; }
a:hover.navi-sub-active span { color:#fff; }

/* navi-sub - level 3 */
a.navi-sub-sub span, a.navi-sub-sub-active span { display:block; margin:0; padding:3px 5px 3px 11px; }
a:hover.navi-sub-sub span, a.navi-sub-sub-active span, a:hover.navi-sub-sub-active span
,a:hover.navi-sub-sub-sub span, a.navi-sub-sub-sub-active span, a:hover.navi-sub-sub-sub-active span { color:#214377; } 
a.navi-sub-sub-sub-active span, a.navi-sub-sub-sub span { padding-left:11px; display:block; }
a.navi-sub-sub-sub-active span { background:url(../stc/images/bg-left-navi-sub-act.gif) 0 0.6em no-repeat; text-decoration:underline; font-weight:bold; }
a.navi-sub-sub, a.navi-sub-sub-sub{ color:#214377; background:none; }
a.navi-sub-sub, a.navi-sub-sub-active, a.navi-sub-sub-sub, a.navi-sub-sub-sub-active { display:block; width:100%; height:auto; }
a.navi-sub-sub-active { color:#214377; background:url(../stc/images/bg-left-navi-sub-act.gif) 0 0.8em no-repeat; text-decoration:underline; font-weight:bold; }
a:hover.navi-sub-sub, a:hover.navi-sub-sub-active { color:#214377; background:url(../stc/images/bg-left-navi-sub-act.gif) 0 0.8em no-repeat; text-decoration:underline; }


/* powered by navigo cms */
#navigo-cms { float:left; width:100%; height:3em; text-align:right;}
#navigo-cms p {width: 200px; float: right}
#navigo-cms * {font-family: verdana; font-size: 10px; color: #C7C9C8; text-decoration: none;}
#navigo-cms a {padding-left: 24px; white-space: nowrap; background: url(/stc/images/navigocms.gif) left top no-repeat;}
#navigo-cms acronym {cursor: help; color: #C7C9C8;}

div.lotteryForm                     { background: url(/stc/images/lotto_bg.jpg) no-repeat; 
				      height: 263px; }
div.lotteryFormContent              { color: white; 
				      position: relative; 
				      top: 50px; 
				      width: 300px; }
div.lotteryFormContent a            { color: #ffcc00; }
div.lotteryForm h2                  { background: #ffcc00; color: #003366; margin-top: 0; padding-left: 5px; display: none; }
div.lotteryForm div                 { padding: 9px; padding-top: 0; }
div.lotteryForm input#lotteryNumber { width: 8em; }
div.lotteryWinnerContactForm label  { display: block; }


/* Content elements */

/* rivinvaihdot sisältöalueella */
#c h2, #c p{
	padding:0 0 10px 0;
	}
#c h3, #c h4 {
	padding:0px 0 5px 0;
	}
div.ce-c {padding:0 0 10px 0}
#c table td p {margin: 0 0 -10px 0}
div.highlight{
	margin:0 0 10px 0;
	padding-top: 5px;
	}


/* 2 and 3 col elements */
div.ce-c {width: 100%; height: auto}
div.ce-l, div.ce-r, div.ce-lt, div.ce-mt, div.ce-rt {float: left; height: auto}
div.ce-l, div.ce-lt, div.ce-mt {padding-right: 2%}
div.ce-l, div.ce-r {width: 49%}
div.ce-lt, div.ce-mt, div.ce-rt {width: 32%}
div.ce-p, div.ce-pb {width: auto; height: auto; padding-right: 5px}
div.ce-pb {border-right: 1px solid #cccccc}

/* highlight */
div.highlight {width:100%; height:auto; background:#E7ECF1; border: 1px solid #2B5671;}
div.highlight h2 {
	color:#2B5671; 
	font-weight:bold; 
	text-decoration:none; 
	padding-top: 10px;
	}
div.highlight a {
	color: #00f; 
	font-weight: normal;
	}
div.ce-hh {
	padding:0px 10px 0 10px;
	margin-top: -10px;
	}
div.ce-hc{padding:0 10px 5px 10px; margin-top: -5px;}

/* news list */
.news-list-item {padding: 0 0 10px 0;}
.ingress {}
.date {}

/* Navigo generated content */

/* tables */
#c table {
	border-collapse: collapse;
	}
#c table td {vertical-align: top; padding: 3px;}

.u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0}
.u4-table-visible-borders, .u4-table-complete {
	border: 1px solid #036;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	}
.u4-table-visible-borders td, .u4-table-complete td {
	padding: 3px;
	border-left: 1px solid #036;
	border-top: 1px solid #036;
	border-right: 1px solid #036;
	border-bottom: 1px solid #036;
	}
.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:#fff}
.u4-table-complete-header {
	background:#369; 
	color: #fff; 
	font-weight: bold;
	}

.u4-table-stripe-header, .u4-table-stripe-header2, .u4-table-stripe-odd, table.u4-table-stripe, .u4-table-stripe-even {
	border-collapse: collapse;
	border: 0px hidden;
	padding: 3px 5px 3px 5px;
	}

/* sitemap */
.siteMapFolderLevel0, .siteMapFolderLevel1, .siteMapFolderLevel2, .siteMapFolderLevel3{font-weight: bold}

/* forms */
.textInputTd, .selectInputTd{width: 100px}
input.emailForm{margin: 0 0 0 110px; }