* { margin:0 ; padding:0 ; }

html, body { height:100% ; }

body { background:#938FA3; font-size:90% ; font-family:'Trebuchet MS', sans-serif ; color:#333333; font-family:Calibri,Arial,sans-serif; }

 /* 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.6em ; margin-bottom:0.5em ; }
strong { color:#111 ; }
.u4-image-caption { font-size:0.8em ; color:#666 ; margin-left:0.5em ; }

#logo p {color: #fff; display: inline; font-style: italic; margin: 0;}
#logo p.colored {display: inline; margin:0; color: #00FF99; font-style: italic;}

 /* 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:#0000cc ; text-decoration:underline; } 
a:hover { color:#0000cc ; text-decoration:none ; }
/*a.external { background:url(/stc/img/icon_extLink.gif) no-repeat center right ; padding-right:5px ; }*/
a.external {padding-right:5px ; }
#siteBody #right {color: #fff;}
#siteBody #right h2, #siteBody #right h3, #siteBody #right h4, #siteBody #right h5 {color: #fff;}

h2,h3,h4,h5 { color:#111 ; }
h2 { font-size:1.8em ; font-weight:normal ; letter-spacing:0.1em ; margin-bottom:0.1em ; }
h3 { font-size:1.4em ; font-weight:normal ; margin-bottom:0.1em ; }
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 { list-style:none ; }
ul.naviList li { }

 /* 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:950px ; margin:0 auto ; min-height:100% ; position:relative ; }
* html #site { background:#fff ; height:100% ; }

#siteBody { clear:both ; text-align:left ; background: #fff; }
.columns { position:relative ; float:left ; }
#left { width:200px ;}
* html #left {overflow:hidden;}
#middle { width:510px ; margin:0 10px ; }
* html #middle {overflow:hidden;}
#middle.wide { width:730px ; }
#middle.widest { width:930px ; }
/* Added ie hack to because ie cannot understand declaration above this comment*/
* html .widest { width:744px !important; }
#right { background: #9999CC; padding: 5px; width:210px ; margin-top:10px ; }
* html #right {overflow:hidden;}
#right.front {background: none;}

#left #lContent {padding: 5px; }

#footer { position:relative; height: 40px; background: #fff url(images/heaDown2.png); font-size:0.9em ;  padding:5px 0 5px 12px ; color:#666 ;  }

div#navigoCMS { font:10px Verdana, sans-serif ; color:#c7c9c8 ; position:relative ; float:left; 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 ; }

div.copy {position: absolute; right: 5px; bottom: 5px;}

#top { background-image:url(images/topIma.png); height:140px;}
/*#top h1 { width:236px ; height:64px ; background:url(/stc/img/bg_logo.gif) no-repeat top left ; }*/
#top h1 {text-align: center; color: #fff; width:950px ; height:35px ; background:url(images/logo2010litle.jpg) no-repeat 15px 15px ; padding-top: 15px; padding-bottom: 3px;}
#top h1 a { display:block ; width:120px ; height:35px ; float:left; padding-right: 10px;}
#top h1 a span { display:none ; }
#headerText {text-align: center; color: #fff; width: 500px; position: absolute; top: 15px; left: 150px;}
#supportNavi { position:relative ; float: right; top:10px ; right:0 ; width: 300px; height: 70px;}
#supportNavi form { }
#supportNavi li { float:left ; }
#supportNavi li a { display:block ; padding:2px 5px ; }
#supportNavi li span { display:block ; padding:2px 0 2px 5px; color:#0000cc ;}
#supportNavi li.textSize a { padding:2px 0 2px 2px ; }
#supportNavi a {color: #fff;}

/* navigation */
#topNavi { position: relative; top: 9px; background: #000066 url("images/linkPic_33_25_bl.png") repeat-x 0px 0px; height: 25px;}
#topNavi li { float:left ; }
#topNavi li a {font-style:italic; margin:0 ; padding:5px 10px ; display:block ; float:left ; background: none; color:#fff; text-decoration:none ; font-size:1.15em ; }
#topNavi li a:hover {border-top: 2px solid #0066cc; border-bottom: 2px solid #0066cc; padding-top: 3px; padding-bottom: 3px}
* #topNavi li a { height:1% ; }
#topNavi li a.act { color:#000 ; background:#fdfdfd ; }

#docNavi { padding-bottom:1px ; border-bottom:1px solid #eee ;}
#docNavi ul { border-bottom:1px solid #ddd ; padding:0 ; margin:0 ; }
#docNavi li { display:inline ; }
#docNavi li a { display:block ; padding:3px 10px ; background:#fff ; border-bottom:1px solid #ddd ; text-decoration:none ; color:#333 ; margin:2px 0 0 0 ; }
#docNavi li a:hover { background:#fafafa ; color:#000 ; }
#docNavi li a.act { color:#0000cc ; } 
#docNavi li li a { padding:2px 10px 2px 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% ; }

#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 */
 /* news list */
.newsList { ; padding:1px ; }
.newsList h4 { font-size:1.1em ; padding:5px 0 ;}
.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 #00ff99 ; }
.newsList p a { color:#333 ; }
.newsList span.readMore { color:#0000cc }

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

 /* highlight element */
.highLight { border:5px solid #9999CC; padding:5px ; margin-bottom:0.5em ; }
.highLight h3 { margin:0 ; border-bottom:1px solid #ddd ; padding-bottom:5px ; } 

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

ul li {	word-wrap:break-word; }
#left ul, #right ul, #left ol, #right ol { padding-left: 20px; }

.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: solid 1px black ; }
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 */

img {border-style:none;}