@charset "utf-8";
/* Alternate CSS Document for iprinfodemo 03/2009 */

/* 1. Defaults  */
	body {background:#f1f1f1 url(img-gray/bg_body_gray.gif) 0 0 repeat-x; font-size:76% ; margin:0 ; padding:0 ; font-family:Arial, Helvetica, sans-serif; color:#000; }
	/* link styles apply unless something else is specified in css (eg. for navigation elements) */
	a:link { color:#585858; text-decoration:underline; } 
	a:hover { text-decoration:none; }
	a.external {color:#585858;text-decoration:none; }
	a:hover.external { text-decoration:underline; }
	a img { border:none; }
	li { color:#585858;   }
	.h { display:none; }
	.spacer { clear:both ; height:1px ; overflow:hidden ; }

/* 2. Site structure */
	.container { width:950px ; margin:0 auto; position:relative; }
	#siteBody {clear:both ; text-align:left; margin-top:0px; }
		#siteInner { float:left; width:948px; min-height:400px; padding-bottom:1em; 
			background:#fff url(img-gray/site_bg_gray.gif) bottom center no-repeat; border:1px solid #d7d7d7; }
		* html #siteInner { height:400px; }
		#siteBody.front #siteInner { padding-top:21px; }
	#left {width:213px; margin:12px 0 0 12px; }
	* html #left { display:inline; }
	#middle {width:468px; position:relative; padding:5px 14px; margin-top:5px; }
		#middle.wide { width:686px; }
		#middle.widest { width:922px; }
		* html .widest { width:922px !important; }
	#right {width:218px; padding-right:0px; margin-top:10px;}
		.columns { float:left; }

/* 3. TOP */

	/* 3.1 Support Navigation */
	#supportNavi {color:#000; font-size:12px ; font-weight:normal; height:35px; margin-top:10px; margin-left:325px; /*margin-left:330px;*/}
	#supportNavi form { margin:0 ; padding:0 ; }
	#supportNavi li { float:left; margin-top:7px; }
	#supportNavi li a { display:block ; padding:2px 5px ; color:#222; text-decoration:none;}
	#supportNavi li a:hover {text-decoration:underline;}
	#supportNavi li span { display:block ; padding:0px; margin-left:50px; display:none;}
	
	#supportNavi li.textSize a { padding:0px ; width:19px; height:12px; }
	#supportNavi li.textSize a span { display:none; }

	.supportNavilist { margin:0 ; padding:0 ; list-style:none;}
	
	/*Text size BIGGER*/
	#supportNavi li.textSize a.text-inc { padding:0px; clear:both; height:16px; display:inline-block;
            margin-left:15px;padding-left:20px;
            background:url(img/text-inc.gif) no-repeat top; }

    #supportNavi li.textSize a.text-inc-inact { padding:0px;clear:both;height:16px;display:inline-block;
            margin-left:15px;padding-left:20px;
            background:url(img/text-inc-inact.gif) no-repeat top; }

	/*Text size Smaller*/
    #supportNavi li.textSize a.text-dec { padding:0px; clear:both; height:16px; display:inline-block;
            margin-right:15px; padding-left:10px;
            background:url(img/text-dec.gif) no-repeat top; }
    #supportNavi li.textSize a.text-dec-inact { padding:0px; clear:both; height:16px; display:inline-block;
            margin-right:15px; padding-left:10px;
            background:url(img/text-dec-inact.gif) no-repeat top; }

	/* 3.2 Search */
	#search { float:right; margin:0px; padding:0px; }
	* html #search { width:188px; /*width:220px;*/ }
	#search span { margin-left:0px;}
	#searchform { margin:0px; padding:0px; }
	form,legend,label,fieldset { margin:0; padding:0; border:0; }
	#search legend, #search label { visibility:hidden; display:none; }

	#go, #searchfield, .s-button, .s-field { float:left; display:block; margin:3px 5px 1px 5px; padding:0px; 
		font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
	#go { padding:0px; border:0px; background:#f0f0f0; color:#555; text-transform:uppercase; }
	* html #go { margin:3px 0px 1px 2px; }
	#searchfield { width:120px; margin-top:3px; border:0; font-weight:normal; color:#585858; }
	* html #searchfield { display:inline; }

	.s-button { width:auto; height:2em; border:1px solid #c0c1c2; background:#f0f0f0; }
	.s-field { padding-left:2px; width:auto; height:2em; background:#fff; border:1px solid #c0c1c2; }

	/* 3.3 Header image */
	#header_image{ position:relative; background: url(img-gray/header_image_house.jpg) no-repeat top; height:180px; width:950px; margin-top:0px;}
	#logo { position:absolute; width:240px; height:70px; margin:20px 0 0 0; }
	#logo a { display:block; width:240px; height:70px; }
	#logo a span { display:none; }
	
	/* 3.4 Breadcrumb */
	#breadcrumb { margin-top:7px; padding-left:12px; font-size:12px ; }
	#breadcrumb a { color:#585858; text-decoration:none; }
	#breadcrumb a:hover { text-decoration:underline; }
	#breadcrumb a.active { font-weight:bold ; }

/* 4. Navigation */

	/* 4.1 Horizontal Main Navigation */
	#topNavi { position:absolute; bottom:0; width:948px; height:33px; border:1px solid #bcbcbc; font-size:16px; }
	.naviList { margin:0px; padding-top:2px; }
	.naviList a {color:#000;text-decoration:none; }
	.naviList a:hover { text-decoration:none; }
	.naviList li a { padding:10px 12px 10px 0px; display:block ; float:left ; }
	ul.naviList { padding:0 0 27px 0; }

	li.topNavi_item { display:inline;float:left;padding:0; }
	ul.naviList a { }
	li.topNavi_item { display:inline; float:left; border-right:1px solid #a2a3a3;}
	.naviList li a:hover, li.topNavi_item .selected { border-bottom:6px solid #bcbcbc; padding-bottom:3px; }
	li.topNavi_item a, .topNavi_item .selected { float:left; display:block; padding:6px 11px 9px 11px; white-space:nowrap; }

/* 4.2 Left navigation */
	.leftNaviList { padding:0 ; margin:0px; list-style:none ; } 
	* html .leftNaviList { overflow:hidden; }
	.leftNaviList ul { margin:0 ; padding:0 ; list-style:none ; }
	.leftNaviList li { margin:0 ; padding:0 ; }

	.leftNavi_top {background: url(img-gray/header_light_gray.gif) top no-repeat; height:5px; width:213px; font-size:0; }
	.leftNavi_title { background:#d7d7d7; }
	
	#leftNavi { width:211px; padding:1em 0; background:#fff;border:1px solid #cdcdcd;line-height:1em;
font-size:14px; margin-bottom:10px; border-bottom:1px solid #cdcdcd;}
	* html ul#leftNavi a { height:1% ; }
	

	 #leftNavi li.selected.open {background:url(/stc/img/arrow-black-open.gif) no-repeat 5px 10px;}
	 #leftNavi li li.selected.open {background:url(/stc/img/arrow-black-open.gif) no-repeat left 3px;}
	 #leftNavi li.closed a {background:url(/stc/img/arrow-black.gif) no-repeat 5px center;}

	#leftNavi li a { font-weight:normal; display:block; padding:8px 5px 6px 20px;border-bottom:1px dotted #cdcdcd; text-decoration:none; color:#111; }
	* html #leftNavi li a { border-top:1px solid #eaeaea; }
	#leftNavi li.first a { border:0; }
	#leftNavi li a:hover {  color:#111;text-decoration:underline; }
	#leftNavi li a.selected {border-bottom:solid #e8e8e8 1px;color:#999;} 

	#leftNavi li ul {margin-left:15px;padding-bottom:10px; background:none; }
	#leftNavi li li ul {background:none; }
	
	#leftNavi li li a { background: none;font-size:0.9em; border:none; margin:0;padding:3px 5px 4px 15px; }
	#leftNavi li li a:hover { text-decoration:underline;  }  
	#leftNavi li li a.selected {color:#999; border:none; margin:0; } 
	 
	#leftNavi li li li a { background: none;  }
	#leftNavi li li li a.selected { border:none; margin:0;font-weight:bold; } 
	#leftNavi li li li a:hover { text-decoration:underline;  }  
	#leftNavi li li li ul {padding-bottom:10px; background:none; }

	#leftNavi li li li li a {background: none;  } /* add more as needed... */
	#leftNavi li li li li a:hover { text-decoration:underline;  }  
	#leftNavi li li li li a.selected { border:none; margin:0;font-weight:bold; } 

	* html ul#leftNavi a { height:1%; }

/* 5. Typography */

	/* modified - clean when ready */
	h2,h3,h4,h5 { margin:1em 0 0.5em 0; padding:0; }
	h2 { font-size:1.7em ; font-weight:normal ; color:#a9a9a9; margin-top:0; padding-right:28px; 
		background:url(img-gray/h2_bg_gray.gif) bottom right no-repeat; border-bottom:1px solid #d7d7d7; }
	h3 { font-size:1.3em ; font-weight:bold ; color:#585858; }
	h4 { font-size:1.1em ; font-weight:bold ; color:#585858; }
	h5 { font-size:1.0em ; font-weight:bold ; color:#585858; }
	
	#left h3, #right h3 { font-size:1.2em; font-weight:normal; color:#585858; 
		/*text-transform:uppercase;*/ margin:0; padding:5px 13px 3px 13px; }

	.rightImg {float:right; padding: 0 0 10px 10px;}
	.leftAlign { text-align:left ; }
	.rightAlign { text-align:right ; }
	.center { text-align:center ; }
	.justified { text-align:justify ; }

	p { margin:0.5em 0 1em 0; line-height:1.6em; }
	
	#middle li { line-height:1.6em; }
	#siteBody li p { margin:0; }
	
	.newsSummary { font-weight:bold; }

/* 6. Footer */
	#footer {width:950px; margin:0px auto; position:relative ; font-size:0.9em; display:block;}
	#footerText { float:left; width:100%;  padding:1em 0; color:#585858; text-align:center; }
	#footerText span { padding:0 1em; }
	
/* 7. Navigo CMS */
	/*do not change ; always the same (unless logo/type is NOT on white bg) */
	div#navigoCMS { float:left; width:100%; padding-bottom:1em; text-align:center; font:10px Verdana, sans-serif ; color:#c7c9c8 ; }
	div#navigoCMS strong { color:#c7c9c8 ; }
	div#navigoCMS a { color:#c7c9c8 ; text-decoration:none ; padding-left:22px ; background:url(img/logo_navigo.gif) no-repeat center left ; }
	div#navigoCMS acronym { text-decoration:none ;border:none ; }
	
/* 8. Content elements */
	 /* 2 columns */
	.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; }
	
	.content {margin:0px; padding:0px;}
	/* 8.1 boxHighlight element */
	.boxHighLight_top {background:url(img-gray/highlight_gray_tl.gif) top left no-repeat;  /*height:5px; width:213px; font-size:0; */}
	.boxHighLight_title { background: url(img-gray/highlight_gray_tr.gif) top right no-repeat; }
	.boxHighLight_title h3 { font-size:1.2em; color:#585858; margin:0; padding:5px 0px 3px 13px; /*background:#acdafe;*/ font-weight:normal; }
	.boxHighLight { position:relative; margin-bottom:1em; padding-top:0.5em; padding-bottom:10px; 
		background:#fff url(img-gray/gray_bg_213.gif) repeat-y;border:1px solid #d7d7d7; }
	.boxHighLight .content {padding:0 3px 0 13px; margin:0;}
	.boxHighLight .content ul { list-style:none; padding:5px 0; margin:0px; }
	.boxHighLight .content li a {background:url(img/raquo_black.gif) no-repeat 0 0.3em; padding:0px 15px; margin-top:3px;color:#000; text-decoration:none; }
	.boxHighLight .content li a:hover { text-decoration:underline !important; }
	.boxHighLight .content li {margin-bottom:0.5em;/* border-bottom:#2d7dbd solid 1px;*/}
	
	/* 8.1 Highlight element */
	.highLight {border:1px solid #fff; background:#fff; padding:0px 10px 10px 10px;}
	.highLight h3 {border-bottom:1px solid #585858;}
	.highLight li {background:url(img-blue/blue-bullet.gif) no-repeat 0 0.3em;}

/*  9. News list */
	#right .newsList { width:213px; margin-bottom:20px; padding:0px; position:relative; }
	.newsList_top { height:13px; width:213px; background: url(img-gray/newslist_top_gray.gif) top no-repeat; font-size:0; }
	.newsList_title { width:213px; padding:0; background:#d7d7d7; }
	.newsList h3 { font-size:1.2em; color:#000; margin:0; padding:5px 0px 5px 13px; font-weight:normal; }
	.newsListMain {margin-top:1px; padding:0px; border-top:1px solid #d7d7d7;}
	.newsListMain img {padding-top: 2px; }
	.newsListMain span {font-size:0.9em ; padding-bottom:5px;}
	.newsListMain p {padding-top:5px;}
	.newsList_middle { }
	.newsList_middle p {margin:0; padding: 3px 0 3px 13px;}
	.newsList_middle p.even {background:#fff url(img-gray/gray_bg_213.gif) repeat-y;}
	.newsList_middle p span {font-weight:normal; color:#d7d7d7;}
	.newsList_middle p span.date {font-weight:bold; color:#000;}
	.newsList_bottom {height:11px; width:100%; background: url(/stc/img/newsListBottom_wide.gif) right top no-repeat; }
	.newsList_bottom p {margin:0; background: url(/stc/img/newsListBottom_corner.gif) 0 0 no-repeat; }
	.borderBottom {border-bottom:1px solid #88B30E;}
	.newsList h4 {  }
	.newsList a { color:#585858; text-decoration:none; }
	.newsList a:hover { text-decoration:underline; }
	.newsList h4 a {  }
	.newsList p {  }
	.newsList p a { }
	.newsList span.readMore { }

/* 10. Style switcher */
	form#switchform { text-align:center; padding: 1em 0; background:#f9f9f9; border-bottom:3px solid #d7d7d7; }
	select#styleSwitchSelect { width:200px; }

/* 11. Default Navigo styles*/

	/* 11.1 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/img//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:f0f0f0; color: #333; font-weight: bold;}

	/* 11.2 Following styles apply to navigo top tools */
	table.u4-em-ie { border-collapse:collapse; height:auto !important; }
	table.u4-em-ie tr {  }
	table.u4-em-ie td { font-size:11px; padding:2px; border:1px solid black !important; /*border:none ;*/ }	/* table menu cells */
	table.u4-em-ie td.styleSelector { border:none !important; }	/* normal text style selector */
	table.u4-em-ie td.styleSelector-active { background:#efefef; border:none !important; /*cursor:hand ; */}	/* hover text style selector */
	
	/* Cell and hover cell */
	/*table.u4-em-ie td.u4-em-option-ie, table.u4-em-ie td.u4-em-option-sel-ie {padding-top:4px; padding-bottom:4px;}*/
	/* Uncomment this if plus menu image leaks */
	/*table.u4-em-ie td.u4-em-option-ie img, table.u4-em-ie td.u4-em-option-sel-ie img {display:none !important;}*/
	
	/* 11.3 Sitemap */
	.siteMap { width:300px ; margin:0 ; padding-bottom:2em ; }
	.siteMap a { text-decoration:none ; display:block ; color:#333 ; margin:0 ; }
	.siteMap a:hover { color:#585858; }
	.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 ; }
 
 
 /* Button */
.button {height:23px; background: url(/stc/img/button.gif) right top no-repeat; padding:4px 0 0 30px; margin-bottom:5px; font-weight:bold; }
.button a {color:#5E7D5D;}


/* 12. Calendar and Events */

	/* Calendar */
	.weekInfo {color:white !important; font-size:5px;}	/* change this if you want to show the week info */
	
	#right .calendar {font-family: "Trebuchet MS", tahoma, sans-serif; font-weight: bold; /*background: url(/stc/img/bg_calendar.jpg) 0 0 no-repeat;*/}
	
	 /* calendar head (month and arrows) */
	#right .u4-calendar td.u4-calendar-header, #right .u4-calendar td.u4-calendar-header-vko {color: #99b6c5; padding: 6px 0 9px 0;}
	#right .calendar_head {padding: 3px 0 4px 0; width: 100%;}
		#right .ch-left {float:left; width:10%; text-align: right;}
		#right .ch-center {float:left; width: 75%; text-align:center;}
		#right .ch-right {float: left; width: 10%; text-align: left;}
		#right .ch-left a, #right .ch-right a, #right .ch-center {color: #99b6c5;}
		#right .ch-left a, #right .ch-right a {font-weight:normal;}
		#right .ch-left a:hover, #right .ch-right a:hover {color:#2D2D2D;}
		
	 /* calendar content */
	#right .u4-calendar-container {clear: both;}
	#right .u4-calendar {width: 100%; margin-bottom: 13px;}
	#right .u4-calendar td {text-align: center; margin: 0; padding:0; border: 0; width: 25px; color: #939da1;}
	#right .u4-calendar a {display: block; width: 20px; height: 20px; margin: 2px 2px 2px 2px;}
	
	#right .calendar a, #right .calendar a:visited {color:#93AFC0; text-decoration:none;}
	#right .u4-calendar-day a,  #right .u4-calendar-day a:visited {color: #939da1;}
	#right .u4-calendar-day-events a, #right .u4-calendar-day-events a:visited {color:#2D2D2D;}
	#right .calendar a:hover { color:#2D2D2D !important; }
	#right td.today a { color: #5391CA !important; }
	
	 /* calendar bottom */
	#right .calendar_bottom {padding-top: 0px;}
	
	/* Event*/
	.eventTopic {float:left; width: 125px; font-weight:bold; padding: 2px 0 2px 0;}
	.eventContent {float:left; margin-bottom:5px; padding: 2px 0 2px 0;}
	.error { border: 2px solid red; }
	.eventForm .infoText {display:block; float:left; width:150px; height:35px;}
	.eventForm p {clear:both;}
	.eventForm textarea {width:400px; display:block; margin-bottom:15px; background-color:#FaFaFf;}
	.eventForm select {float:left; display:block; margin-bottom:15px; width:250px; background-color:#FaFaFf;}
	.eventForm input {margin-bottom:5px; background-color:#FaFaFf;}
	.eventForm .dayField {width:5em}
	.eventForm .timeField {width:3em}
	.eventsearch input {margin:2px;}
	.eventDisplayImage {max-width:150px; width:auto !important; /*width:150px;*/}
	.imageContent {float:right;}
	.textContent {float:left;width:335px;}
	#site .eventList {list-style: none; padding:0; margin:0; width:200px;}
	.eventListMonth {margin-top:15px;}
	.eventListPlace {padding-left:10px;}
	.helpText {color:green}