body { background:#fff; font-size:76% ; margin:0 ; padding:0 ; font-family: verdana, sans-serif ; }

 /* paragraph & cell styles */
.rightImg {float:right; padding: 0 0 10px 10px;}
.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 ; }
p { line-height:1.3em ; margin:0; padding-bottom:10px;}

.u4-image-caption { }

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

 /* link styles apply unless something else is specified in css (eg. for navigation elements) */
a { color:#26437B; text-decoration:none; } 
a:hover { text-decoration:underline; }
a.external { }
a img {border:none;}

h2,h3,h4,h5 {padding:5px 0 10px 0; margin:0; }
h2 { font-size:1.8em ; font-weight:normal ; letter-spacing:0.1em ; }
h3 { font-size:1.4em ; font-weight:normal ; }
h4 { font-size:1.2em ; font-weight:bold ; }
h5 { font-size:1.1em ; font-weight:bold ; }

/* 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 ; }

 /* 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
    `#leftNavi
  #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 */
.container { width:800px; /* position:relative; background: url(/stc/img2006/mainTop_bg.gif) 0 150px repeat-x; */}
#site { width:800px ; margin:0 auto ; min-height:100% ; position:relative ;   }

#siteBody {clear:both ; text-align:left ; width:800px ;}
#siteInner { padding-top:7px; float:left; width:800px ; background: url(/stc/img2006/mainTop_bg.gif) 0 0 repeat-x; }
#siteBody.front #siteInner { padding-top:21px; }
.columns {float:left ; }
#left {width:180px; margin-top:12px; }
#middle {width:388px; position:relative; padding:0 26px; }
#middle.wide {width: 581px; padding:0 13px 0 26px; }
#middle.widest {width: 774px; padding:0 13px;}
/* Added ie hack to because ie cannot understand declaration above this comment 
	really?? VP
*/
* html #siteBody .widest { width: 774px; padding:0 13px; }
#right {width:167px; padding-right:13px; margin-top:12px; }


#footer {width:800px;float:left; position:relative ; border-top:2px solid #88B30E; margin-top:2em ; font-size:0.9em ;  /*padding:5px 0 5px 12px ; */color:#666 ;}
#footerText {padding:5px 0 0 0;}

/* do not change ; always the same (unless logo/type is NOT on white bg) */
div#navigoCMS { text-align:right; 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/img2006/logo_navigo.gif) no-repeat center left ; }
div#navigoCMS acronym { text-decoration:none ;border:none ; }

/*#top {padding-bottom:26px; background: url(/stc/img2006/mainTop_bg.gif) left bottom repeat-x;}
#upper {height:57px; padding:0 13px;}
#topImg {height:122px; background: url(/stc/img2006/top.jpg) 0 0 repeat-x; border:1px solid #88B30E;}*/

/* 3. TOP */

	/* 3.1 Support Navigation */
	#supportNavi { position:relative; color:#000; font-size:0.9em ; height:38px; margin-top:19px; margin-left:170px;}
	#supportNavi form { margin:0 ; padding:0 ; }
	#supportNavi li { float:left; }
	#supportNavi li a { display:block ; padding:2px 5px ; color:#000; }
	#supportNavi li a:hover {text-decoration:underline;}
	#supportNavi li span { display:block ; padding:2px 0 2px 5px; }
	#supportNavi li.textSize a { padding:0px ; }
	#supportNavi li.textSize a span { padding:2px 0 2px 2px; }
	/*#supportNavi li.textSize a.big { background:url(img/abc_bigger.gif) no-repeat top; padding-bottom:23px; margin-left:50px; width:50px;}
	#supportNavi li.textSize a.small { background:url(img/abc_smaller.gif) no-repeat top; padding-bottom:23px; margin-left:0px;width:50px;}*/

/*#supportNavi { position:absolute ; top:19px ; right:220px ; color:#666; font-size:0.9em ;}
#supportNavi form { margin:0 ; padding:0 ; }
#supportNavi li { float:left ; }
#supportNavi li a { display:block ; padding:2px 5px ; color:#000;}
#supportNavi li span { display:block ; padding:2px 0 2px 5px;}
#supportNavi li.textSize a { padding:2px 0 2px 2px ; }*/

	.supportNavilist { margin:0 ; padding:0 ; list-style:none; }

#header_image{ position:relative; background: url(/stc/img2006/header_image.jpg) no-repeat top; height:148px; border:1px solid #88b30e; }
	#logo { position:absolute; top:-58px; left:13px; width:145px; height:57px; margin:0; }
	#logo a { display:block; width:145px; height:57px; background:url(/stc/img2006/logo.gif) 0 0 no-repeat; }
	#logo a span { display:none; }

/*#top h1 { margin:0 ; padding:0 ; width:236px ; height:64px ; background:url(/stc/img2006/logo.gif) no-repeat top left ; }
#top h1 a { display:block ; width:236px ; height:64px ; }
#top h1 a span { display:none ; }*/
/*#supportNavi { position:absolute ; top:19px ; right:220px ; color:#666; font-size:0.9em ;}
#supportNavi form { margin:0 ; padding:0 ; }
#supportNavi li { float:left ; }
#supportNavi li a { display:block ; padding:2px 5px ; color:#000;}
#supportNavi li span { display:block ; padding:2px 0 2px 5px;}
#supportNavi li.textSize a { padding:2px 0 2px 2px ; }*/

#search{height:48px; position:absolute; top:0; right:13px; }
* html #search{width:180px; right:0;}
form,legend,label,fieldset{margin:0;padding:0;border:0; }
fieldset{border:0 solid #fff; }
legend,label{visibility:hidden;display:none; }
#go,#searchfield,.s-button,.s-field{float:left;display:block;margin:0;padding:0; }
#go{width:3em;height:1.5em;background:#88B30E;border:0px solid #88B30E;color:white; }
#searchfield{width:120px;height:1.5em;background:#fff;border:0px solid #88B30E;}
.s-button{width:auto;height:auto;border:1px solid #88B30E; }
.s-field{width:auto;height:auto;border:1px solid #88B30E; }
td.selectInputTd,td.textInputTd{width:120px;height:auto; }
input.emailForm{width:100px;height:auto;margin:10px 0 0 125px;text-align:center; }
input.textInputField,textarea.textInputField{border:1px solid #88B30E; }


/* navigation */
#topNavi {position:absolute; bottom:0; width:100%; height:27px; background: url(/stc/img2006/topNavi_bg.gif) 0 0 repeat-x; }
#topNavi li { float:left ;}
#topNavi li a { padding:5px 10px 6px 10px ; display:block ; float:left ;/* background: yellow ; font-weight:bold ;*/ color:#fff ; text-decoration:none ; font-size:1.1em ; }
#topNavi li a:hover {background:url(/stc/img2006/topNavi_hover.gif) 0 0 repeat-x; }
* #topNavi li a { display:inline; height:1% ;}
#topNavi li a.selected { color:#24417B ; background:#CFDDAA ; }

#leftNavi { padding:0; margin:0; border-left: 1px solid #ddd ; border-right: 1px solid #ddd ; }
.leftNavi_top {height:11px; width:100%; background: url(/stc/img2006/leftNavi_wide.gif) right top no-repeat;}
.leftNavi_top span {height:11px; margin:0; background: url(/stc/img2006/leftNavi_corner.gif) left top no-repeat; padding:0; font-size:5px; }
.leftNavi_title { display:none; }
#leftNavi ul { padding:0; margin:0; }
#leftNavi li { display:inline ; }
#leftNavi li a { display:block ; padding:3px 10px 3px 13px; background:#fff ; border-bottom:1px solid #ddd ; text-decoration:none ; color:#333 ; margin:0 ; }
#leftNavi li a:hover { background:#CFDDAA ; color:#000 ; }
#leftNavi li a.selected { /*color:#f00 ; */background:#CFDDAA; } 
#leftNavi li li a { padding:3px 10px 3px 26px ; font-size:0.9em ; background:#fcfcfc ; border:none ; margin:0 ; border-bottom:1px solid #ddd ;}
#leftNavi li li li a{ padding:2px 10px 2px 39px; } /* add more as needed... */
* html ul#leftNavi a { height:1% ; }

#breadcrumb { font-size:0.9em ; color:#000 ; }
#breadcrumb a { color:#666 ; }
#breadcrumb a:hover { color:#777 ; text-decoration:none ; }
#breadcrumb a.active { font-weight:bold ; }

 /* content elements */
 
 /* Button */
.button {height:23px; background: url(/stc/img2006/button.gif) right top no-repeat; padding:4px 0 0 30px; margin-bottom:5px; font-weight:bold; }
.button a {color:#5E7D5D;}
 
 /* news list */
.newsList { margin-bottom:1em; }
.newsList_top { display:none; }
.newsList_title {height:20px; width:100%; background: url(/stc/img2006/newsList_wide.gif) right top no-repeat; }
.newsList_title h3 {margin:0; font-size:1em; font-weight:bold; background: url(/stc/img2006/newsList_corner.gif) 0 0 no-repeat; padding:3px 0 0 13px; color:#fff;}
.newsListMain {margin-top:1px; padding:10px 0 0 0; border-top:1px solid #5E7D5D;}
.newsListMain img {padding-top: 2px; }
.newsListMain span {font-size:0.9em ; padding-bottom:5px;}
.newsListMain p {padding-top:5px;}
.newsList_middle {border-left:1px solid #88B30E; border-right:1px solid #88B30E;}
.newsList_middle p {margin:0; padding: 3px 0 3px 13px;}
.newsList_middle p.even {background:#eee;}
.newsList_middle p span {font-weight:bold;}
.newsList_bottom { height:11px; width:100%; margin-bottom:1em; background: url(/stc/img2006/newsListBottom_wide.gif) right top no-repeat; }
.newsList_bottom p {margin:0; background: url(/stc/img2006/newsListBottom_corner.gif) 0 0 no-repeat; }
.borderBottom {border-bottom:1px solid #88B30E;}
.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 { font-weight:bold;}
.eventContent { padding-top:10px;}

/* event */
span.date {font-size:0.9em;}

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

 /* boxHighlight element */
.boxHighLight {width:100%; margin-bottom:1em; /*float:left; position:relative;*/}
.boxHighLight_top { display:none; }
.boxHighLight_title {height:20px; width:100%; background: url(/stc/img2006/newsList_wide.gif) right top no-repeat; }
.boxHighLight_title h3 {margin:0; font-size:1em; font-weight:bold; background: url(/stc/img2006/newsList_corner.gif) 0 0 no-repeat; padding:3px 0 0 13px; color:#fff;}
.boxHighLight .content {width:94%;float:left; margin:1px 0 0 0; padding: 10px; border:1px solid #5E7D5D;}
#right .boxHighLight .content {width:87%;}
.boxHighLight .content .boxHighLeft{ float:left; width:48%; border-right:1px solid #5E7D5D; }
.boxHighLight .content .boxHighRight{ float:right; width:48%; }
.boxHighLight .content .boxHighLeft div, .boxHighLight .content .boxHighRight div {width:100%;}
.boxHighLight a { font-weight:bold; }
.boxHighLight ul { padding:0; margin:0; list-style:none; }
.boxHighLight li { margin-bottom:1em; }

 /* 2col */
.columnContainer { width:100% ; float:left; }
.columnContainer .columns { width:48%; }
.columnContainer .columns .inner { width:auto; }
.columnContainer .left { float:left; }
.columnContainer .right { float:right; }
.columnContainer .border { border-right:1px solid black; }

 /* 10. Style switcher */
	form#switchform { text-align:center; padding: 1em 0; background:#f1f1f1; }
	select#styleSwitchSelect { width:150px; }
 
 /* tables */

/* common for all tables */
#siteBody table {border-collapse: collapse;}
#siteBody table td {vertical-align: top; padding: 0.3em;}

.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/img2006//stc/img2006/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:#e8eff8; color: #333; font-weight: bold;}

 /* sitemap */

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

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


.depth0 { padding-left:25px ; background-position:5px 50% ; width:275px ; }
.depth1 { padding-left:40px ; background-position:20px 50% ; width:260px ; }
.depth2 { padding-left:55px ; background-position:35px 50% ; width:245px ; } 
.depth3 { padding-left:70px ; background-position:50px 50% ; width:230px ; }
.depth4 { padding-left:85px ; background-position:65px 50% ; width:215px ; }
.depth5 { padding-left:85px ; background-position:0px 50% ; width:215px ; }
	
.siteMapFolderLevel1 a { background:url(/stc/img/siteMap/sitemap_folder.gif) 5px 50% no-repeat ; padding-left:20px ; font-weight:bold ; }
.siteMapFolderLevel2 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 10px 50% no-repeat ; padding-left:33px ; }
.siteMapFolderLevel3 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 25px 50% no-repeat ; padding-left:45px ; }
.siteMapFolderLevel4 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 40px 50% no-repeat ; padding-left:60px ; }
.siteMapFolderLevel5 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 55px 50% no-repeat ; padding-left:75px ; }

.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:hand ; */}