/*/////////////////////////////////////////////////////////////
/////////  Main layout and structure of website //////////// */
/*/////////////////////////////////////////////////////////////
	1.	CSS reset	
	2.	Global Rules
	
	Site Structure	
	3.	header
	4.	navigation tabs
	5.	banner
	
	Main Section (CMS Area)
	6.	left column
	7.	mid column
	8.	right column
	
	9.	Footer
		
/////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////
	1. CSS reset
/////////////////////////////////////////////////////////////*/
	
	* { font-size: 1em; font-weight: normal; font-style: normal; margin: 0; padding: 0;	text-decoration: none; outline:none; }
	
	h1, h2, h3, h4, h5, h6, pre, code { font-size:1em; }
	
	ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin:0; padding:0; }
	
	ul, ol { 
		list-style:none; 
		margin:0; padding:0; 
		}
	
	a, img, a img, iframe, abbr, acronym, object, applet, table { border: none; outline:none; }
	
	table { border-collapse: collapse; border-spacing: 0; }	
	
	.clearboth { clear:both; }




/*/////////////////////////////////////////////////////////////
	2. Global rules 
/////////////////////////////////////////////////////////////*/


	/* Main body and background */	
	
	body { background:#f4f4f4 url(../images/layout/itf-bg.png) top center no-repeat; }	
	
	/* Headings */
	
	@font-face {
		font-family: 'BebasRegular';
		src: url('BEBAS.eot');
		src: local('Bebas Regular'), 
		local('Bebas'), 
		url('BEBAS.woff') format('woff'), 
		url('BEBAS.ttf') format('truetype'), 
		url('BEBAS.svg#Bebas') format('svg');
		}
	
	
	h1 { color:red; }	
	h2 { 
		/*font: 1.8em 'BebasRegular';*/
		font: 1.8em Arial, Helvetica, sans-serif;
		color:#7c7d7f; 
		padding:0 0 14px 0; margin: 0 0 20px 0;
		border-bottom:1px dotted #CCC;
		/*background:url(../images/layout/itf-corner-icon.png) right 3px no-repeat;*/
		font-weight:bold;
		}		
	
	h3 { color:#797979; font: 1.2em Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 4px; }
	h4 { color:#8DC63F; }
	h5 { color:#5b5b5b; }
	h6 { color:orange; }
	
	/* colour changes */	
	/* light green */
	.second-col { color:#8dc63f; font-size: 1em; font-weight:bold;}
	.col-grey  { color:#7c7d7f; }
	
	/* font settings */
	* { font-family: Arial, Helvetica, sans-serif;}
	div#MID-SECTION { font: .81em/1.4em Arial, Helvetica, sans-serif ; color:#464646; }
	div#MID-SECTION p { margin:0 0 20px; }
	
	
	/* Links */
	a { color:#333; text-decoration:underline; }
	a:hover { color:#333; text-decoration:none; }


	/* The <hr/> is only used for page formating when 
	   all CSS is turned off by the browser ////////*/
	   
	hr {display:none;}
	
	
	
	/*div#HEADER, div#NAV, div#BANNER, div#LEFT-COLUMN, div#MID-COLUMN, div#RIGHT-COLUMN,
	div#sitemap-bar, .sub-block, .subpage-divide-block, .block-fx { 		
		background-color:#fff;		
		-moz-box-shadow: 2px 2px 4px #ccc;  
		-webkit-box-shadow: 2px 4px 4px #ccc;  
		box-shadow: 2px 2px 4px #ccc;	
		}*/	
	
	
	div#WRAPPER, div#HEADER, div#NAV, div#BANNER, div#MID-SECTION, div#FOOTER { width:991px; }
	div#NAV, div#MID-SECTION, .block-fx, .subpage-divide-block { margin: 0 0 10px; }	
	div#MID-SECTION, div#LEFT-COLUMN, div#MID-COLUMN, div#RIGHT-COLUMN { min-height:460px; height:auto !important; height:460px; }
	
	
	/* white panel */
	.block-fx, .subpage-divide-block { 
		background: #fff /*url(../images/layout/panel-edge.png) no-repeat bottom right*/;
		-moz-box-shadow: 2px 2px 4px #ccc;  
		-webkit-box-shadow: 2px 4px 4px #ccc;  
		box-shadow: 2px 2px 4px #ccc;
		padding:10px 10px 35px;
		}
		
	/* grey divider panel */	
	.subpage-divide-block { background:#f2f2f2 none; padding:20px; }
	
	


/*/////////////////////////////////////////////////////////////
	Site Structure
/////////////////////////////////////////////////////////////*/

	div#WRAPPER { 
		/*background:#E5E5E5 url(../images/layout/itf-watermark.png) right center no-repeat;
		background:#E5E5E5 url(../images/layout/itf-watermark.png) left bottom no-repeat; */
		background:#E5E5E5;
		margin:auto; padding:0 10px 10px;
		}	
	
	
	
	 
	
/*/////////////////////////////////////////////////////////////
	3. Header
/////////////////////////////////////////////////////////////*/	
			
	div#HEADER { 
		height:80px;		
		position:relative;
		padding:0;
		}
		
		/* Logo */
		#logo {
			display:block; width:215px; height:55px; margin:0; padding:0;
			background: url(../images/layout/itf-logo.png) top left no-repeat;
			position:absolute; top:10px; left:10px;
			border-bottom:none; 
			}
			
			#logo a {
				display:block; width:215px; height:55px;
				text-indent:-9999px;
				}
			
		/* Search box */
		#keyword-search {
			display:block; width:237px; height:28px; padding:0 0 0 103px; margin:0;
			background:url(../images/layout/search-bg-icon.png) left center no-repeat;
			float:right; position:absolute; bottom:10px; right: 10px;
			}
			
			#keyword-input {
				border:none; background:#898a8d url(../images/layout/search-bg.png) repeat-x top;				
				padding:5px; margin:0; width:118px; height:18px; /*line-height:2em;*/
				float:left;
				color:#424242; font-size:.75em;
				}
				
			#search-btn { width:109px; height:28px; float:right; }
	
	
	

/*/////////////////////////////////////////////////////////////
	4. Navigation tabs
/////////////////////////////////////////////////////////////*/	
	
	div#NAV {
		position: relative; z-index: 60;
		}
	
		div#NAV ul {
			height:38px; padding:1px;
			background: #276b03; 
			}			
		
			div#NAV ul li, div#NAV ul li a {
				width:auto !important; height:36px;
				display:block; float:left;

				/*
				min-width:138px;
				width:138px;
				*/
				}
			
			div#NAV ul li { 					
				margin:0 0 0 1px; padding:0;
				position:relative;
				}
				
				div#NAV ul li.first { margin:0;}
				div#NAV ul li.last { }

				div#NAV ul li ul.submenu li.first {margin:0 0 0 1px;}
			
				div#NAV ul li a { 
					width:auto !important;
					border:1px solid #bcde7e; background:url(../images/layout/navbar-bg.png) repeat-x center center; 
					line-height:2em; text-align:center; color:#fff; font-size:1em;
					text-decoration:none; padding: 0 30px;

					/*
					min-width:138px;
					width:138px;
					
					*/
					
					font-size: 97.5%;				
					
					}
					
					*:first-child+html div#NAV ul li a { padding: 0 23px 0 22px; }
					*:first-child+html div#NAV ul li.first a  { padding: 0 42px; }
					
					div#NAV ul li a:hover { 
						border:1px solid #bcde7e; 
						background:url(../images/layout/navbar-bg.png) repeat-x center center;
						text-decoration:none;
						}
				
			
			
		/* Sub menu */
		div#NAV ul li ul.submenu { 
			display:none;
			min-width:190px;
			background:#363;
			-moz-box-shadow: 1px 2px 4px #000;  
			-webkit-box-shadow: 1px 2px 4px #000;  
			box-shadow: 1px 2px 4px #000;
			position:absolute; left:0px; top:38px; z-index:999;
			height:auto;
			}
		
		div#NAV ul li:hover ul.submenu { display:block;}
		
		div#NAV ul li:hover ul.submenu li { float:none; }
		div#NAV ul li:hover ul.submenu li a {
			min-width:180px; width:auto !important; width:200px; height:auto; 
			display:block; float:none;
			font-size:.85em;
			text-align:left;
			padding:4px;
			}
			div#NAV ul li:hover ul.submenu li a:hover {text-decoration:underline;}
			
			
		
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			div#NAV ul li.last { margin-right: 0; }
			div#NAV ul li.last a { padding: 0 22px 0 23px; }
		}




/*/////////////////////////////////////////////////////////////
	5. Main banner
/////////////////////////////////////////////////////////////*/		

	div#BANNER {
		width:971px; height:133px; padding:10px;
		position:relative; z-index: 30;
		background: #fff url(/images/banner/banner-bg.jpg) center center no-repeat;
		}		
			div.slideshow {
				width:971px; height:133px; padding:0px; margin:0px;
				position:relative;				
				}
			
				div.slideshow ul.slides { height:133px; margin:0px; padding: 0; }
				
					div.slideshow ul.slides li.slide {
						visibility:hidden;
						position:absolute; left:0px; top:0px;
						}
						
						div.slideshow ul.slides li a { cursor: default !important; }
				
				
				div.slideshow ul.buttons {					
					display:block;  height:10px; margin:0px;
					position:absolute; right:10px; top:10px; z-index:100;					
					}
				
					div.slideshow ul.buttons li {
						display:inline; float:left; 
						width:10px; height:10px; margin-left:4px;						
						}
					
						div.slideshow ul.buttons li a {
							display:block;/*	 float:left; */					
							text-decoration:none;
							width:10px; height:10px;
							background: url(../images/buttons/slide_btn.png);
							background-position:-14px center;
							background-repeat:no-repeat;
							text-indent:-9999px;
							cursor: default;
							}
						
							div.slideshow ul.buttons li a:hover {
								text-decoration:none;
								background-position:-14px center;
								}
							div.slideshow ul.buttons li.ui-tabs-selected a:hover,
							div.slideshow ul.buttons li.ui-tabs-selected a,
							div.slideshow ul.buttons li.active a:hover, 
							div.slideshow ul.buttons li.active a { 
								background-position:left center; 
								}
	
	/* Text display */
	#banner-txtarea { 
		padding: 15px;
		color: white;
		position: relative;
		height: 103px;
	}
	
		#banner-txtarea .heading {
			font-size: 24px; font-weight: bold;
			text-transform: capitalize;
			margin: 0 0 6px; padding-right: 10%;
		}
		#banner-txtarea .description {
			font-size: 16px;
			width: 70%;
			/**/font-size: 14px;
			/**/font-weight: bold;
			/**/width: 85%;
		}
		#banner-txtarea .caption {
			font-size: 13px;
			position: absolute; right: 10px; bottom: 10px;
		}
		#banner-txtarea div.description {
			width: 95%;
		}
	
/*/////////////////////////////////////////////////////////////
	Main Section (CMS Area)
/////////////////////////////////////////////////////////////*/		
	
	
	/* 3 column layout */
	div#LEFT-COLUMN, div#MID-COLUMN, div#RIGHT-COLUMN  {
		float:left; 
		width: 250px; margin: 0 0 0 10px;
		position:relative;
		}
		
		div.col-default#LEFT-COLUMN, 
		div.col-default#MID-COLUMN, 
		div.col-default#RIGHT-COLUMN { 
			min-height:400px; height:auto !important; height:400px;
			width: 303px; }
		
		div.col-default#LEFT-COLUMN img, 
		div.col-default#MID-COLUMN img, 
		div.col-default#RIGHT-COLUMN img { margin: 0 0 20px 0; width:303px; }
	
/*/// HOMEPAGE //////////////////////////////////////////////*/	
		
	.why-itf, .itf-partners, .itf-news { padding:10px; }	
	.col-default { padding:10px 10px 90px; }		
	
	p.seperator-border {
		line-height:1em; text-align:center;
		position: absolute; bottom:-19px; left:0px; 
		border-top:1px dotted #ccc;
		padding: 21px 0 20px;
		width: 100%;
		}
	div.seperator-border {
		line-height:1em;
		text-align:center;
		width:100%;
	}
	a.page-btn { 
		display: inline-block; 
		padding:6px 0px 6px 7px; height:12px; min-width: 120px; width:auto !important; width:120px;
		position:relative;
		background:url(../images/buttons/button-sprites.png) 0px -26px no-repeat;
		color:#fff;	text-align:center; font-size:.9em; font-weight:bold;
		text-decoration:none;
		line-height: 12px;
		cursor:pointer;
		}	
		
		a.page-btn span.page-btn-edge {
			display:block; height:24px; width:8px;
			position:absolute; top:0px; right:-7px;
			background:url(../images/buttons/button-sprites.png) -417px -26px no-repeat;
			}
			
		a.page-btn:hover {  background:url(../images/buttons/button-sprites.png) 0px 0px no-repeat; text-decoration:none; }
		a.page-btn:hover span.page-btn-edge  {  background:url(../images/buttons/button-sprites.png) -418px 0px no-repeat; }
	
	
	
	#LEFT-COLUMN .homeleft-banner-container .banner-item {
		position: relative;
		min-height: 180px; height: auto !important; height: 180px; 	
	}
	
		#LEFT-COLUMN .homeleft-banner-container .banner-item .heading,
		#LEFT-COLUMN .homeleft-banner-container .banner-item .description { width: 230px; text-shadow: 1px 1px 1px #000000; }
	
		#LEFT-COLUMN .homeleft-banner-container .banner-item .heading { 
			top: 0px; left: 0px;
			font-size: 20px; font-weight: bold;			
			background: rgba(0,0,0,0.4);
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */    
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* IE6 & 7 */
			zoom: 1;
			padding: 10px;			
			/**/color: whiteSmoke;					
		}
		
		#LEFT-COLUMN .homeleft-banner-container .banner-item .description { 
			top: 38px;
			/**/color: #EFEFEF;
			/**/padding: 10px;
			/**/left: 0px;
			/**/background: rgba(0,0,0,0.4);
			/**/-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */    
			/**/filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* IE6 & 7 */
			/**/zoom: 1;
			/**/height: 122px;
			/**/font-weight: bold;
			
		}
	
		
		#LEFT-COLUMN .homeleft-banner-container .banner-item .morelink {
			position: absolute; bottom: 10px; right: 10px;		
		}
		
			#LEFT-COLUMN .homeleft-banner-container .banner-item .morelink a {
				display: block;
				background: #5a8c1e;
				color: white;
				text-decoration: none;
				padding: 1px 6px; margin: 0 !important;
				border: 1px solid #487d08;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
				border-radius: 8px;
				font-size: 11px;
				text-transform: capitalize;
			}
			
			#LEFT-COLUMN .homeleft-banner-container .banner-item .morelink a:hover {
				background: white;
				color: #5a8c1e
			}
	
		
		
	/*/// Left column ////////////////////////////////////////*/	

	div#LEFT-COLUMN  { margin:0; }
	
	div.why-itf#LEFT-COLUMN img { margin: 5px 0; }
	div.why-itf#LEFT-COLUMN img a { border: none; }
	
	





	/*/// Mid column /////////////////////////////////////////*/	
	
	div.itf-partners#MID-COLUMN { padding:10px; width: 411px; }
	div.itf-partners div {text-align: center;}
	
	.home-layout #MID-COLUMN p strong { font-weight: bold; }
	
		/*#MID-COLUMN .chart-box {
			margin: 0 0 1px 0;
			padding: 10px;
			color: white;
			background: url(../images/layout/chartbox-bg-gradient.png) repeat-x top #acd36c;
			text-align: left;
			border: 1px solid #5a8c1e;
			position: relative;
		}*/
		#MID-COLUMN .chart-box {
			background: url(../images/layout/chartbox-bg-gradient.png) repeat-x scroll center top #ACD36C;
			border: 1px solid #CCCCCC;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border-radius: 8px;
			color: #212121;
			float: left;
			margin: 5px;
			min-height: 200px; height: auto !important; height: 200px;
			padding: 10px 10px 25px;
			position: relative;
			text-align: left;
			width: 42%;
		}
			#MID-COLUMN .chart-box-full {
				width: 400px;
				padding: 0px;
				clear: both;
				overflow: hidden;
			}
				
				#MID-COLUMN .chart-box-full img,
				#MID-COLUMN .chart-box-full a {
					display: block; margin: 0 !important;
				}
				
		
			#MID-COLUMN .chart-box h3 { 
				font-size: 18px; /*color: white;	*/			
				border-bottom: 1px dotted #CCCCCC;
    			color: #7C7D7F;
   				padding-bottom: 14px;
			}
			
			
			#MID-COLUMN .chart-box ul {
				list-style: disc outside;
				/*margin: 15px;*/ padding: 0 15px;
				color: #464646;
			}
			
			#MID-COLUMN .chart-box .readmore {
				position: absolute; bottom: 7px; right: 7px;
				display: block;
				background: #5a8c1e;
				color: white;
				text-decoration: none;
				padding: 1px 6px; margin: 0 !important;
				border: 1px solid #487d08;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				font-size: 11px;
			}
			
				#MID-COLUMN .chart-box .readmore:hover
				 {
					background: #919295;
					/*color: #5a8c1e;*/ color: #fff;
					border-color: #666;
				}
	
		/* partner logos*/
		div.itf-partners#MID-COLUMN img, div.itf-partners#MID-COLUMN a img { float:left; margin:10px 5px; }
		.home-layout div.itf-partners#MID-COLUMN img, div.itf-partners#MID-COLUMN a img { float:none; margin:5px;}
		
		#homechart {
			margin-top: -25px;
		}
		
		
	
	

	/*/// Right column ///////////////////////////////////////*/	
					
	div#RIGHT-COLUMN  { position:relative; }	
	 
		/* news section */
		div.itf-news#RIGHT-COLUMN { padding:10px; }
		
		div.itf-news#RIGHT-COLUMN h2 { background:none; }
		p.archive-news-btn { line-height:1em; position:absolute; top:15px; right:16px; }
		
		
		/* news conatiner */
		div.news-item-container { margin:0 0 16px; padding:0; border-bottom:1px dotted #ccc; }
		
			/* news image */
			div.news-item-container .news-img { float:left; padding:0 20px 20px 0; }
		
			/* news headline */
			div.sub-layout div#MID-COLUMN div.cms-page-content-area div.news-item-container h3 { 
				color:#8DC63F; font-size:2em; margin:0 0 3px 0; padding:0 75px 0 0; 
				}
				
			div#LEFT-COLUMN div.news-item-container h3 { color:#797979; font-size:1.4em; margin:0 0 3px 0; padding:0; }
				
			/* news post date */
			div.news-item-container h5 { 
				color:#afaeae; font-size:.75em; margin:0 0 15px 0; padding:0 0 5px 0;
				border-bottom:1px dotted #ccc;
				}
				
			/* news article text */
			div.news-item-container p { margin:0 0 15px 0; line-height:1.4em; }
			div.news-item-container p br { display:none; }
				
			/* news article read more link */
			div.news-item-container p a.read-more-link { display:block; margin:5px 5px 5px 0; color:#609924; }
			div.news-item-container p a.read-more-link:hover { color:#79b329; text-decoration:underline; }
	 
	 
	 
		/* awards container */
		
		div.awards-container { 
			padding: 10px 0;
			margin-top: 10px;		
		}
		
			div.awards-container h3 { 
				border-bottom: 1px dotted #CCCCCC;
				padding: 0 0 4px;
				margin-bottom: 10px;
			}
			
			div.awards-container img {
				float:left; padding:1px; background:#e5e5e5; border:1px solid #f1f1f1;
				margin: 2px 4px 2px 0 !important;
				-moz-box-shadow: 1px 1px 4px #8d8d8d;  
				-webkit-box-shadow: 1px 1px 2px #8d8d8d;  
				box-shadow: 1px 1px 4px #8d8d8d;
				}
	
	#RIGHT-COLUMN .homeright-banner-container .banner-item {
		position: relative;
		min-height: 180px; height: auto !important; height: 180px; 	
	}
	
		#RIGHT-COLUMN .homeright-banner-container .banner-item .heading,
		#RIGHT-COLUMN .homeright-banner-container .banner-item .description { width: 230px; text-shadow: 1px 1px 1px #000000; }
	
		#RIGHT-COLUMN .homeright-banner-container .banner-item .heading { 
			top: 0px; left: 0px;
			font-size: 20px; font-weight: bold;			
			background: rgba(0,0,0,0.4);
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */    
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* IE6 & 7 */
			zoom: 1;
			padding: 10px;			
			/**/color: whiteSmoke;					
		}
		
		#RIGHT-COLUMN .homeright-banner-container .banner-item .description { 
			top: 0px;
			/**/color: #EFEFEF;
			/**/padding: 10px;
			/**/left: 0px;
			/**/background: rgba(0,0,0,0.4);
			/**/-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */    
			/**/filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* IE6 & 7 */
			/**/zoom: 1;
			/**/height: 160px;
			/**/font-weight: bold;
			
		}
	
		
		#RIGHT-COLUMN .homeright-banner-container .banner-item .morelink {
			position: absolute; bottom: 10px; right: 10px;		
		}
		
			#RIGHT-COLUMN .homeright-banner-container .banner-item .morelink a {
				display: block;
				background: #5a8c1e;
				color: white;
				text-decoration: none;
				padding: 1px 6px; margin: 0 !important;
				border: 1px solid #487d08;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
				border-radius: 8px;
				font-size: 11px;
				text-transform: capitalize;
			}
			
			#RIGHT-COLUMN .homeright-banner-container .banner-item .morelink a:hover {
				background: white;
				color: #5a8c1e
			}
	
	
/*/// SUB PAGE //////////////////////////////////////////////*/		


	/*/// left column ////////////////////////////////////////*/
	
	div.sub-layout div#LEFT-COLUMN { float:left; width:240px; /* new */ margin:0 0 180px;/* new */ }
	div.sub-layout div#LEFT-COLUMN h2 { font-size:150%; background-position:right top;  }
	
		
		/* sub options menu */
		div#subpage-menu ul.submenu li a {
			display:block; padding:5px 5px 5px 15px;
			color:#797979;
			border-bottom:1px dotted #ccc;
			background:url(../images/buttons/link-arrow.png) left center no-repeat;
			 text-decoration:none; 
			}
			div#subpage-menu ul.submenu li a:hover { 
				color:#797979; background:url(../images/buttons/link-arrow-hover.png) left center no-repeat; text-decoration:underline; 
				}
				
		.sub-block img.block-pic { margin-bottom:20px; width: 220px; }
	
	
	
	/*/// mid column ////////////////////////////////////////*/
	
	div.sub-layout div#MID-COLUMN { float:right; width:740px; /*margin: 0 0 0 10px;*/ margin: 0 0 20px 10px; }
	
		/* page title block */
		div.page-title-block { padding:10px 30px 10px 10px; width:740px; }
		div.sub-layout div#MID-COLUMN div.page-title-block { width:700px; }
		
			div.page-title-block h2 { 
				color:#8dc63f; font: 1em Arial, Helvetica, sans-serif; text-transform: capitalize;
				padding:0; margin: 0;
				border-bottom:none; background-image:none;
				}
			
			div.page-title-block h1 { 
				color:#7c7d7f; 
				/*font: 1.8em 'BebasRegular';*/	 font: 1.8em Arial, Helvetica, sans-serif;
				padding:0; margin: 0;
				border-bottom:none; background-image:none;
				word-spacing:.2em;
				}
		
		
		/* cms-page-content-area */
		
		/*div.cms-page-content-area { width:510px; float:left; padding-bottom:90px; position:relative; }*/
		div.cms-page-content-area { /*width:720px;*/ float:left; padding-bottom:90px; position:relative; }	
			div.cms-page-content-area img { margin:5px; }
			div.cms-page-content-area img.page-header  { margin: 0 0 20px 0; max-width:720px; }
		
		div.cms-page-content-area ul, div.cms-page-content-area ol  {
			margin:25px;
			list-style:outside disc;
			line-height:1.4em;
			}
			div.cms-page-content-area ol  { list-style:outside decimal; }			
			div.cms-page-content-area ul li, div.cms-page-content-area ol li { margin:0 0 12px 0; }
		
		
		div.sub-layout div.partners#MID-COLUMN div.cms-page-content-area { /*width:720px;*/ float:left; padding-bottom:90px; position:relative; }		
			div.sub-layout div.partners#MID-COLUMN div.cms-page-content-area img { margin: 0 0 20px 0; }
			
			div.sub-layout div#MID-COLUMN div.cms-page-content-area .block-fx { padding:10px 10px 20px; }
			div.sub-layout div.partners#MID-COLUMN div.cms-page-content-area .block-fx { padding:10px 10px 20px; }
			div.sub-layout div.partners#MID-COLUMN div.cms-page-content-area .block-fx p { margin:0;}
			div.sub-layout div.partners#MID-COLUMN div.cms-page-content-area .block-fx p.web-link { margin:10px 0 0 0; }
			
			div.partner-block {overflow:hidden; clear:both; /*width:760px; width:720px;*/}
			
			div.partner-block div.partner-logo { float:left; /*width:190px;*/ width:200px;}
			
			div.partner-block div.partner-text { float:left; /*width:540px;*/ width:auto; padding-right:30px}
				div.partner-block div.partner-text h3 { 
					margin:0 0 8px 0; padding: 0 0 4px 0; 
					font-size:1.4em; color:#693; 
					border-bottom:1px dotted #ccc;
					}

			div.thumb-indent .partner-text{width: 490px !important;}
		
		
		div.cms-page-content-area h3 { border-bottom:1px dotted #ccc; padding:0 0 6px; margin:0 0 8px; color:#8DC63F; }
		div.cms-page-content-area h3:first-child { border-bottom:none; padding:0; margin:0 0 4px; }
		
		div.cms-page-content-area p { padding-right:75px; }
		div.cms-page-content-area p.seperator-border  { padding-right:0; }
		div.cms-page-content-area p strong { font-weight:bold; }
		div.cms-page-content-area p em { font-style: italic; }
		
		div.cms-page-content-area .block-fx p { text-align: justify;}
		div.cms-page-content-area ul { margin-right: 80px;}
		
		
		/* sub page right column */
		
		div.subpage-right-column { width:240px; float:right; margin: 0 0 0 10px;}
		div.contact#MID-COLUMN div.subpage-right-column { width:auto;}
		
		div.subpage-right-column h2 { font-size:150%; background-position:right top;  }
			div.subpage-right-column img { margin: 0 0 20px 0; }
			
		div#vacancy { width:180px; }
		div#vacancy img { width:180px; }
			
			
			
		
		/* Breadcrumb */
		div.sub-layout div#MID-COLUMN div#breadcrumb { padding:10px; }
		div.sub-layout div#MID-COLUMN div#breadcrumb p { margin:0; }
		div.sub-layout div.default#MID-COLUMN div.block-fx#breadcrumb  { 
			margin:0 0 20px; padding:0 0 10px; border-bottom:1px dotted #ccc;
			background:none ;
			-moz-box-shadow: none;  
			-webkit-box-shadow: none;  
			box-shadow: none;
			}
		
		
	
	
	
	
	
	
	
	


/*/////////////////////////////////////////////////////////////
	9. Footer
/////////////////////////////////////////////////////////////*/	

	
	/* Sitemap link bar */
	div#sitemap-bar {
		height:14px; padding:8px;
		font-size:.75em;
		position:relative;
		background-image:none;
		}
		
		ul.footer-sitemap-links { display:block; }
			
			ul.footer-sitemap-links li {
				float:left;
				margin:0 10px 0 0; padding: 0 0 0 12px;
				background: url(../images/layout/footer-link-divider.png) center left no-repeat;
				}				
				
				ul.footer-sitemap-links li.copyright { background:none; font-weight:bold; color:#545454; padding: 0;}
				ul.footer-sitemap-links li.copyright span { font-weight:bold; }
				ul.footer-sitemap-links li.first { background:none;}
				
					ul.footer-sitemap-links li a { color:#878686; text-decoration:none; }
					ul.footer-sitemap-links li a:hover { color:#545454; text-decoration:underline; }
		
		
		.footer-logo {
			width:83px; height:21px;
			background: url(../images/layout/itf-footer-logo.png) right top no-repeat;
			position:absolute; top:3px; right:10px;
			text-indent:-9999px;
			}
		
		
	/* footer company details */
	div#footer-information {
		font-size:.7em; color:#878686; text-align:center; line-height:1.4em;
		/*padding:105px 0 5px 0;
		background:url(../images/layout/itf-footer-logo.png) center 65px no-repeat;*/
		padding:50px 0 5px 0;
		}
		
		/* Hides line breaks in the address */
		div#footer-information p br { display:none; }
		
		div#footer-information p.validation-links { color:#ccc; padding:4px; }
			
			div#footer-information p.validation-links a { color:#878686; text-decoration:underline;}
			div#footer-information p.validation-links a:hover { color:#545454; text-decoration:none;  }








.centered { text-align: center; }