html, body {
	height:100% ;
	}

img { display:none; }
	
body { 
	margin:0 ;
	padding:0 ;
	background:/*url(/stc/images/bg.gif) top left repeat-x*/ #154d64 ;
	font-size:80% ;
	text-align:center ;
	font-family:Tahoma, sans-serif ;
	color:#fff ;
	}
	
.vasen { float:left ; }
.oikea { float:right ; }
.spacer { clear:both ; }

.noborder { border:none !important ; text-decoration:none !important ; }
.h { display:none ; }
p.rightalign { text-align:right ; }


/* image caption*/
.u4-image-caption {font-size:80%; padding: 1em}	

#site {
	position:relative ;
	margin:0 auto ;
	padding:0 ;
	_width:90% ;
	border-left:1px solid #fff ;
	border-right:1px solid #fff ;
	height: auto; 
	min-height: 100%;
text-align:left ;
}

#content {
	position:relative ;
	}


	
/* IE \*/
* html #site {
height: 100%; 
}

/* */ 

div#top { 
	background:#fff ; 
	height:107px ; 
	margin:0 ; 
	padding:0 ; 
	position:relative ;

	}

/*by jp*/	
div#flags { 
	background:#efefef ; 
	height:25px ; 
	margin:0 ; 
	padding:0 ; 
	position:relative ;
	/*margin-top:1px ;*/
	/*margin-bottom:1px ;*/
	border-bottom:1px solid #14435D ;
	border-top:1px solid #14435D ;
	color:#415666;
	text-align:center !important ;
	}
	
div#flag-content {
	width:350px  ;
	font-size:0.8em ;
	margin:2px auto ;
	_margin-left:50px ;
	}

span#search  { 
	height:20px ; 
	position:absolute;
	top: 0px;
	right: 0px;
	color:#415666;
	font-size:0.8em ;

	}	
	
span#search input {  
	margin:2px 0 0 15px ;
	height:15px ; 
	padding-left:3px ;
	font-family:Tahoma, sans-serif ;
	font-size:1em ;
	background:#fff ;
	border:1px solid #415666 ;
	}		
	
span#search input.submit {
	background:none ;
	border:none ;
	padding:0 ;
	margin:0 ;
	color:#415666;
	font-weight:bold ;
	}
	
a#logo { 
	display:block ; 
	/* background:url(/stc/images/bg_logo_new.gif) top left no-repeat ; */
	width:449px ; 
	height:99px ; 
	position:absolute ;
	top:3px ;
	left:5px ;
	}
	
a#logo i { /* display:none ; */ text-style:normal ; }

div#topimg {
	width:300px ;
	height:107px ; 
	padding:0 ;
	margin:0 ;
	position:absolute ;
	top:0 ;
	right:0 ;
	}
	
div#topimg_left {
	width:163px ;
	height:107px ;
	padding:0 ;
	margin:0 ;
	position:absolute ;
	top:0 ;
	right:302px ;
	}
	
div#topimg_left img {
	border-left:1px solid #103452 ;
	}
	
div#topimg_right {
	width:303px ;
	height:107px ; 
	padding:0 ;
	margin:0 ;
	position:absolute ;
	top:0 ;
	right:0 ;
	}
	
div#topimg_right img {border-left:1px solid #103452 ;}

span#supportnavi {
	margin-top:4px ;
	margin-left:4px ;
	padding:0 ;
	color:#405a72 ;
	font-size:10px ;
	text-align:left ;

	}
	
span#supportnavi img {
	border:none ;
	margin-right:3px ;
	vertical-align:middle ;
	}
	
span#supportnavi a {
	color:#405a72 ;
	text-decoration:none ;
	padding:0 4px 0 4px ;
	}	
	
span#supportnavi a:hover {
	color:#ccc ;
	text-decoration:none ;
	}
	
div#contrib {
	background:#fff ;
	height:27px ;
	margin:0 ;
	padding:0 ;
	border-bottom:1px solid #113653 ;
	}
	
/* navigation */

div#navi {
	margin:0 ;
	padding:0 ;
	width:198px ;
	text-align:left !important ;

	}
	
ul.navi {
	margin:0 ;
	padding:0 ;
	list-style:none ;
	}
	
ul.navi li {
	display:inline ;
	margin:0 ;
	padding:0 ;
	}
	
ul.navi a {
	display:block ;
	text-decoration:none ;
	}	

ul.level2 {
	border-bottom:1px solid #fff ;
	}
	
ul.level3 {
	border-bottom:none ; 
	}
	
a.level1 {
	padding:0.5em ;
	padding-left:1.3em ;
	border-bottom:1px solid #fff ;
	color:#fff ;
	font-size:0.9em ;
	font-weight:bold ;
	/*background:url(/stc/images/bg_navi_inact.gif) center right no-repeat ;*/
	background-color:none ;
	}
	
a.level1.active {
	color:#14445f ;
	background:/*url(/stc/images/bg_navi_act.gif) center right no-repeat*/ #fff ;
	}
	
a.level1:hover {
	color:#C1CED3 ;
	}
	
a.level2 {
	color:#fff ;
	padding:0.4em ;
	padding-left:1.8em ;
	font-size:0.9em ;
	}
	
a.level2:hover {
	color:#dde2ea ;
	}
	
a.level2.active2 {
	color:#fff394 ;
	}
	
.gis {
	height:151px ;
	/*background:url(/stc/images/bg_gis.jpg) top left no-repeat !important ;*/
	color:#000 !important ;
	}
	
/* content columns */

div.content {
	position:relative ;
	margin:0 ;
	/*margin-top:10px ; BY JP */
	border-top:1px solid #fff ;
	padding:0 ;
	background:none ;
	text-align:justify ;
	}	
	
	
div#middle-col {
	padding:0 ;
	margin:0 ;
	text-align:justify ;
	width:512px ;
	}

	
div.content h2 {	
	padding:0.4em ;
	padding-left:15px ; padding-right:15px ; 
	
	}

div.content h3, div.content h4 {
	padding:0.4em ;
	padding-left:0 ;
	}
	
div.content h2 {
	margin:0 ;
	margin-top:-1px ;
	/*\*/* margin-top:0 ; /**/
	border-bottom:1px solid #fff ;
	border-top:1px solid #fff ;
	font-size:1em ;
	font-weight:bold ;
	clear:both ;
	}
	
h2.contentheading {
	padding:0.4em !important ;
	padding-left:0 !important;
	border:none !important ;
	font-size:1.3em !important ;
	font-weight:bold ;
	color:#222 !important ;
	
	}
	
div.content h3 {
	font-size:1.2em ;
	font-weight:bold ;
	color:#222 ;
	margin:0 ;
	margin-top:5px ;
	}
	
div.content h4 { 
	font-size:1em ;
	font-weight:bold ;
	color:#222 ;
	margin:0 ;
	margin-top:5px ;
	}

	
div.content p {
	font-size:1em ;
	margin:0 ;
	line-height:1.3em ;
	padding:3px ;
	padding-left:0 ;

	}
	
p.small { font-size:0.8em !important ; color:#333 ; }
	

	
div.content p a {
	text-decoration:none ;
	color:#fff394 ;
	border-bottom:1px dotted #fff394 ;
	}

div.content p a:hover {
	border:none ;
	}



/* content links */
div#wide-col a { text-decoration:underline ;	color: #00917b ;  }
div#wide-col a:hover { text-decoration:none ; }
div#wide-col a:visited { color:#0A2E33  }
	
div#right-col {
	padding:0 ;
	margin:0 ;
	text-align:justify ;
	}

div#right-col a {
	      border:none !important ;
	      text-decoration:underline ;
	      }
	      
div#right-col a:hover {
	      text-decoration:none ; 
	      }
	      
	
div.content-main {
	padding-top:15px ;
	padding-left:15px ;
	padding-right:15px ;

	}

	
.content-main li {
	font-size:1em ;
	line-height:1.6 ;
	}
	
div#right-col p {
	font-size:0.9em ;
	line-height:1.5em ;
	padding:0 ;
	margin:10px 15px 5px 15px ;
	padding-bottom:10px ;
	border-bottom:1px solid #fff ;
	}
	
	
div#wide-col ul {
	font-size:1em ;
	}
	
	
	
div#wide-col ol {
	font-size:1em ;
	}	
	
/* 2 and 3 col elements */
div.ce-c {  height: auto; margin: 0px  5px  0px  10px ;}

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  {width: 48% ;  }
div.ce-r {width: 48% ; }
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 {margin: 15px; margin-left:0 ; background:#fff; border: 1px solid #2B5671; border-bottom:2px solid #2B5671; }
div.highlight h2, div.highlight a{color:#2B5671; font-weight:bold; text-decoration:none}
div.highlight h2 {color:#113956; }
div.ce-hh{margin:5px 10px 0px 0px}
div.ce-hc{margin:0 10px 10px 14px; font-size:0.9em ; color:#282828 ;}

/*Event*/

div.event {
	font-size:0.9em ;
	margin:0 ;
	line-height:1.8em ;
	margin:15px 15px 3px 15px ;
	padding-bottom:10px ;
	border-bottom:1px solid #ccc ;
width: 90%;
	}
	
div.event h2 {
	padding-left:0 !important ;
	}
	
div.event-frontpage {
	font-size:0.9em ;
	margin:0 ;
	line-height:1.3em ;
	margin:2px 15px 0px 15px ;
	padding-bottom:1px ;

	}
	
div.event-frontpage div {

	}
	
div.event a {
	text-decoration:none ; 
	color:#113956 !important ;
	border:none !important ;
	}
	
div.event-frontpage a {
	color:#fff !important ;
	text-decoration:none ;
	}

	
span.title {
	font-size:1.1em ;
	font-weight:bold ;
	display:block ;
	float:left ;
	}

div.date { font-size:0.9em ; width:5em ; margin-right:0.3em ;}
div.date a { color:#cbd6da !important ; }
div.title { font-size:1em ; width:85% }
	
div.event span.date {
	color:#666 ; 
	font-size:1.2em !important  ;
	}

	
div.event-frontpage span {
	color:#fff !important ;
	}
	
div.event-frontpage .date {
	color:#cbd6da !important ;
	font-size:0.9em ;
	}
	
div.event-frontpage  .title {
	font-size:1em !important ;
	font-weight:normal !important ;
	}
	
div.event-frontpage span.author {
	color:#fff394 !important;
	font-size:0.9em ;
	padding-left:5px ;
	}
	
div.event span.listbody {
	color:#282828 ;
	text-align:justify ;
	}	

span.newsDate {
	font-size:0.8em ;
	color:#666 ;
	}
	

	
div.startDate { width:60px ; float:left ; font-size:0.9em ; color:#666 ; }
div.endDate { width:30px ; float:left ; font-size:0.9em ; color:#666 ; }
	
/* tables */

.u4-table-default, .u4-table-visible-borders, .u4-table-stripe, .u4-table-complete {margin:0 0 10px 15px ; border-collapse:collapse ; }
.u4-table-default td, .u4-table-visible-borders td, .u4-table-stripe td, .u4-table-complete td { padding:5px ; vertical-align:top ; font-weight:normal ; font-size:0.9em ; }

.u4-table-default p, .u4-table-visible-borders p, .u4-table-stripe p, .u4-table-complete p { font-size:1em !important ;  font-style:normal ; }

.u4-table-visible-borders td, .u4-table-complete td {border: 1px solid #d3cec4 ; vertical-align:top ; }
.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-stripe-header, u4-table-visible-borders-header, .u4-table-default-header, .u4-table-complete-header { font-weight:bold ; }
.u4-table-complete-header, .u4-table-stripe-header {background:#154d64; color: #fff; font-weight: bold;}

td.u4-table-complete-header a {font-size: 80%;color: #fff !important; font-weight: bold;}
td.u4-table-complete-header a:hover {font-size: 80%;color: #fff !important; font-weight: bold;}
td.u4-table-complete-header a:visited {font-size: 80%;color: #fff !important; font-weight: bold;}

.u4-table-default-left, .u4-table-stripe-left, .u4-table-complete-left { text-align:left ; }
.u4-table-default-right, .u4-table-stripe-right, .u4-table-complete-right { text-align:right; }



/* event lists */

a.eventlist {
	padding-left:20px ;
	}

a.eventExt {
	/*background:url(/stc/images/icon_event_external.gif) center left no-repeat ;*/
	}
	
a.eventExtHel {
	/*background:url(/stc/images/icon_event_exthel.gif) center left no-repeat ;*/
	}
	
a.eventHelcom {
	/*background:url(/stc/images/icon_event_helcom.gif) center left no-repeat ;*/
	}
	

div.navigo-attachment {
	font-size:0.9em ;
	line-height:1.6 ;
	}
	
a.recommendation {color:#000000 !important; text-decoration:none; font-size:11px;}


div.readmore { margin-top:2px ; }
	
a.readmore { 
	padding:2px 18px 5px 12px ; 
	/*background:url(/stc/images/bg_readmore.gif) top right no-repeat ;*/
	color:#fff394 !important ;
	font-size:10px ;
	border:none !important ; 
	text-decoration:none !important ;
	margin-left:15px ;
	}
	
a.readmore:hover {
	color:#fff !important;
	}

/* form styles */
form.emailForm { margin:0 ; padding: 0 ; }
td.selectInputTd { width:220px ; }
td.textInputTd { width:220px ; }
textarea.textInputField { border:1px solid #666 ; padding:2px ;  font-size: 1em ; width:200px ;height:100px ;}
input.textInputField { border:1px solid #666 ; padding:2px ; font-size: 1em ; width:200px ;}
input.emailForm { border:1px solid #666 ; padding:2px ; font-size: 1em ; background:#efefef ; }
td.selectInputTd input { border:1px solid #666 ; padding:2px ; font-size: 1em ; background:#efefef ; }


/* powered by navigo cms */
#navigo-cms, #navigo-cms-fp { width: 175px; height:3em; margin:5px 10px ; padding:0 ; }
#navigo-cms p, #navigo-cms-fp p {width: 200px; float: left}
#navigo-cms *, #navigo-cms-fp * {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-fp a {padding-left: 24px; white-space: nowrap; /*background: url(/stc/images/navigocms-fp.gif) left top no-repeat;*/}
#navigo-cms acronym, #navigo-cms-fp acronym {cursor: help; color: #C7C9C8;}