* { margin:0 ; padding:0 ; }

html, body { height:100% ; }

body { background:#e3e3e3 url(/stc/img/bg_body.jpg) top left repeat-x ; font-size:1.0em ; font-family:Arial, 'Trebuchet MS', sans-serif ;  }

img{border:none;}

ul{padding-left:20px;}

 /* 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:1px ; overflow:hidden ; margin-bottom:-1px ;}
p { line-height:1.6 ; margin-bottom:0.5em ; }

.u4-image-caption { font-size:0.8em ; color:#666 ; margin-left:0.5em ; }

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

h2,h3,h4,h5 { color:#555555 ; }
h2 { font-size:1.8em ; font-family:Georgia, serif ; font-weight:normal ; letter-spacing:0.1em ; margin-bottom:0.25em ; }
h3 { font-size:1.4em ; font-family:Georgia, serif ; font-weight:normal ; margin-bottom:1em ; }
h4 { font-size:1.2em ; font-weight:bold ; margin-bottom:0.5em ;}
h5 { font-size:1.1em ; font-weight:bold ; margin-bottom:0.5em ;}

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

 /* layout + columns */
 /*******************************
  #site: site container
  #siteBody: content container (under #top), .wide for 2 column layout, .widest for 1col
  #left, #middle, #right: layout columns, .column to reduce redundancy
   \     `-navigo:content
    `#docNavi
  #top: logo, top image (if applicable), #supportNavigation, #topNavi
  #footer: navigo-cms, footer slot
 *******************************/	

/* change margin:0 auto to margin:0 to have site aligned to left */
#site { width:961px ; margin:0 auto ; background:url(/stc/img/bg_site.png) repeat-y top left;
 min-height:100% ; position:relative ;  }

* html #site { /*background:#fff;*/ height:100% ; height:auto !important; }

#siteBody { background:#fff; clear:both ; text-align:left ; width:961px ;  }
.frontpage #middle{padding-top:14px !important;}
.frontpage #left{padding-top:14px !important;}
.columns { position:relative ; float:left ; }
#left { width:187px ; padding:0 0 0 9px ; font-size:1.0em;  }
#middle { width:480px ; padding:0 15px 0 10px ;   }
#middle.wide { width:936px ; }
#middle.widest { width:480px ; }
/* Added ie hack to because ie cannot understand declaration above this comment*/
* html .widest { width:744px !important; }
#right { width:245px; min-height:340px; margin:0 ; padding-left:15px; font-size:0.9em ;
 background: url(/stc/img/bg_right.gif) repeat-x top left ; 
}
* html #right { height:340px; }

.subpage #right { min-height:460px; }
* html .subpage #right { height:460px; }


#footer { height:22px; width:961px; position:relative ; 
 margin-bottom:10px ; font-size:11px ;  padding:7px 0 0 0 ; color:#fff ; 
 background:url(/stc/img/bg_footer.jpg) top left repeat-x; clear:both;
}
#footer a{color:#fff !important;}

#footer #footer_left{margin-left:9px; width:552px; float:left;}
* html #footer #footer_left { display:inline; }
#footer #footer_middle{width:210px; float:left;}
#footer #footer_right{width:180px; float:left; text-align:right;}
  

div#navigoCMS { font:10px Verdana, sans-serif ; color:#c7c9c8 ; position:absolute ; right:0 ; top:5px ; 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 ; }


#bg_logo{display:none;}
#top { padding:7px 0 0 0 ;  height:78px;  background:#fff; margin-bottom:7px;}
#top h1 {display:block; float:left; width:326px ; height:51px ; background:url(/stc/img/bg_logo.jpg) no-repeat top left ; }
#top h1 a { display:block ; width:326px ; height:51px ;}
#top h1 a span { display:none ; }
#top_image{width:701px; height:209px; margin:0; padding:0; float:left;}
#top_text{width:246px; height:209px; margin:0; padding:0 0 0 14px; float:left; background:#1f99c2 !important; color:#fff !important;}
#top_text h2,#top_text h3, #top_text h4, #top_text h5 { color:#fff ; }


#supportNavi { width:635px; height:51px; float:left; /*margin-left:326px; */ /*position:absolute ; top:0; right:0 ;*/ }
#supportNavi form { }
#supportNavi li { float:left !important; }
#supportNavi li a { /*display:block ;*/ color:#111; padding:2px 5px  2px 6px; }
#supportNavi li span { display:block ; padding:2px 0 2px 5px; color:#0aa0c0 ;}
#supportNavi li.textSize a {padding:2px 0 2px 2px;}
#supportNavi .dot{ background:url(/stc/img/bg_supportNavi.jpg) no-repeat center left ; }
#supportNavi .textsize{ float:right;}
#supportNavi .naviList li a{ height:18px;}
#supportNavi .textsize .naviList li a{ margin:0 3px 0 0; padding:0;}
#supportNavi .links{height:25px; width:635px;float:left;}
#supportNavi .textsize{height:25px; width:635px;float:left;}
#supportNavi .links ul{float:right;}
#supportNavi .textsize ul{float:right;}
/* navigation */
#topNavi { height:27px; margin:0; padding: 0 0 0 63px; background:url(/stc/img/bg_topNavi.jpg) no-repeat top left ;}
#topNavi li { float:left ; }
#topNavi li.first { background:url(/stc/img/topNavi_sep.gif) no-repeat left top; }
#topNavi li a { height:17px; margin:0 ; padding:5px 10px ; display:block ; float:left ;
 background:url(/stc/img/topNavi_sep.gif) no-repeat right top ; color:#fff ; font-weight:bold ; text-decoration:none ;
 font-size:14px ; /*border-right:1px solid #cccccc ;*/  }

#topNavi li a.act { color:#fff ; background: url(/stc/img/act_topNavi.jpg) top left repeat-x ; }


#docNavi {  padding-bottom:1px ;}
#docNavi ul { /*border-bottom:1px solid #b9b9b9 ;*/ padding:0 ; margin:0 ; }
#docNavi ul ul { border-bottom:0 ; padding:0 ; margin:0 ; }
#docNavi li { /*display:inline ;*/ width:100%; border-bottom:1px solid #b9b9b9 ; }
#docNavi li li, #docNavi li li li { width:auto; border-bottom:0; }
#docNavi li a { display:block ; padding:6px 10px 7px 10px ; background:#fff ; /*border-bottom:1px solid #b9b9b9 ; */text-decoration:none ; color:#555555 ; margin:2px 0 0 0 ; }
#docNavi li a:hover { background:#fff ; color:#000 ; }
#docNavi li a.act { color:#00a3d6; font-weight:bold; border:none;} 
#docNavi ul li a.act { color:#00a3d6; font-weight:normal; border:none;} 
#docNavi ul li li a.act { color:#00a3d6;}
#docNavi li li a { padding:4px 10px 4px 20px ; font-size:0.9em ; background:#fcfcfc ; border:none ; margin:0 ; }
#docNavi li li li a { padding:2px 10px 2px 30px ; } /* add more as needed... */
* html ul#docNavi a { height:1% ; }
#docNavi #first2{  border-top:1px solid #b9b9b9 ;}

#breadcrumb { margin:0 0 10px 0; font-size:0.9em ; color:#111 ; }
#breadcrumb a { color:#111 ; }
#breadcrumb a:hover { color:#777 ; text-decoration:none ; }
#breadcrumb a.active { font-weight:bold ; }
#breadcrumb img{padding-bottom:1px;}

.buttonGray { margin-bottom:9px; height:33px; width:187px !important; color:#fff;  background: url(/stc/img/bg_buttonGray.jpg) top left no-repeat ;}
.buttonGray a{height:23px; font-size:12px; width:177px !important; padding:10px 0 0 10px; text-decoration:none; display:block; color:#fff !important;}

.buttonBlue { margin-bottom:9px; height:33px; width:187px !important; color:#fff;  background: url(/stc/img/bg_buttonBlue.jpg) top left no-repeat ;}
.buttonBlue a{height:23px; font-size:12px; width:177px !important; padding:10px 0 0 10px; text-decoration:none; display:block; color:#fff !important;}


 /* content elements */
 /* news list */
.newsList { border:1px solid #eee ; padding:1px ; }
.newsList h4 { font-size:1.1em ; padding:5px 0 ; border-top:1px solid #d9d9d9 ; }
.newsList a, div.newsList a:hover { text-decoration:none ; }
.newsList a:hover { color:#666 ; }
.newsList h4 a { color:#111 ; }
.newsList p { padding:5px 0 ; border-bottom:1px solid #eee ; }
.newsList p a { color:#333 ; }
.newsList span.readMore { color:#0aa0c0 }

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

 /* highlight element */
.highLight{
background: url(/stc/img/bg_highLight_content.jpg) 0 4px  repeat-y ;
  width:471px;  }
.highLight h3 { margin:0;  padding:0 0 10px 0; color:#3d7385; font-size:1em;} 


.highLight_content{ padding:5px 11px 10px 11px ; width:449px; 
 background: url(/stc/img/bg_highLight.jpg) top left no-repeat;  }

.highLight_bottom{ height:4px; width:471px; 
 background: url(/stc/img/bg_highLight_bottom.jpg) top left no-repeat;  }

 /* 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 ; }
#right ul, #right ol {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;}

 /* 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 */
 
 
#searchForm input.txt {
width:175px;
height:27px;
display:block;
background:url(/stc/img/bg_search_txt.jpg) top left no-repeat;
padding:4px 0 0 5px;
margin:0;
border:none;
float:left;
}

#searchForm input.sbm {
background:url(/stc/img/bg_search_button.jpg) top left no-repeat;
border:0 none;
color:#012F84;
margin:0;
padding:0;
width:52px;
height:27px;
}

#searchForm input.fi_FI { background:url(/stc/img/bg_search_button_fi.gif) top left no-repeat;}
#searchForm input.sv_SE { background:url(/stc/img/bg_search_button_sv.gif) top left no-repeat;}

.searchElement{margin-top:13px; width:245px;}
.searchElement form{display:block;width:245px;}



.infoBar {
border-top:0;/*1px solid #ccc*/;
padding:10px 0 0 0;
margin:10px 0 0 0;
height:25px;
}
.infoBar a{
color:#111;
display:block;
float:right;
height:20px;
}

.infoBar a.print {
background:transparent url(/stc/img//print.gif) no-repeat scroll  0 0;
padding:0 0 5px 25px;
width:60px;
}


.infoBar a.mail {
background:transparent url(/stc/img/mail.gif) no-repeat scroll  0 0;
padding:0 10px 5px 25px;
width:100px;
}

/* Adv search styles */
#publicationSearch select { width:250px; }
#publicationSearch #searchForField { width:246px; }