body { 
	margin: 0; 
	padding: 0; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	text-align: center;
    background-color: #c4cccf;
}

 /* paragraph & cell styles */
.leftAlign { text-align:left ; }
.rightAlign { text-align:right ; }
.center { text-align:center ; }
.justified { text-align:justify ; }
.allcaps { text-transform: uppercase; }
.h { display:none ; }
.spacer { clear:both ; height:1px ; margin-bottom: -1px; overflow:hidden ; }
.nopadding { padding: 0!important; }
.nomargin { margin: 0!important; }

p { line-height:1.3 ; font-size: 0.8em; }

.u4-image-caption { }

 /* applies to paragraphs, lists, you name it */
#siteBody { }
/*#siteBody li p { line-height: 1; }*/

 /* link styles apply unless something else is specified in css (eg. for navigation elements) */
a { 
    color: #7596b7; 
    text-decoration: none;
} 

a:hover { color: #7596b7; text-decoration: underline; }
a.external { color: #7596b7; text-decoration: none; }

/*
#middle h2,
#middle h3,
#middle h4,
#middle h5 { color: #003070; }*/
h2,
h3,
h4,
h5 { color: #003070; font-weight: normal; }
h2 { font-size: 1.3em; }
h3 { }
h4 { }
h5 { }

#siteBody label {display: block;}

/* naviList class to reduce redundancy */
ul.naviList { margin:0 ; padding:0 ; list-style:none ; } 
ul.naviList ul { margin:0 ; padding:0 ; list-style:none ; }
ul.naviList li { margin:0 ; padding:0 ; }
ul.naviList li a { background-image: none!important; }
 /* 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 { 
    background-color: white;
	width: 960px;
	margin: 0 auto;
	text-align: left;
    overflow: hidden;
}
#site.editMode {
    width: 1000px;
}

#siteBody { 
	clear:both ; 
	text-align:left ; 
}

.columns { float:left ;  }
.col240 { width: 220px; padding: 0 10px 0 10px; }
.lightText { color: #fff; /*background-color: #7596b7;*/ }
.darkText { color: #003170; /*background-color: #c9dceb;*/ }

#left { 
	margin-right: 60px; 
}
#middle { 	
	display: inline;
	width: 430px;
	margin-left: 50px;
    padding-top: 65px; 
    color: #32343e;
}
#middle.wide { margin-bottom: 60px; width: 100%; }
#middle.widest { }
#middle h2 {
	margin-top: 0px;
}
#middle p {
	margin-right: 30px;
}
#middle li {
    font-size: 0.8em;
}
/*#middle div { display: inline; }*/
.editMode #middle div { display: block; }
/*#middle a {
    background: url(/stc/img/linkkinuoli_vaalea.jpg) no-repeat right ;
	padding-right: 20px;
}*/
/* Added ie hack to because ie cannot understand declaration above this comment 
	really?? VP
*/
* html .widest {  }
#right { width: 480px; min-height: 360px; _height: 360px;  }
#right img { display: block; }
#right.gallery {
    padding-left: 50px;
}
* html #right.gallery {
    padding-left: 0;
}
.editMode #middle div { width : 100% ;}
.editMode #right div { width : 100% ;}

#footer { 
	margin: 6px 20px 0 50px; 
	/*background: url(/stc/img/ncclogopieni.gif) no-repeat top right;*/
	_height: 40px;
	min-height: 40px;
	color: #75827d;
    position: relative;
}

#footer p { display: block; color: #75827d; font-size: 0.71em; margin-top: 12px;}
#footer p a { color: #75827d; text-decoration: none;}

#footer #nccLogoBoksi {
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
}

/* do not change ; always the same (unless logo/type is NOT on white bg) */
#navigofooter { 
	width: 960px;
	margin: 5px auto;
}
div#navigoCMS { float: right; display: block; font:10px Verdana, sans-serif ; color:#fff;/*#c7c9c8*/ ; position: relative; right:0 ; bottom: 0px ; height:18px ; /*background:#fff ;*/ width:170px ; }
div#navigoCMS strong { color:#fff;/*#c7c9c8*/ ; }
div#navigoCMS a { color: #fff;/*#c7c9c8*/ ; text-decoration:none ; padding-left:22px ; background:url(/stc/img/logo_navigo_taustavarilla.gif) no-repeat center left ; }
div#navigoCMS acronym { text-decoration:none ;border:none ; }

#top { width: 100%; height:77px ; border-top: 1px solid white;  position:relative ;}
#top h1 {  margin:0 ; padding:0 ; background: url(/stc/img/pilotbp.gif) no-repeat top left ; height: 58px; width: 117px; position:absolute ; top:13px ; left:50px ; }

#top h1 a { display:block ; height: 58px; width: 117px; } /* needs width & height same as h1 (logo) */
#top h1 a span { display:none ; }
#supportNavi { }
#supportNavi form { margin:0 ; padding:0 ; position:absolute ; right:10px ; top:44px ; }
#supportNavi ul { width: 250px; position: absolute; left: 50%; top: 46px; margin: 0 0 0 -180px; }
#supportNavi li { margin: 0 7px 0 0; display: inline; float:left ; color: #003070; font-family: Arial, Verdana, Helvetica, sans-serif;  font-size: 0.7em; }
#supportNavi li a { display:block ; float: left ; color: #003070; text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; }
#supportNavi li span { display:block ;} /* span only required if links require two overlaid background images */
#supportNavi li.textSize a { }

#supportNavi #nccbpkohteet p { color: #003070; margin:0 ; padding:2px 0 0 0 ; float:left ;}
#supportNavi #nccbpkohteet select { margin-top:-3px ; float:left ; }

/* navigation */
#topNavi { min-height: 24px; _height: 24px; background-color: #003070; padding: 8px 20px 0 50px;}
#topNavi li { float:left ; color: #9ab4cf; margin-right: 20px; font-family: Arial, Verdana, Helvetica, sans-serif;  font-size: 0.8em; }
#topNavi li a {  display:block ; float:left ; color: #9ab4cf; text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; }
#topNavi li a:hover { color: #fff; }
* #topNavi li a { height:1% ; }
#topNavi li a.act { color:#fff ; background:#003070; }

#topNavi #extraNavi { float: right; }
#topNavi #extraNavi ul { list-style-type: none; margin: 0; padding: 0; }
#topNavi #extraNavi li { margin-right: 5px; }

#docNavi { }
#docNavi li, #docNavi2 li { display:inline ; } /* without inline declaration ie box model bug kicks in, adding spaces between the li's */
#docNavi li a, #docNavi2 li a {color: #7596b7; display:block ; text-decoration: none; font-weight: bold; font-size: 1.0em; font-family: Arial, Verdana, Helvetica, sans-serif;}
#docNavi li a:hover, #docNavi2 li a:hover { color: #003070;  }
#docNavi li a.act, #docNavi2 li a.act { color: #003070;  }
#docNavi li ul { margin-bottom: 20px; margin-left: 20px; }
#docNavi li li a { font-weight: normal; }
#docNavi li li li a { } /* add more as needed... */
* html ul#docNavi a { height:1% ; }

#docNavi2 { margin-left: 20px; }
#docNavi2 ul { display: inline; }
#docNavi2 ul li { display: inline; float: left; }
#docNavi2 ul li a { display: block; margin-right: 15px; padding-top: 4px; }

#inDocNavi {position: relative; margin-bottom: -50px; height: 50px; top: -50px; }
#inDocNavi ul { display: inline; color: #7596b7; }
#inDocNavi ul li { display: inline; }
#inDocNavi ul li a { padding-top: 4px; }


#breadcrumb {  }
#breadcrumb a { }
#breadcrumb a:hover { }
#breadcrumb a.active {  }


/* Extranet */
#supportNavi div#extranetnavi {position: absolute; top: 48px; right: 28px; font-size: 0.7em; color: #003070;}
#supportNavi div#extranetnavi a {color: #003070;}
.extranet #topNavi { background-color: #7596b7; }
.extranet #topNavi li a { color: white; }
.extranet #topNavi li a.act { color: white; font-weight: bold; background-color: transparent; }
.extranet #top { background: url(/stc/img/bg_ncc_extranet.jpg) no-repeat right top; }
.extranet #right #extranetSlotit {padding-bottom: 5px; float: left; background: url(/stc/img/bg_ncc_extranet_dblue_lblue.jpg) repeat-y;}
.extranet #right #extranetSlotit h4 { margin-top: 14px;  }



 /* content elements */
 /* Viritys etusivun kuvan kanssa alareunatasatulle lootalle */
.alapalkkiEtusivu {
	text-align: left;
	position: relative;
	left: 0;
    bottom: 115px;
	padding: 0 0 15px 0;
    color: white;
	width: 480px;
    _height: 100px;
    min-height: 100px;
    background: url(/stc/img/bg_sitebodyfooter_darklight.gif) repeat-y;
	margin-bottom: -180px;
	float: left;
}
.extranet .alapalkkiEtusivu {
    background: url(/stc/img/bg_etusivu_extranet.jpg) repeat-y;
}
* html .alapalkkiEtusivu { padding-top: 15px; height: 85px; }
.editMode .alapalkkiEtusivu {
    bottom: 57px;
    padding: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    background-image: none;
}
.editMode .alapalkkiEtusivu div {    
    background: url(/stc/img/bg_sitebodyfooter_darklight.gif) repeat-y;
}
.alapalkkiEtusivu p, .alapalkkiEtusivu h2, .alapalkkiEtusivu h3 {
    margin-left: 50px;
    margin-top: 15px;
}
.alapalkkiEtusivu a {
	color: white;
	text-decoration: none;
	background: url(/stc/img/linkkinuoli_tumma.gif) no-repeat right ;
	padding-right: 20px;    
}
.alapalkkiEtusivu a:hover {
	color: white;
    text-decoration: none;
}

/* Muille sivuilla käytetään näitä, kun homma on kokoleveä ratkaisu */
.alapalkki {
	width: 910px;
	padding-left: 50px;
	margin-bottom: 0px;
	overflow: hidden;
	float: left;
    background: url(/stc/img/bg_alapalkki.gif) repeat-y;
}
.alapalkki2 {
	width: 480px;
	padding: 0px;
	background : none;
}

.alapalkki2Background {
	background-color: #7596b7;
}
.alapalkkinopadding {
	padding: 0 0 0 0!important;
	width: 960px!important;
} 
.alapalkki img { float: left; display: block; padding: 0!important; margin: 0!important; border: 0!important; }
.alapalkki h2 { color: white; margin: 15px 0 0 0; }
.alapalkki p, .alapalkki a {color: white; text-decoration: none; font-size: 0.8em; }
.alapalkki a:hover { color: white; }
.alapalkkiOikea {
	float: right;
	width: 450px;
	padding: 15px 15px 15px 15px;
	_height: 88px;
	min-height: 88px;
}
        .alapalkkiOikea a.act {
            color: #003070;
        }
    
.editMode .alapalkkiOikea {
    padding: 0;
}
.alapalkkiVasen {
    float: left;
    width: 420px;
}
.editMode .alapalkkiVasen {
    margin: 0;
}
.alapalkkiTumma {
	color: white;	
}
.alapalkkiVaalea {
	background: url(/stc/img/bg_alapalkki.gif);
}

 
 /* news list */
.newsList {  }
.newsList h4 {  }
.newsList a, div.newsList a:hover {  }
.newsList a:hover {  }
.newsList h4 a {  }
.newsList p {  }
.newsList p a { }
.newsList span.readMore { }

 /* news document */
.newsSummary { }

 /* highlight element */
.highLight {  }
.highLight h3 {  } 

 /* 2col */
.columnContainer { }
.columnContainer .columns { width: 48%;} 
.columnContainer a { background-image: none !important; padding: 0 !important;}

 /* tables */

/* common for all tables */
#siteBody table {border-collapse: collapse;}
#siteBody table td {
    vertical-align: top; 
    padding: 0.3em;
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 0.7em;
}

.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:#c9dceb}
.u4-table-stripe-header2, .u4-table-stripe-even, .u4-table-complete-odd {background:#ffffff}

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

 /* sitemap */

.siteMap { width:300px ; margin:0 ; padding-bottom:2em ; }
.siteMap a { font-size: 0.8em; text-decoration:none ; display:block ; color:#333 ; margin:0 ; background-image: none!important; }
.siteMap a:hover { color:#c00 ; }
.siteMap ul li { list-style:disc ; }

.siteMapDocumentLevel0 { padding:0.2em ;  background:url(/stc/img/siteMap/sitemap_document.gif) no-repeat 0px center ; padding-left:2em ; }
.siteMapDocumentLevel1 { padding:0.2em ; background:url(/stc/img/siteMap/sitemap_subdocument.gif) no-repeat 0px center ; 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:85px ; background-position:0px center ; width:215px ; }
	
.siteMapFolderLevel1 a { background:url(/stc/img/siteMap/sitemap_folder.gif) no-repeat 5px center ; padding-left:20px ; font-weight:bold ; }
.siteMapFolderLevel2 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) no-repeat 10px center ; padding-left:33px ; }
.siteMapFolderLevel3 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) no-repeat 25px center ; padding-left:45px ; }
.siteMapFolderLevel4 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) no-repeat 40px center ; padding-left:60px ; }
.siteMapFolderLevel5 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) no-repeat 55px center ; padding-left:75px ; }

.stripe { background-color:#f9f9f9 ; }

.galleryImageSmall {
    display: block;
    float: left;
    height: 120px;
    width: 120px!important; /* Navigon editori pissittaa leveyden ilman !important:ia */
    overflow: hidden;
}
.galleryImageSmall a {
    color: #fff;
    border: 0;
    text-decoration: none;
    display: inline;
    float: left;
}
.galleryImageSmall img {    
    border: 0;
    padding: 0;
    margin: 0;
}
.editMode .galleryImageSmall, 
.editMode .galleryImageLarge {
    border: 1px solid gray;
}
.galleryImageLarge {
    display: none;
}