/* * * * * * * * * * * * * * *
 * Styles for the Home page  *
 * * * * * * * * * * * * * * */
 
/* 
 * main banner images
 *
 */
   
.container-full-screen { 
	position: relative ;
	width: auto ;
	max-width: 2000px ;
	margin: 0 auto ;
	}

#BANNERCONTAINER {
	overflow: hidden ;
	}

	.banner-item { 
		position: relative ;  
		overflow: hidden ; 
		height: 500px ; 
		background-position: center center ;
		background-repeat: no-repeat ;
		background-attachment: scroll ;
		}

	.banner-item-level-article	{ z-index: 8 ; 	display: none ;	position: absolute ; top: 0 ; bottom: 0 ; left: 0 ; right: 0 ; width: 100% ; height: 100% ; }

	#BANNER00 					{  				display: block ; position: relative ; }

		.banner-item .container_12 {
			height: 100% ;
			max-width: 960px ;
		}
			.banner-item .container-table {
				display: table ;
				width: 100% ;
				height: 90% ;
			}
				.lt-ie8 .banner-item table {	/* IE < 8 don't know display: table/table-cell, so server dishes up html table instead */
					width: 100% ;
					height: 90% ;
				} 
			
				.banner-item .container-cell {
					display: table-cell ;
					padding: 2% 2% 2% 2% ;
					vertical-align: middle ;
					text-align: center ;
				}
					.lt-ie8 .banner-item table {
						vertical-align: middle ;
						text-align: center ;
					}
					
					.banner-box-text {
						padding: 0.75em ;
					}
					
					.banner-item h1 {
						color: white ;
						font-size: 3em ;
						padding-top: 0.25em ;
					}
					.banner-item p.text {
						color: white ;
						font-size: 2.45em ; /* 2.65em ; */
						font-weight: bold ;
						margin: 0 ;
						padding: 0.25em 0.5em ;
					}
					.banner-item p.link {
						color: white ;
						font-size: 1.64em ;
						margin: 0 ;
						padding: 0.25em 0.5em 0.35em 0.25em ;
						
					}
					.banner-item p.link a {
						color: white ;
						text-decoration: underline ;
					}



/* * * * * * * * * * * * * * *
 * 3 x vertical pop-up boxes 
 * * * * * * * * * * * * * * */

.info-box-container {
	position: relative ;
	height: 98px ;
	border-bottom: 1px solid #e2e2e2 ; 		
	}

	.info-box-wrapper {
		position: absolute ;
	
		top: 0 ;
		right: 0 ;
		bottom: 0 ;
		left: 0 ;
		padding: 0 ;
		margin: 0 ;
		
		height: 100% ;				/* ie7 wants this .. others don't really care ... */
		width: 100% ;
		
	}

	
	/*
	 * info-box - core container for each section pop-up 
	 * - not using grid_* classes - position & float clashes ...
	 */
	.info-box {
		position: absolute ;
		bottom: 0 ;
		width: 31.333%;				/* 31.333% is grid_4's width */
		margin: 50px 1% 0 1% ; 		/* 1% is grid_4's margins */
		height: 105px ;				/* 98 (height) + 7px (border) = 105 */
		display: block ;
		text-align: center ;
		
		z-index: 50 ;				/* make it sit above the banner layers */
		
		padding: 0 ;
	
	}
	
		/* 
		 * info-box - position each section box (mimic grid_4)
		 */
		.info-box-1 { left: 0 ; }
		.info-box-2 { left: 33.333% ; }
		.info-box-3 { left: 66.666% ; }
	
	
		/* box title */
		.info-box h2 {
			position: absolute ;
			bottom: 22px ;
			left: 0 ;
			right: 0 ;
			font-size: 2em ;
			color: inherit ;
		}
	
		/* emblem box */	
		.info-box .emblem-wrapper {
			position: relative ;
		
			border-top-width: 7px ;
			border-top-style: solid ; 
			border-top-color: inherit ; 
	
			font-size: 1em ;
			line-height: 1 ;
			margin-bottom: 0 ;
	
			height: 42px ;			/* 84 / 2 */
			
			}
		
			.info-box .emblem {
				text-align: center ;
				position: absolute ;
				left: 0 ;
				right: 0 ;
				top: -49px ;			/* 84 / 2 = 42 + 7px (border) = 49 ... */
				/* overflow: visible ; */
				display: block ;
				
				height: 84px ;
				width: 84px ;
				
				margin: 0 auto ; 
				}
			
				.info-box .emblem-infinity-red 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 0 ; }
				.info-box .emblem-infinity-cyan 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -84px ; }
				.info-box .emblem-infinity-green 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -168px ; }
				.info-box .emblem-infinity-blue-bright 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -252px ; }
				.info-box .emblem-infinity-navy 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -336px ; }
				.info-box .emblem-infinity-magneta 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -420px ; }
				.info-box .emblem-infinity-yellow 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -504px ; }
				.info-box .emblem-infinity-pink 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -588px ; }
				.info-box .emblem-infinity-magneta-dull	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -672px ; }
				.info-box .emblem-infinity-orange		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -756px ; }
				.info-box .emblem-infinity-orange-f15a24	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -840px ; }
				.info-box .emblem-infinity-lilac-8d97b8		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -924px ; }
				.info-box .emblem-infinity-pink-d4145a		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -1008px ; }

				.info-box .emblem-infinity-ti-green		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -1092px ; }
				.info-box .emblem-infinity-ti-pink		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -1176px ; }
				.info-box .emblem-infinity-ti-navy		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -1260px ; }
				.info-box .emblem-infinity-ti-gray		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -1344px ; }				
				.info-box .emblem-infinity-ti-lightgray	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -1428px ; }
				.info-box .emblem-infinity-ti-gray-std	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -1512px ; }				
																				
				.info-box .emblem-infinity-tia-rolling-stone 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -1512px ; }																				
				.info-box .emblem-infinity-tia-dark-pink 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -1596px ; }
				.info-box .emblem-infinity-tia-black-currant 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -1680px ; }
				.info-box .emblem-infinity-tia-lochmara 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -1764px ; }
				.info-box .emblem-infinity-tia-light-sky-blue 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat 0 -1848px ; }
																

				.info-box .emblem-book-red 				{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px 0 ; }
				.info-box .emblem-book-cyan 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -84px ; }
				.info-box .emblem-book-green 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -168px ; }
				.info-box .emblem-book-blue-bright 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -252px ; }
				.info-box .emblem-book-navy 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -336px ; }
				.info-box .emblem-book-magneta 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -420px ; }
				.info-box .emblem-book-yellow 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -504px ; }
				.info-box .emblem-book-pink 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -588px ; }
				.info-box .emblem-book-magneta-dull		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -672px ; }
				.info-box .emblem-book-orange			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -756px ; }
				.info-box .emblem-book-orange-f15a24	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -840px ; }
				.info-box .emblem-book-lilac-8d97b8		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -924px ; }
				.info-box .emblem-book-pink-d4145a		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -1008px ; }

				.info-box .emblem-book-ti-green			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -1092px ; }
				.info-box .emblem-book-ti-pink			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -1176px ; }
				.info-box .emblem-book-ti-navy			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -1260px ; }
				.info-box .emblem-book-ti-gray			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -1344px ; }				
				.info-box .emblem-book-ti-lightgray		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -1428px ; }
				.info-box .emblem-book-ti-gray-std		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -1512px ; }

				.info-box .emblem-book-tia-rolling-stone 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -1512px ; }																				
				.info-box .emblem-book-tia-dark-pink 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -1596px ; }
				.info-box .emblem-book-tia-black-currant 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -1680px ; }
				.info-box .emblem-book-tia-lochmara 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -1764px ; }
				.info-box .emblem-book-tia-light-sky-blue 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -84px -1848px ; }


				.info-box .emblem-circles-red 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px 0 ; }
				.info-box .emblem-circles-cyan 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -84px ; }
				.info-box .emblem-circles-green 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -168px ; }
				.info-box .emblem-circles-blue-bright 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -252px ; }
				.info-box .emblem-circles-navy 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -336px ; }
				.info-box .emblem-circles-magneta 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -420px ; }
				.info-box .emblem-circles-yellow 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -504px ; }
				.info-box .emblem-circles-pink 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -588px ; }
				.info-box .emblem-circles-magneta-dull	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -672px ; }
				.info-box .emblem-circles-orange 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -756px ; }
				.info-box .emblem-circles-orange-f15a24	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -840px ; }
				.info-box .emblem-circles-lilac-8d97b8	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -924px ; }
				.info-box .emblem-circles-pink-d4145a	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -1008px ; }
				
				.info-box .emblem-circles-ti-green		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -1092px ; }
				.info-box .emblem-circles-ti-pink		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -1176px ; }
				.info-box .emblem-circles-ti-navy		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -1260px ; }
				.info-box .emblem-circles-ti-gray		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -1344px ; }				
				.info-box .emblem-circles-ti-lightgray	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -1428px ; }
				.info-box .emblem-circles-ti-gray-std	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -1512px ; }

				.info-box .emblem-circles-tia-rolling-stone 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -1512px ; }																				
				.info-box .emblem-circles-tia-dark-pink 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -1596px ; }
				.info-box .emblem-circles-tia-black-currant 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -1680px ; }
				.info-box .emblem-circles-tia-lochmara 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -1764px ; }
				.info-box .emblem-circles-tia-light-sky-blue 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -168px -1848px ; }



				.info-box .emblem-blank-red 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px 0 ; }
				.info-box .emblem-blank-cyan 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -84px ; }
				.info-box .emblem-blank-green 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -168px ; }
				.info-box .emblem-blank-blue-bright 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -252px ; }
				.info-box .emblem-blank-navy 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -336px ; }
				.info-box .emblem-blank-magneta 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -420px ; }
				.info-box .emblem-blank-yellow 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -504px ; }
				.info-box .emblem-blank-pink 			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -588px ; }
				.info-box .emblem-blank-magneta-dull	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -672px ; }
				.info-box .emblem-blank-orange			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -756px ; }
				.info-box .emblem-blank-orange-f15a24	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -840px ; }
				.info-box .emblem-blank-lilac-8d97b8	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -924px ; }
				.info-box .emblem-blank-pink-d4145a		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -1008px ; }
				
				.info-box .emblem-blank-ti-green		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -1092px ; }
				.info-box .emblem-blank-ti-pink			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -1176px ; }
				.info-box .emblem-blank-ti-navy			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -1260px ; }
				.info-box .emblem-blank-ti-gray			{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -1344px ; }				
				.info-box .emblem-blank-ti-lightgray	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -1428px ; }
				.info-box .emblem-blank-ti-gray-std		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -1512px ; }

				.info-box .emblem-blank-tia-rolling-stone 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -1512px ; }																				
				.info-box .emblem-blank-tia-dark-pink 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -1596px ; }
				.info-box .emblem-blank-tia-black-currant 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -1680px ; }
				.info-box .emblem-blank-tia-lochmara 		{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -1764px ; }
				.info-box .emblem-blank-tia-light-sky-blue 	{ background: transparent url('/Sectors/TI/TI.nsf/images/icon-emblems-sprite.png') no-repeat -252px -1848px ; }




		/* section box's details (initially hidden, then hover shows it */	
		.info-box .info-box-details {
			padding: 0 1%;
			width: 98% ;
			
			overflow: hidden;
			height: 0 ;	
		}
	
		.info-box ul {
			list-style: none ;
			margin: 0 ;
			padding: 0 ;
		}
		.info-box ul li a {
			padding: 0.35em ;
			display: inline-block ;
		}
	
		/* links */
		.info-box a { color: inherit ; }
	
	


/* 
 * colour schemes  
 */
.theme-red							{ border-color: 	#DC3030 ; }
.theme-red div						{ border-color: 	#DC3030 ; }
.theme-red:hover		 			{ background-color: #DC3030 ; }

.theme-cyan 						{ border-color: 	#50B6CC ; }
.theme-cyan div						{ border-color: 	#50B6CC ; }
.info-box.theme-cyan:hover			{ background-color: #50B6CC ; }

.theme-green 						{ border-color: 	#65B52F ; }
.theme-green div					{ border-color: 	#65B52F ; }
.info-box.theme-green:hover 		{ background-color: #65B52F ; }



.theme-blue-bright					{ border-color: 	#33B0F2 ; }
.theme-blue-bright div				{ border-color: 	#33B0F2 ; }
.info-box.theme-blue-bright:hover	{ background-color: #33B0F2 ; }

.theme-navy							{ border-color: 	#151D97 ; }
.theme-navy div						{ border-color: 	#151D97 ; }
.info-box.theme-navy:hover			{ background-color: #151D97 ; }

.theme-magneta 						{ border-color: 	#AF07D0 ; }
.theme-magneta div					{ border-color: 	#AF07D0 ; }
.info-box.theme-magneta:hover		{ background-color: #AF07D0 ; }

.theme-yellow 						{ border-color: 	#f7de03 ; }
.theme-yellow div					{ border-color: 	#f7de03 ; }
.info-box.theme-yellow:hover		{ background-color: #f7de03 ; }

.theme-pink 						{ border-color: 	#ec008c ; }
.theme-pink div						{ border-color: 	#ec008c ; }
.info-box.theme-pink:hover			{ background-color: #ec008c ; }

.theme-magneta-dull					{ border-color: 	#bb83b4 ; }
.theme-magneta-dull div				{ border-color: 	#bb83b4 ; }
.info-box.theme-magneta-dull:hover	{ background-color: #bb83b4 ; }


.theme-orange						{ border-color: 	#ee4a25 ; }
.theme-orange div					{ border-color: 	#ee4a25 ; }
.info-box.theme-orange:hover		{ background-color: #ee4a25 ; }

.theme-orange-f15a24				{ border-color: 	#f15a24 ; }
.theme-orange-f15a24 div			{ border-color: 	#f15a24 ; }
.info-box.theme-orange-f15a24:hover	{ background-color: #f15a24 ; }

.theme-lilac-8d97b8					{ border-color: 	#8d97b8 ; }
.theme-lilac-8d97b8 div				{ border-color: 	#8d97b8 ; }
.info-box.theme-lilac-8d97b8:hover	{ background-color: #8d97b8 ; }

.theme-pink-d4145a					{ border-color: 	#d4145a ; }
.theme-pink-d4145a div				{ border-color: 	#d4145a ; }
.info-box.theme-pink-d4145a:hover	{ background-color: #d4145a ; }


/* technology ireland colour schemes */
.theme-ti-green						{ border-color:		#00C7B2 ; }
.theme-ti-green div 				{ border-color:		#00C7B2 ; }
.info-box.theme-ti-green:hover		{ background-color:	#00C7B2 ; }

.theme-ti-pink						{ border-color:		#D71F85 ; }
.theme-ti-pink div 					{ border-color:		#D71F85 ; }
.info-box.theme-ti-pink:hover		{ background-color:	#D71F85 ; }

.theme-ti-navy						{ border-color:		#002663 ; }
.theme-ti-navy div 					{ border-color:		#002663 ; }
.info-box.theme-ti-navy:hover		{ background-color:	#002663 ; }

.theme-ti-gray						{ border-color:		#C7C2BA ; }
.theme-ti-gray div 					{ border-color:		#C7C2BA ; }
.info-box.theme-ti-gray:hover		{ background-color:	#C7C2BA ; }

.theme-ti-lightgray					{ border-color:		#D5D2CA ; }
.theme-ti-lightgray div 			{ border-color:		#D5D2CA ; }
.info-box.theme-ti-lightgray:hover	{ background-color:	#D5D2CA ; }

.theme-ti-gray-std						{ border-color:		#808080 ; }
.theme-ti-gray-std div 					{ border-color:		#808080 ; }
.info-box.theme-ti-gray-std:hover		{ background-color:	#808080 ; }

/* tia awards */
.theme-tia-rolling-stone					{ border-color:		#5F7C77 ; }
.theme-tia-rolling-stone div 				{ border-color:		#5F7C77 ; }
.info-box.theme-tia-rolling-stone:hover		{ background-color:	#5F7C77 ; }

.theme-tia-dark-pink						{ border-color:		#E94981 ; }
.theme-tia-dark-pink div	 				{ border-color:		#E94981 ; }
.info-box.theme-tia-dark-pink:hover			{ background-color:	#E94981 ; }

.theme-tia-black-currant					{ border-color:		#210F3B ; }
.theme-tia-black-currant div 				{ border-color:		#210F3B ; }
.info-box.theme-tia-black-currant:hover		{ background-color:	#210F3B ; }

.theme-tia-lochmara							{ border-color:		#296CB5 ; }
.theme-tia-lochmara div 					{ border-color:		#296CB5 ; }
.info-box.theme-tia-lochmara:hover			{ background-color:	#296CB5 ; }

.theme-tia-light-sky-blue					{ border-color:		#8FD4F6 ; }
.theme-tia-light-sky-blue div 				{ border-color:		#8FD4F6 ; }
.info-box.theme-tia-light-sky-blue:hover	{ background-color:	#8FD4F6 ; }


.info-box:hover * 					{ color: white ; }
.info-box:hover h2 a				{ text-decoration: none ; }

 
/* 
 * make vertical-boxes appear on hover .. 
 */

.info-box:hover {
	height: 230px ;			/* increase existing height to accomodate info-box-details */
}
.info-box:hover .info-box-details {
	height: 130px ;			/* increase height from 0 to 100 to show details ... */
}


/*
 *
 *
 */
 
  
/* * * * * * * * * * * *
 * 3 x article columns 
 * * * * * * * * * * * */
.container-articles-listing {
	padding-top: 1.75em ;
	}

	.articles-listing article h1 {
		font-size: 1.6em ;
		font-weight: normal ;
		padding-bottom: 0.15em ;
		}
	.container-articles-listing article ul {
		margin: 0 ;
		padding: 0 ;
		list-style: none ;
	}		
		.container-articles-listing article ul li {
			border-bottom-width: 1px ;
			padding: 0.7em 0 ;
		}		
		.container-articles-listing article ul li.last {
			border-bottom-width: 0 ;
		}
				
			.articles-listing article h3 {
				font-size: 1.15em ;
				color: #353535 ;
				padding-bottom: 0.2em ;
				}
			.articles-listing article ul li p {
				margin: 0 ;
				padding: 0 ;
				font-size: 0.9em ;
				color: #959595 ;
				}

		/* video box - fluid width/height code ; see: http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */
		/* .. moved to generic css file.
		.container-articles-listing .article-video-box {
			margin-top: 1em ;
			margin-bottom: 1em ;
			position: relative ;
			padding-bottom: 56.25% ;   16:9 .. 500 x 281 ..
			padding-top: 5px ;
			height: 0 ;
		}
			.container-articles-listing .article-video-box iframe {
				position: absolute ;
				top: 0 ;
				left: 0 ;
				width: 100% ;
				bottom: 100% ;
			}
		*/	

		/* text box */
		.container-articles-listing .article-text-box p {
			font-size: 0.9em ;
		}


	.container-articles-listing .articles-view-more {
		margin-top: 0.9em ;
		font-size: 0.9em ;
	}
		.container-articles-listing .articles-view-more a {
			padding: 0.75em 0.75em 0.75em 0 ;
		}
 
 

.banner-transparency {
	/* *
	 * Fallback for web browsers that doesn't support RGBa 
	 * - Set to none/transparent ; for IE &lt; 9
	 * */
	background: transparent ;
	 
	/* RGBa with 0.7 opacity. IE 9 + knows rgba ... */
	background: rgba(000, 000, 000, 0.3);
	 
	/* IE 5.5-7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000) ;
	 
	/* IE 8, IE9, possibly IE10 */
	fxilter: "progid:DXImageTransform.Microsoft.gradient( startColorstr=#4C000000, endColorstr=#4C000000 )";
}	
	

	
	.banner-box-link {
		display: block ;
	}
	.banner-box-link:hover {
		text-decoration: none ;
	}
	.banner-box-link:hover.banner-transparency {
		background: transparent ;
	 
		/* RGBa with 0.7 opacity. IE 9 + knows rgba ... */
		background: rgba(000, 000, 000, 0.6);
		 
		/* IE 5.5-7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000) ;
		 
		/* IE 8, IE9, possibly IE10 */
		fxilter: "progid:DXImageTransform.Microsoft.gradient( startColorstr=#99000000, endColorstr=#99000000)";
	}
	
		.lt-ie9 .banner-transparency {
			zoom: 1 ;		/* forces transparency background to work */
		}