/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

/* BLACKBORDER removed padding at the top and made border invisible */


/* --------------------------------------------------------------------- */
/* >>>>>                   NOTES FROM non~linear                   <<<<< */
/*                                                                       */
/* Replaced all uppercase tags with lowercase ex: Replaced DIV with div  */
/* Both in the institution.css and all HTML pages						 */
/* --------------------------------------------------------------------- */

div.blackborder {
	padding: 0px 5px 5px 5px;
	min-height: 158px;
	min-width: 9.5em;
	border: solid #000 0px;
}

/* Modified by non~linear -> Banner wasn't showing up properly on IE 5 */
	.banner-lfcoa-eng
	{
		clear: both;
	}

/* Change background color, placement and padding */

blockquote {
 background-color: #ebf8e7;
 color: #000;
 border: 1px solid #9cc782;
 font-style: italic;
 margin: 10px;
 padding-left: 10px;
 padding-right: 10px; 
}
	
/* Put Arial instead of Verdana from GENERAL in base.css */

body, p, li, div, span {
	font-family: Arial, Helvetica, sans-serif;
}

body, p, blockquote, table, td, th, li, a, ul, ol, dd, dl, dt,
form, button, fieldset, label, select, option, input, textarea {
	font-family: Arial, Helvetica, sans-serif; 
}

/* Arial instead of Verdana in Content section from base.css*/

div.center h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	font-weight: bold;
}

/* H2 H3 H4 H5 in point size and percentages */

/* Comments by non~linear -> As discussed, when a property is declared multiple times, the last one is used. In the code below, browser use the percentage value */

h2, .h2Size {
	font-size: 13.0pt;
	font-size: 130%;
}

h3, .h3Size {
	font-size: 11pt;
	font-size: 115%;
	margin-bottom:0em;
}

h4, .h4Size {
	font-size: 10pt;
	font-size: 105%;
}

h5, .h5Size {
	font-size: 9pt;
	font-size: 100%;
}

h6, .h6Size {
	font-size: 9pt;
	font-size: 100%;
}

/* COMMON MENU BAR CSS BEGINS | DEBUT DU CSS DE LA BARRE DE MENU COMMUNE changed black background color*/
div.fp, div.fpml {	
	background-color: #282E39; 	
}

li.fiptext, li.fiptexta, li.fiptextb, li.fiptextc {
	background-color: #282E39;
}

li.fiptext a, li.fiptexta a, li.fiptextb a, li.fiptextc a {	
	background-color: #282E39;	
}

/* BREAD CRUMB CSS BEGINS | DEBUT DU CSS DE LA PISTE DE NAVIGATION */

p.breadcrumb, p.breadcrumb a {
	padding: 1px 0px 5px 3px; 
	vertical-align: middle;
	font-size: 8.0pt;
	clear: both;
	margin: 0;	
}

/* LONG DESCRIPTION BEGINS */
div.longDesc	{
	height: 0; 
	width: 0; 
	overflow: hidden;
	font-size: 0;
	position: absolute;
	left: -1000px;
}
/* LONG DESCRIPTION ENDS */


/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
h2.nav {
	background-color: #5CA554; 		
	color: #FFF;
	text-decoration: none;
	line-height: 1em;
	padding-left: 8px;	
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* START Modified by non~linear -> Added the anchor styles */
	h2.feature
		{
			margin: 0 0 1px 0;
			line-height: 1em;
			background: url(/ccv-cvc-resources/images/centre_feature_top_header.jpg) no-repeat;
			padding: 4px 4px 4px 8px;
			color: #fff;
			font-size: 1.2em;
		}
		#slideshow
			{
				margin: 5px 0 5px 5px;
				padding: 0;
				padding-left: 15px;
			}
		
		/** **************************************************
		 *  THE FOLLOWING STYLES CONTROL THE SLIDESHOW BULLETS
		 * 
		 *  COMMENT OR DELETE THE OPTION YOU WISH TO REMOVE
		 */
		
			/* If you wish to keep the bullet use the following styles */	
				
				ul#slideshow li
					{
						padding: 0;
						list-style-type: square;
						color: #4371BC;
					}
				
			/* End of Bullets */
			
			/* If you wish to remove the bullets use the following styles */
				/* ul#slideshow
					{
						margin: 0;
						padding: 0;
						list-style: none;
					}
				
				ul#slideshow li
					{
						padding: 0;
						color: #4371BC;
					}
					*/
			/* End of No Bullets */
			
		#slideshow li.menucontent a
			{
				line-height: 1em;
				color: #4371BC;
			}
		#slideshow li.menucontent a:hover
			{
				text-decoration: underline;
			}
		
	.featureSS #slideinterface, .featureSS-right #slideinterface
		{
			background: url(/ccv-cvc-resources/images/centre_feature_bottom.jpg) repeat-x;
			height: 24px;
		}
	
	.featureSS-right
		{
			margin-top: 15px;
		}
		
		.featureSS-right h2.feature
			{
				margin: 0 0 1px 0;
				line-height: 1em;
				background: url(/ccv-cvc-resources/images/right_features_top.jpg) no-repeat;
				padding: 4px 4px 4px 8px;
				color: #fff;
				font-size: 1.2em;
			}
	
	div.left ul.nav li h2.nav a:link, div.left ul.nav li h2.nav a:visited
		{
			text-decoration: none;
			line-height: 1.3em;
		}
	
	div.left ul.nav li h2.nav a:hover 
		{
			text-decoration: underline;
		}
		
	li.menucontent, div.menucontent, li.menucontent_open 
		{
			padding: 2px 3px 2px 12px;
		}
/* END Modified by non~linear -> Added the anchor styles */

/* Left nav rounded corner images */
	div.left-nav-search
		{
	background: url(/ccv-cvc-resources/images/menu_round_corner_bottom.jpg) bottom no-repeat;
	padding-bottom: 6px;
	background-color: #5CA554;
	padding-left: 5px;
}
	
	div.left
		{
			background: url(/ccv-cvc-resources/images/menu_round_corner_top.jpg) top no-repeat;
			padding-top: 6px;
		}
		
	div.left-nav-search select
		{
			width: 125px;
			font: .7em Verdana, Arial, Helvetica, sans-serif;
			color: #5CA554;
		}
		
/* END -> Left nav rounded corner images */

/* New Site Map and Proactive Disclosure css */

div.left h2.map, div.left h2.proact {
	color: #589346;
	background-color: #EBF8E7;
	border-bottom: 1px solid #75B562;
	padding: 2px 3px 2px 8px;	
	font-size: 10.0pt;	
	font-weight: 100;
	margin: 0pt;
}

/* glossary */

div.left h2.gloss{
	color: #589346;
	background-color: #EBF8E7;
	border-bottom: 1px solid #75B562;
	border-top: 10px solid #5CA554;
	padding: 2px 3px 2px 8px;	
	font-size: 10.0pt;
	font-size: 100%;
	font-weight: 100;
	margin: 0pt;
}

div.left h2.proact {
	color: #589346;
	background-color: #EBF8E7;
	border-bottom: 1px solid #75B562;
	border-top: 0px;
	padding: 2px 3px 2px 8px;	
	font-size: 10.0pt;
	font-size: 100%;
	font-weight: 100;
	margin: 0pt;
}

div.left h2.map a:link, h2.map a:visited, div.left h2.gloss a:link, h2.gloss a:visited, h2.proact a:link, h2.proact a:visited {
	text-decoration: none;
	color: #589346;
}

h2.map a:hover, h2.gloss a:hover, h2.proact a:hover {
	text-decoration: underline;
}

/* SEARCH CSS */
h2.search, h2.search a:link, h2.search a:visited {
	background-color: #589346;
	color: #FFF;
	text-decoration: none;
	border: 0px;	
}
h2.search a:hover {
	text-decoration: underline;
}

/* RIGHT SIDE NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION DE DROITE */


/* START -> Styling right hand boxes */
	div.career,
	div.IAC,
	div.STIHR
		{
			width: 195px;
			margin-bottom: 15px;
		}
		div.career-Header
			{
				background: url(/ccv-cvc-resources/images/btn_careers_e.jpg) no-repeat top left;
				width: 195px;
				height: 77px;
			}
		div.IAC-Header
			{
				background: url(/ccv-cvc-resources/images/btn_interagency.jpg) no-repeat top left;
				width: 195px;
				height: 77px;
			}
		div.STIHR-Header
			{
				background: url(/ccv-cvc-resources/images/btn_stirh.jpg) no-repeat top left;
				width: 195px;
				height: 77px;
			}
	
	div.career h2,
	div.IAC h2,
	div.STIHR h2
		{
			margin: 0;
			padding: 4px 0 0 10px;
			color: #FFF;
			font-size: 1em;
		}
		
	div.career h2 a:link,
	div.career h2 a:visited,
	div.IAC h2 a:link,
	div.IAC h2 a:visited,
	div.STIHR h2 a:link,
	div.STIHR h2 a:visited
		{
			color: #FFF;
			text-decoration: none;
		}
	div.career h2 a:hover,
	div.IAC h2 a:hover,
	div.STIHR h2 a:hover
		{
			text-decoration: underline;
		}
/* END -> Styling right hand boxes */

/* HOME PAGE RIGHT HAND */
div.right p.Right-Nav {  
 color: #4371BC;
 line-height: 1.3em; 
 text-decoration: none;
 padding-top: 5px;
 padding-bottom: 5px; 
 font-size: 8pt;
 font-weight: 300; 
 padding-left: 10px;
 padding-right: 0px; 
 margin: 0;
 margin-top:0em; 
}

/* Created separate classes for anchor tags */
p.Right-Nav a:link, p.Right-Nav a:visited
{
	text-decoration: none;
	color: #4371BC;
	font-size: 8pt;
}

div.right p.Right-Nav a:hover {
	text-decoration: underline;
}

/* BLUE RIGHT INFO BOX */

.RightBox-Header-Blue h2 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 1em; BACKGROUND: url(/ccv-cvc-resources/images/right_box_head_blue.jpg) no-repeat right top; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 5px; PADDING-BOTTOM: 4px; 
}
.RightBox-Content-Blue {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #F0F5F9; 
	PADDING-BOTTOM: 1px; 
	MARGIN: 0px; 
	WIDTH: auto; 
	PADDING-TOP: 1px; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-color: #D3E2ED; 
	border-style:solid;	
}

.RightBox-Content-Blue li {
	MARGIN: 0px 0px 0px -8px;  COLOR: #6599BC; LIST-STYLE-TYPE: square;
	PADDING-LEFT: 3px;
}

/* GREEN RIGHT INFO BOX */

.RightBox-Header-Green h2 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 1em; BACKGROUND: url(/ccv-cvc-resources/images/right_box_head_green.jpg) no-repeat right top; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 5px; PADDING-BOTTOM: 4px; 
}
.RightBox-Content-Green {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #EBF8E7; 
	PADDING-BOTTOM: 1px; 
	MARGIN: 0px; 
	WIDTH: auto; 
	PADDING-TOP: 1px; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-color: #CDE6CA; 
	border-style:solid; 
}

.RightBox-Content-Green li {
	MARGIN: 0px 0px 0px -8px;  COLOR: #67BD64; LIST-STYLE-TYPE: square;
	PADDING-LEFT: 3px;
}

/* GREY RIGHT INFO BOX */

.RightBox-Header-Grey h2 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 1em; BACKGROUND: url(/ccv-cvc-resources/images/right_box_head_grey.jpg) no-repeat right top; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 5px; PADDING-BOTTOM: 4px;  
}
.RightBox-Content-Grey {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #F1F3F5; 
	PADDING-BOTTOM: 1px; 
	MARGIN: 0px; 
	WIDTH: auto; 
	PADDING-TOP: 1px; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-color: #E2E6E9; 
	border-style:solid;
}

.RightBox-Content-Grey li {
	MARGIN: 0px 0px 0px -8px;  COLOR: #8492AA; LIST-STYLE-TYPE: square;
	PADDING-LEFT: 3px;
}


/* Media GREY RIGHT INFO BOX */

.RightBox-Header-Media h2 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 0.9em; background: url(/ccv-cvc-resources/images/right_box_head_mediagrey.jpg) no-repeat right top; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 5px; PADDING-BOTTOM: 5px;  
}
.RightBox-Content-Media {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #F1F3F5; 
	PADDING-BOTTOM: 1px;
	WIDTH: auto; 
	PADDING-TOP: 1px; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-color: #E2E6E9; 
	border-style:solid;
	margin: 1px;
}

.RightBox-Content-Media li {
	margin-top: 0px; margin-bottom: 0px; margin-right: 3px; margin-left: -37px; 
	COLOR: #8492AA; LIST-STYLE-TYPE: none; background-color:#FFF;
	padding-left: 5px; padding-right: 5px; padding-top: 8px; padding-bottom: 8px;border-bottom: #d2d7df 3px solid;
}



/*BROWN RIGHT INFO BOX */
 
.RightBox-Header-Brown h2 {
 PADDING-RIGHT: 2px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 1em; BACKGROUND: url(/ccv-cvc-resources/images/right_box_head_brown.jpg) no-repeat right top; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 5px; PADDING-BOTTOM: 4px; 
}
.RightBox-Content-Brown {
 PADDING-RIGHT: 0px; 
 PADDING-LEFT: 0px; 
 BACKGROUND: #dad294; 
 PADDING-BOTTOM: 1px; 
 MARGIN: 0px; 
 WIDTH: auto; 
 PADDING-TOP: 1px; 
 border-top-width: 0px; 
 border-right-width: 1px; 
 border-bottom-width: 1px; 
 border-left-width: 1px; 
 border-color: #896a3c; 
 border-style:solid;
}
 
.RightBox-Content-Brown li {
 MARGIN: 0px 0px 0px -8px;  COLOR: #896a3c; LIST-STYLE-TYPE: square;
 PADDING-LEFT: 3px;
}
 
.RightBox-Content-Brown a {
 text-decoration: none;
 color: #000; 
}
 
/* ORANGE RIGHT INFO BOX */
 
.RightBox-Header-Orange h2 {
 PADDING-RIGHT: 2px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 1em; BACKGROUND: url(/ccv-cvc-resources/images/right_box_head_orange.jpg) no-repeat right top; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 5px; PADDING-BOTTOM: 4px; 
}
 
.RightBox-Content-Orange {
 PADDING-RIGHT: 0px; 
 PADDING-LEFT: 0px; 
 BACKGROUND: #fed7b0; 
 PADDING-BOTTOM: 1px; 
 MARGIN: 0px; 
 WIDTH: auto; 
 PADDING-TOP: 1px; 
 border-top-width: 0px; 
 border-right-width: 1px; 
 border-bottom-width: 1px; 
 border-left-width: 1px; 
 border-color: #ff7f00; 
 border-style:solid;
}
 
.RightBox-Content-Orange li {
 MARGIN: 0px 0px 0px -8px;  COLOR: #ff7f00; LIST-STYLE-TYPE: square;
 PADDING-LEFT: 3px;
}
 
.RightBox-Content-Orange a {
 text-decoration: none;
 color: #000; 
}

/* ALL INFO BOX RIGHT */

.RightBox-Content-Blue a,.RightBox-Content-Green a,  .RightBox-Content-Grey a, .RightBox-Content-Media a {
	text-decoration: none;
	color: #4371BC;	
}
.RightBox-Content-Blue a:hover,.RightBox-Content-Green a:hover, .RightBox-Content-Grey a:hover, .RightBox-Content-Brown a:hover, .RightBox-Content-Orange a:hover, .RightBox-Content-Media a:hover  {
	text-decoration: underline;
}
/* ALL INFO BOX  H2 links */
.RightBox-Header-Blue h2 a, .RightBox-Header-Green h2 a , .RightBox-Header-Grey h2 a, .RightBox-Header-Brown h2 a , .RightBox-Header-Orange h2 a, .RightBox-Header-Media h2 a {
 	text-decoration: none;
 	color: #FFF; 
}
 
.RightBox-Header-Blue h2 a:hover, .RightBox-Header-Green h2 a:hover,.RightBox-Header-Grey h2 a:hover,.RightBox-Header-Brown h2 a:hover,.RightBox-Header-Orange h2 a:hover, .RightBox-Header-Media h2 a:hover {
 	text-decoration: underline;
}
 
/* ALL INFO BOX P */
.RightBox-Content-Blue p, .RightBox-Content-Green p, .RightBox-Content-Grey p, .RightBox-Content-Brown p, .RightBox-Content-Orange p, .RightBox-Content-Media p {
 	PADDING-TOP: 5px; 
 	PADDING-BOTTOM: 3px; 
 	PADDING-RIGHT: 5px; 
 	PADDING-LEFT: 5px; 
 	WIDTH: auto; 
 	margin: 0px;
}
 
/* CENTER *** FEATURES LIST CSS */
ul.feature li {
	MARGIN-BOTTOM: 0px; COLOR: #4371BC; LIST-STYLE-TYPE: square;
	padding: 0px;  		
}

/* CENTER News Bars and content */

/* START -> Content Box with left side image */
	.center-left-img-box
		{
		}
		.left-img
			{
				float: left;
				width: 70px;
				margin-bottom: 15px;
			}
		.left-img-content
			{
				margin-left: 78px;				 
			}
			.left-img-content h3
				{
					margin-top: 0;
				}
/* END -> Content Box with left side image */


/* GREY BOX for News Items, UL NEWS and Date */
.greybox {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #EEF0F2; PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 5px;
}

div.center ul.News {
	margin: 0px;
	padding:0px;
} 

div.center .Date {
	FONT-SIZE: 1em;
	font-weight:bold;		
}

/* More News Link*/

div.center .More-News {
	
	text-align: right;
	color: #758897;
	line-height: 1.2em;
	font-size: 0.85em;
	padding: 0px;
	margin: 0px;
	text-decoration: none;		
}

div.center .More-News a:link, div.center .More-News a:visited
	{
		font-size: 1em;
		color: #758897;
		text-decoration: none;
	}

div.center .More-News a:hover {
	text-decoration: underline;	
}

/* Centre News items -> Start */
	.News-Header-Grey 	{ background: url(/ccv-cvc-resources/images/news_bar_grey.jpg) no-repeat right top; }
	.News-Header-Blue 	{ background: url(/ccv-cvc-resources/images/news_bar_blue.jpg) no-repeat right top; }
	.News-Header-Green 	{ background: url(/ccv-cvc-resources/images/news_bar_green.jpg) no-repeat right top; }
	
	.News-Header-Grey h2,
	.News-Header-Blue h2,
	.News-Header-Green h2
		{
			padding: 5px 0 4px 7px;
			font-weight: bold;
			font-size: 1em;
			color: #FFFFFF;
			margin: 0;			
		}
		
	div.center li.News-Grey		{ border-bottom: 3px solid #D2D7DF; }
	div.center li.News-Blue		{ border-bottom: 3px solid #CFDFEB; }
	div.center li.News-Green	{ border-bottom: 3px solid #CAE3C6; }
		
	div.center li.News-Grey,
	div.center li.News-Blue,
	div.center li.News-Green
		{
			color: #4371BC;
			background-color: #FFF;
			text-decoration: none;
			list-style-type: none;
			padding: 3px 1px 3px 3px;
			font-size: 1em;
				
		}
		
	div.center li a:link,
	div.center li a:visited
		{
			text-decoration: none;
			color: #4371BC;
		}
		
	div.center li a:hover
		{
			text-decoration: underline;
		}
		
	div.center li.News-Grey a:link,
	div.center li.News-Grey a:visited,
	div.center li.News-Blue a:link,
	div.center li.News-Blue a:visited,
	div.center li.News-Green a:link,
	div.center li.News-Green a:visited
		{
			font-size: 1em;
		}
	/* END -> Centre News items */ 

.more, .more a:link, .more a:visited {	
	font-weight: bold;
	text-decoration: none;
	color: #4371BC;	
}

/* Modified by non~linear -> Added div.center in front to overwrite existing style div.center a:visited located in base-insititution.css */
div.center .more a:link, div.center .more a:visited
{
	color: #4371BC;
}

.more a:hover{		
	text-decoration: underline;	
}

/* Careers Section */

div.center h1.careers {
	color: #264982;
	padding-top: 10px;
}

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* Modified by non~linear -> The following styles replace the <div class="footerline"> behavior.
   The footerline div has also been commented out on all page */
	div.footer
		{
			/* Included both options as discussed. */
			
			/* Solid Divider - Thickness and color are controlled via the border-top property */
				/*padding-top: 10px;
				border-top: 1px solid #5CA554;*/
		
			/* Gradient Background */		
			padding-top: 18px;
			background: url(/ccv-cvc-resources/images/footer.jpg) repeat-x top left;
		}
		
.mb_25	{margin-bottom: 25px;}

.notice {
   margin-bottom: auto;
   padding: 3px 3px 3px 3px;
   border-left: 1px solid;
   border-top: 1px solid;
   border-right: 1px solid;
   border-bottom: 1px solid;
   border-color: #D3E2ED;
   background-color: #F0F5F9;
   line-height: normal;
}

/* help RSS*/
 
div.center .Help-Rss {
 	color: #FFF;
 	line-height: 1.2em;
 	font-size: 0.85em;
	padding: 2px;
 	margin: 0px;
 	text-decoration: none; 
 	float: right;   
}
 
div.center .Help-Rss a:link, div.center .Help-Rss a:visited
 {
  font-size: 1em;
  color: #FFF;
  text-decoration: none;
 }
 
div.center .Help-Rss a:hover {
 text-decoration: underline; 
}

/* Research Profile At a Glance CSS STARTS | DEBUT */

div.glance
{
	float:right;
	width:250px;
	background-color: #F0F5F9;
	border:1px solid #D3E2ED;
	margin-left: 5px;
	margin-bottom: 5px;
}

div.glance h2
{
	font-family: Arial, Helvetica, sans-serif;	
	background-color: #76A4C5; 
	padding: 5px;
	margin: 0;
	color:#FFFFFF;	
	font-size: 10pt;
	font-size: 100%;
	text-align:center;			
}

div.glance p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-size: 100%;
	padding: 7px;
	margin: 0;	
	font-weight: 300;			
}

/* Research Profile At a Glance CSS END | FIN  */

/* Q&A CSS STARTS | DEBUT */

div.qaLeft
{
	float: left;
	width: 250px;
	background-color: #F0F5F9;
	border: 1px solid #76A4C5;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 90%;
}

div.qaRight
{
	float: right;
	width: 250px;
	background-color: #F0F5F9;
	border: 1px solid #76A4C5;
	margin-left: 5px;
	margin-bottom: 5px;
	font-size: 90%;
}

div.qaLeft p, .qaRight p
{
	padding: 7px;
	margin: 0;
	font-size: 90%;
	font-weight: bold;
}

div.qaLeft li, .qaRight li
{
	padding-right: 7px;
	margin: 0 0 0 -8px;
	list-style-type: square;
}

div.qaLeft h2, .qaRight h2
{
	background-color: #76A4C5; 
	padding: 5px;
	margin: 0;
	color:#FFFFFF;	
	font-size: 10pt;
	font-size: 100%;
	text-align:center;			
}

/* Q&A CSS END | FIN  */

/* Funding Tables CSS STARTS | DEBUT  */

/* Adding CSS for Funding because... Warnings and errors are detected ...
Errors received during converting with Tidy: <class> is not recognized!  */

.fundBox {
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 3px 3px 3px 5px;
	border-left: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	background-color: #ECECEC;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
}

.Fund-GAGTextIndent {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 25px;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.95em;
}

.Fund-GAGText {
	margin-top: 0px;
	margin-bottom: 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.95em;
}

.Fund-TableBox, .Fund-TableBox td {
	border-bottom: #5ca554 1px solid;
}

.Fund-TableTitle {
 	padding-right: 4px; 
	padding-left: 4px; 
	font-weight: bold; 
	font-size: 0.95em; 
	padding-bottom: 4px; 
	vertical-align: top; 
	color: white; 
	padding-top: 4px; 
	font-family: arial, helvetica, sans-serif; 
 	background-color: #5ca554; 
	text-align: left;
}

th.Fund-TableDate {
	text-align: right;
	background-color: #5CA554;
	color: white;
	vertical-align: top;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.95em;
	padding: 4px 4px 4px 4px;
}

td.Fund-TableBox2 {
   font-family: arial, helvetica, sans-serif;
   text-align: left;
   font-size: 0.95em;
   padding: 6px 0px 8px 4px;
   border-bottom: 1px solid #CCCCCC;
}

.Fund-TableText {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.95em;
	padding: 4px 4px 4px 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.Fund-TableTextDate {
	font-family: arial, helvetica, sans-serif;
	text-align: right;
	font-size: 0.95em;
	padding: 4px 4px 4px 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.Fund-TableSubHeading {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: normal;
	padding: 4px 4px 4px 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #ECECEC;
	border-bottom: 1px solid #5CA554;
}

p.funding-legend {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1em;
	background-color: #ECECEC;
}

/* Funding Tables CSS END | FIN  */

<!-- Vanilla template margin for popup forms -->
.vanilla_margin {
	margin: 10px;
}

/* Stories BEGINS */

#stories ul
, #stories ul li 
{
	margin: 0; padding: 0;
	list-style: none;
}

#stories img {
	display: block;
	border: 0;
}

/* Spotlight area (highlighted story) */
#stories #stories-spotlight {
	float: left;
	width: 375px;
	border-style: solid;
	border-color: white;
	border-width: 0 1px 1px 0;
	position: relative;
	background-color: black;
	height: 181px;
}

#stories #stories-spotlight li
, .js-enabled #stories #stories-spotlight li.active {
	/* Default is hidden */
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

#stories #stories-spotlight li.active {
	display: block;
}

#stories #stories-spotlight li a {
 	position: absolute;
	bottom: 0;
	left: 0;
	padding: 16px 200px 16px 30px;
	width: 200px;
	font-weight: bold;
	font-size: 1.2em;
	color: white;
	text-decoration: none;
	background-image: url(/img/bg-black-60pc-trans.png);
}

#stories #stories-spotlight li a:hover
, #stories #stories-spotlight li a:focus {
	text-decoration: none;
}

#stories #stories-spotlight li a span.read-more {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 87px;
	height: 28px;
}
.fr #stories #stories-spotlight li a span.read-more {
	width: 89px;
}

/* Spotlight area 2-4 (loopers) */
#stories #stories-spotlight2 {
	float: left;
	width: 120px;
	border-style: solid;
	border-color: white;
	border-width: 0 1px 1px 0;
	position: relative;
	background-color: black;
	height: 160px;
	margin-left:7px;
}

#stories #stories-spotlight2 li
, .js-enabled #stories #stories-spotlight2 li.active {
	/* Default is hidden */
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

#stories #stories-spotlight2 li.active {
	display: block;
}

#stories #stories-spotlight3 {
	float: left;
	width: 120px;
	border-style: solid;
	border-color: white;
	border-width: 0 1px 1px 0;
	position: relative;
	background-color: black;
	height: 160px;
	margin-left:3px;
	margin-right:3px;
}


#stories #stories-spotlight3 li
, .js-enabled #stories #stories-spotlight3 li.active {
	/* Default is hidden */
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

#stories #stories-spotlight3 li.active {
	display: block;
}

#stories #stories-spotlight4 {
	float: left;
	width: 120px;
	border-style: solid;
	border-color: white;
	border-width: 0 1px 1px 0;
	position: relative;
	background-color: black;
	height: 160px;	
}

#stories #stories-spotlight4 li
, .js-enabled #stories #stories-spotlight4 li.active {
	/* Default is hidden */
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

#stories #stories-spotlight4 li.active {
	display: block;
}

/* Tabs */
#stories-tabs li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;	
}

/* Stories ENDS */

/* Media Room BEGINS */

hr.media-hr {
	height: 1px;
	color: #CCC;
	background-color: #CCC;
	border-width: 0;
}

.image-left-media {
	FLOAT: left; VERTICAL-ALIGN: text-top; padding-bottom: 5px;
}

.text-media {
	font-size: 0.9em;
}

div.colWidth50 {
	padding-right: 0px; 
	padding-left: 0px;
	float:left;
	padding-bottom:: 3px;
	margin: 0px 4px 0px 0px;
	width: 48%;
	padding-top: 0px;
}

div.mediabox {

	PADDING-LEFT: 20px;
	background-image: url(/ccv-cvc-resources/images/media_gradient.jpg);
	background-color: #f4f4f4;
	MARGIN: 0px;
	padding-bottom: 0px;
	WIDTH: auto; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-color: #E2E6E9; 
	border-style:solid;
	padding-top: 5px;
	
	}
	
div.mediabox h2 {
	font-size: 13.0pt;
	font-size: 130%;
	color: #8ba5ba;
	line-height: 0em;
	
	}
	
div.socialmediabox {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	BACKGROUND: #fcfbfb; 
	PADDING-BOTTOM: 10px;
	WIDTH: auto; 
	PADDING-TOP: 1px; 
	border-top-width: 1px;
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-color: #eaebed; 
	border-style:solid;
	margin: 1px;

}

	
div.socialmediabox h2 {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px;
	padding-top: 10px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.2em;
	MARGIN: 0px; 
	COLOR: #9aa4ab;
}

div.socialmediabox p {
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 5px; 
	FONT-SIZE: 0.9em;
	COLOR: #000;
	margin: 2px;
}

div.socialmediabox a:link, div.socialmediabox a:hover, div.socialmediabox a:visited {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 2px; 
	COLOR: #4371bc;
	text-decoration: underline;
	margin: 2px 0px 2px 0px;
	font-size: 95%;

}
	
	


/* Media Room  ENDS */