/* CLF 2.0 INSTITUTIONAL VERSION 1.05.06					*/
/* institution.css  version 1.05.06  for CIDA | pour l'ACDI  (2009-06-09)	*/

/* ---------------------------------------------------------------------------- */
/* New in 1.05.06 (2009-06-09)							*/
/*										*/
/* - New classes:	TEXT UTILITY CSS	.border-025685			*/
/*						.border-48a0d2			*/
/*						.background-025685		*/
/*						.background-48a0d2		*/
/*										*/
/* - Redefined:		GENERAL NAVIGATION CSS	div.center h2.nav		*/
/*						div.center h2.nav a:link	*/
/*						div.center h2.nav a:visited	*/
/*						div.center div.h2nav		*/
/*						div.center div.h2nav a:link	*/
/*						div.center div.h2nav a:visited	*/
/*						div.center p.h2nav		*/
/*						div.center p.h2nav a:link	*/
/*						div.center p.h2nav a:visited	*/
/*										*/
/*			CONTENT CSS		div.border			*/
/*										*/
/*			SUBSECTION		div.subsection h2		*/
/*						div.subsection-midhp h2		*/
/*						div.subsection h1.homenews	*/
/*										*/
/*			INDEX			div.alph-index			*/
/*										*/
/*			SPOTLIGHT		div.box-header			*/
/*						div.box-header-midhp-news-right	*/
/*										*/
/*			SITEPAGE CONTENT	div.sitepage-right		*/
/* ---------------------------------------------------------------------------- */
/* New in 1.05.05 (2009-04-16)							*/
/*										*/
/* - New classes:	SUBSECTION		div.subsection-midhp		*/
/*						div.subsection-midhp-news-right	*/
/*						div.subsection-midhp h2		*/
/*						div.subsection h1.homenews	*/
/*						.subsection-midhp ul		*/
/*						.subsection-midhp ul li		*/
/*						.subsection-midhp a		*/
/*						.subsection-midhp a:link	*/
/*						.subsection-midhp a:visited	*/
/*						.subsection-midhp a:hover	*/
/*						.subsection-midhp a:active	*/
/*						.subsection-midhp a:focus	*/
/*										*/
/*			SPOTLIGHT		div.box-header-midhp-news-right	*/
/*										*/
/* - Redefined:		SUBSECTION		div.subsection h2		*/
/*										*/
/*			SPOTLIGHT		div.box-header			*/
/* ---------------------------------------------------------------------------- */
/* New in 1.05.04 (2009-03-25)							*/
/*										*/
/* - New classes:	TEXT UTILITY CSS	.height3px			*/
/*						.height4px			*/
/*						.height6px			*/
/*						.height7px			*/
/*						.height8px			*/
/*						.height9px			*/
/*						.height10px			*/
/*						.height11px			*/
/*						.height12px			*/
/*						.height13px			*/
/*						.height14px			*/
/*						.height15px			*/
/* ---------------------------------------------------------------------------- */
/* New in 1.05.03 (2009-03-05)							*/
/*										*/
/* - New classes:	TABLE CSS						*/
/*						table.size90			*/
/*						table.size70			*/
/*						table.size30			*/
/*						table.size10			*/
/*						table.size90-noborder		*/
/*						table.size70-noborder		*/
/*						table.size30-noborder		*/
/*						table.size10-noborder		*/
/*										*/
/*			ALIGNMENT UTILITY CSS	.float-center			*/
/*						.margin-left10			*/
/*						.margin-right10			*/
/*						.margin-top10			*/
/*						.margin-bottom10		*/
/*						.line-height0			*/
/*										*/
/*			TEXT UTILITY CSS	div.container-portrait		*/
/*						div.container-landscape		*/
/* ---------------------------------------------------------------------------- */
/* New in 1.05.02 (2008-12-16)							*/
/*										*/
/* - New classes:	GENERAL CSS BEGINS	div.right60			*/
/*						div.left40			*/
/*										*/
/*			CUSTOM SECTION						*/
/*				- SUBSECTION	div.subsection h1.homenews	*/
/*										*/
/* - Redefined:		CUSTOM SECTION						*/
/*				- SUBSECTION	div.subsection h2		*/
/* ---------------------------------------------------------------------------- */
/* New in 1.05 (2008-12-03)							*/
/*										*/
/* - Removed:		GENERAL NAVIGATION CSS	li.submenucontent		*/
/*						div.submenucontent		*/
/*						a.submenulink			*/
/*						a.submenulink:hover		*/
/* ---------------------------------------------------------------------------- */
/* New in 1.04.03.03 (2008-10-08)						*/
/*										*/
/* - New classes:	TABLE CSS						*/
/*						table.border			*/
/*						table.border th			*/
/*						table.border td			*/
/*										*/
/*			TEXT UTILITY		ul.bullet-checkbox		*/
/*										*/
/* - Redefined:		TABLE CSS						*/
/*						table				*/
/*						table.size100			*/
/*						table.size80			*/
/*						table.size60			*/
/*						table.size50			*/
/*						table.size40			*/
/*						table.size20			*/
/*						table.size100-noborder		*/
/*						table.size80-noborder		*/
/*						table.size60-noborder		*/
/*						table.size50-noborder		*/
/*						table.size40-noborder		*/
/*						table.size20-noborder		*/
/* ---------------------------------------------------------------------------- */
/* New in 1.04.03.02 (2008-09-04)						*/
/*										*/
/* - New classes:	CUSTOM SECTION CSS					*/
/*				- SUBSECTION	.subsection a:link		*/
/*						.subsection a:visited		*/
/*						.subsection a:active		*/
/*						.subsection a:focus		*/
/*										*/
/*			GENERAL NAVIGATION CSS	.overflow-hidden		*/
/*						.overflow-visible		*/
/*						.overflow-auto			*/
/*										*/
/*			TEXT UTILITY		.normal a			*/
/*						.normal a:link			*/
/*						.normal a:visited		*/
/*						.normal a:hover			*/
/*						.normal a:active		*/
/*						.normal a:focus			*/
/*										*/
/* - Redefined:					.subsection a			*/
/*						.subsection a:hover		*/
/* ---------------------------------------------------------------------------- */
/* New in 1.04.03.01 (2008-08-18)						*/
/* - Redefined submenucontent and submenulink classes				*/
/*										*/
/* - redefined container classes & remove box classes for flexible design	*/
/* - added a few customized class for sepecific section's need			*/
/*										*/
/* - New classes:	GENERAL CSS		div.right50			*/
/*						div.left50			*/
/*										*/
/*			TABLE CSS		table.size50			*/
/*						table.size50-noborder		*/
/*										*/
/*			GENERAL NAVIGATION CSS	div.center h2.nav		*/
/*						div.center h2.nav a:link	*/
/*						div.center h2.nav a:visited	*/
/*						div.center h2.nav a:hover	*/
/*						div.center h2.nav a:active	*/
/*						div.center h2.nav a:focus	*/
/*						div.center div.h2nav		*/
/*						div.center div.h2nav a:link	*/
/*						div.center div.h2nav a:visited	*/
/*						div.center div.h2nav a:hover	*/
/*						div.center div.h2nav a:active	*/
/*						div.center div.h2nav a:focus	*/
/*						div.center p.h2nav		*/
/*						div.center p.h2nav a:link	*/
/*						div.center p.h2nav a:visited	*/
/*						div.center p.h2nav a:hover	*/
/*						div.center p.h2nav a:active	*/
/*						div.center p.h2nav a:focus	*/
/*						ul.nav, ul.nav2			*/
/*						li.submenucontent		*/
/*						div.submenucontent		*/
/*						a.submenulink			*/
/*						a.submenulink:hover		*/
/*										*/
/*			CONTENT CSS		hr				*/
/*						div.row				*/
/*						div.border			*/
/*						.line				*/
/*										*/
/*			FOOTER CSS		div.footer			*/
/*										*/
/*			TEXT UTILITY CSS	.underline			*/
/*										*/
/*						.border-none			*/
/*						.border-black			*/
/*						.border-white			*/
/*						.border-red			*/
/*						.border-blue			*/
/*						.border-green			*/
/*						.border-grey			*/
/*						.border-lightgrey		*/
/*						.border-993300			*/
/*						.border-003366			*/
/*										*/
/*						.background-black		*/
/*						.background-white		*/
/*						.background-red			*/
/*						.background-blue		*/
/*						.background-green		*/
/*						.background-grey		*/
/*						.background-lightgrey		*/
/*						.background-993300		*/
/*						.background-003366		*/
/*										*/
/*						.nospacing			*/
/*						.padding0			*/
/*						.padding1			*/
/*						.padding2			*/
/*						.padding3			*/
/*						.padding5			*/
/*						.padding10			*/
/*						.padding15			*/
/*						.padding25			*/
/*										*/
/*						div.padding0			*/
/*						div.padding1			*/
/*						div.padding2			*/
/*						div.padding3			*/
/*						div.padding5			*/
/*						div.padding10			*/
/*						div.padding15			*/
/*						div.padding25			*/
/*										*/
/*						.paddingtb2			*/
/*						div.paddingtb2			*/
/*										*/
/*						.height1px			*/
/*						.height2px			*/
/*						.height5px			*/
/*										*/
/*						ul.no\indent			*/
/*						ul.noindent			*/
/*						ul.noindent li			*/
/*										*/
/*						.nounderline			*/
/*										*/
/*						div.photo-center		*/
/*						img.photo-center		*/
/*										*/
/*			CUSTOM SECTION CSS					*/
/*				- SUBSECTION	div.subsection			*/
/*						div.subsection h2		*/
/*						.subsection ul			*/
/*						.subsection ul li		*/
/*						.subsection a			*/
/*						.subsection a:hover		*/
/*										*/
/*				- INDEX		div.alph-index			*/
/*						div.alph-index ul		*/
/*						div.alph-index li		*/
/*						div.alph-index a:link		*/
/*						div.alph-index a:visited	*/
/*						div.alph-index a:active		*/
/*						div.alph-index a:hover		*/
/*										*/
/*						div.alph-section a.section	*/
/*						div.alph-section ul		*/
/*						div.alph-section li		*/
/*										*/
/*				- SPOTLIGHT	div.spotlight img		*/
/*										*/
/*				- NEWS		div.news			*/
/*						div.news img			*/
/*						div.news ul			*/
/*						div.news li			*/
/*										*/
/*				- SITEPAGE CONTENT				*/
/*						div.sitepage-content		*/
/*						div.sitepage-left		*/
/*						div.sitepage-right		*/
/*						div.sitepage-right ul		*/
/*						div.sitepage-right.ul li	*/
/*						div.sitepage-right img		*/
/*										*/
/*										*/
/* - Redefined:		TEXT UTILITY CSS	div.container775		*/
/*						div.container750		*/
/*						div.container735		*/
/*						div.container725		*/
/*						div.container700		*/
/*						div.container675		*/
/*						div.container650		*/
/*						div.container625		*/
/*						div.container600		*/
/*						div.container575		*/
/*						div.container550		*/
/*						div.container525		*/
/*						div.container500		*/
/*						div.container485		*/
/*						div.container480		*/
/*						div.container475		*/
/*						div.container450		*/
/*						div.container425		*/
/*						div.container405		*/
/*						div.container400		*/
/*						div.container375		*/
/*						div.container350		*/
/*						div.container325		*/
/*						div.container300		*/
/*						div.container275		*/
/*						div.container250		*/
/*						div.container240		*/
/*						div.container225		*/
/*						div.container215		*/
/*						div.container210		*/
/*						div.container205		*/
/*						div.container200		*/
/*						div.container195		*/
/*						div.container190		*/
/*						div.container185		*/
/*						div.container180		*/
/*						div.container175		*/
/*						div.container170		*/
/*						div.container165		*/
/*						div.container160		*/
/*						div.container150		*/
/*						div.container125		*/
/*						div.container100		*/
/*						div.container085		*/
/*						div.container080		*/
/*						div.container075		*/
/*						div.container050		*/
/*						div.container025		*/
/*										*/
/*						div.photo-left			*/
/*						div.photo-right			*/
/*										*/
/*			CUSTOM SECTION CSS					*/
/*				- SPOTLIGHT	div.box-header			*/
/*						div.spotlight			*/
/*										*/
/*										*/
/* - Removed:		TEXT UTILITY CSS	div.container775-border		*/
/*						div.container750-border		*/
/*						div.container735-border		*/
/*						div.container725-border		*/
/*						div.container700-border		*/
/*						div.container675-border		*/
/*						div.container650-border		*/
/*						div.container625-border		*/
/*						div.container600-border		*/
/*						div.container575-border		*/
/*						div.container550-border		*/
/*						div.container525-border		*/
/*						div.container500-border		*/
/*						div.container485-border		*/
/*						div.container480-border		*/
/*						div.container475-border		*/
/*						div.container450-border		*/
/*						div.container425-border		*/
/*						div.container405-border		*/
/*						div.container400-border		*/
/*						div.container375-border		*/
/*						div.container350-border		*/
/*						div.container325-border		*/
/*						div.container300-border		*/
/*						div.container275-border		*/
/*						div.container250-border		*/
/*						div.container240-border		*/
/*						div.container225-border		*/
/*						div.container215-border		*/
/*						div.container210-border		*/
/*						div.container205-border		*/
/*						div.container200-border		*/
/*						div.container195-border		*/
/*						div.container190-border		*/
/*						div.container185-border		*/
/*						div.container180-border		*/
/*						div.container175-border		*/
/*						div.container170-border		*/
/*						div.container165-border		*/
/*						div.container160-border		*/
/*						div.container150-border		*/
/*						div.container125-border		*/
/*						div.container100-border		*/
/*						div.container085-border		*/
/*						div.container080-border		*/
/*						div.container075-border		*/
/*						div.container050-border		*/
/*						div.container025-border		*/
/*										*/
/*						div.box775-lightgrey		*/
/*						div.box750-lightgrey		*/
/*						div.box725-lightgrey		*/
/*						div.box700-lightgrey		*/
/*						div.box675-lightgrey		*/
/*						div.box650-lightgrey		*/
/*						div.box625-lightgrey		*/
/*						div.box600-lightgrey		*/
/*						div.box575-lightgrey		*/
/*						div.box550-lightgrey		*/
/*						div.box525-lightgrey		*/
/*						div.box500-lightgrey		*/
/*						div.box485-lightgrey		*/
/*						div.box480-lightgrey		*/
/*						div.box475-lightgrey		*/
/*						div.box450-lightgrey		*/
/*						div.box425-lightgrey		*/
/*						div.box405-lightgrey		*/
/*						div.box400-lightgrey		*/
/*						div.box375-lightgrey		*/
/*						div.box350-lightgrey		*/
/*						div.box325-lightgrey		*/
/*						div.box300-lightgrey		*/
/*						div.box275-lightgrey		*/
/*						div.box250-lightgrey		*/
/*						div.box240-lightgrey		*/
/*						div.box225-lightgrey		*/
/*						div.box215-lightgrey		*/
/*						div.box210-lightgrey		*/
/*						div.box205-lightgrey		*/
/*						div.box200-lightgrey		*/
/*						div.box195-lightgrey		*/
/*						div.box190-lightgrey		*/
/*						div.box185-lightgrey		*/
/*						div.box180-lightgrey		*/
/*						div.box175-lightgrey		*/
/*						div.box150-lightgrey		*/
/*						div.box125-lightgrey		*/
/*						div.box100-lightgrey		*/
/*						div.box085-lightgrey		*/
/*						div.box080-lightgrey		*/
/*										*/
/*						div.box775-lightgrey-border	*/
/*						div.box750-lightgrey-border	*/
/*						div.box725-lightgrey-border	*/
/*						div.box700-lightgrey-border	*/
/*						div.box675-lightgrey-border	*/
/*						div.box650-lightgrey-border	*/
/*						div.box625-lightgrey-border	*/
/*						div.box600-lightgrey-border	*/
/*						div.box575-lightgrey-border	*/
/*						div.box550-lightgrey-border	*/
/*						div.box525-lightgrey-border	*/
/*						div.box500-lightgrey-border	*/
/*						div.box485-lightgrey-border	*/
/*						div.box480-lightgrey-border	*/
/*						div.box475-lightgrey-border	*/
/*						div.box450-lightgrey-border	*/
/*						div.box425-lightgrey-border	*/
/*						div.box405-lightgrey-border	*/
/*						div.box400-lightgrey-border	*/
/*						div.box375-lightgrey-border	*/
/*						div.box350-lightgrey-border	*/
/*						div.box325-lightgrey-border	*/
/*						div.box300-lightgrey-border	*/
/*						div.box275-lightgrey-border	*/
/*						div.box250-lightgrey-border	*/
/*						div.box240-lightgrey-border	*/
/*						div.box225-lightgrey-border	*/
/*						div.box215-lightgrey-border	*/
/*						div.box210-lightgrey-border	*/
/*						div.box205-lightgrey-border	*/
/*						div.box200-lightgrey-border	*/
/*						div.box195-lightgrey-border	*/
/*						div.box190-lightgrey-border	*/
/*						div.box185-lightgrey-border	*/
/*						div.box180-lightgrey-border	*/
/*						div.box175-lightgrey-border	*/
/*						div.box150-lightgrey-border	*/
/*						div.box125-lightgrey-border	*/
/*						div.box100-lightgrey-border	*/
/*						div.box085-lightgrey-border	*/
/*						div.box080-lightgrey-border	*/
/*										*/
/* ---------------------------------------------------------------------------- */

/* Available Catagories								*/
/*	GENERAL,								*/
/*	TWO COLUMN LAYOUT,							*/
/*	THREE COLUMN LAYOUT,							*/
/*	FIP HEADER,								*/
/*	INSTUTIONAL BANNER,							*/
/*	SKIP NAVIGATION,							*/
/*	COMMON MENU BAR,							*/
/*	BREAD CRUMB,								*/
/*	GENERAL NAVIGATION,							*/
/*	SIDE MENU,								*/
/*	CONTENT,								*/
/*	FOOTER,									*/
/*	GENERIC UTILITY,							*/
/*	ALIGNMENT UTILITY,							*/
/*	LIST UTILITY,								*/
/*	TEXT UTILITY,								*/
/*	PRINT									*/
/* ---------------------------------------------------------------------------- */
/* GENERAL CSS BEGINS								*/

#mainpagetitle h1, .cn-invisible {position: absolute; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; width: 1px !important; overflow: hidden !important;}

h1 {font-size: 15pt;}
h2 {font-size: 12.5pt; margin-top: 20px;}
h2.not-box-header {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h3 {font-size: 10.5pt;}
h4 {font-size: 10pt;}

div.right35
{
	width: 34%;
	padding: 0px 0px 0px 5px;
	float: right;
}

div.left65
{
	width: 64%;
	padding: 0px 5px 0px 0px;
	float: left;
}

div.right60
{
	width: 59%;
	padding: 0px 0px 0px 5px;
	float: right;
}

div.left40
{
	width: 39%;
	padding: 0px 5px 0px 0px;
	float: left;
}

div.right50
{
	width: 49%;
	padding: 0px 0px 0px 5px;
	float: right;
}

div.left50
{
	width: 49%;
	padding: 0px 5px 0px 0px;
	float: left;
}

div.float-clear-left
{
	clear:left;
}

div.float-clear-right
{
	clear:right;
}

div.float-clear-both
{
	clear:both;
}

.overflow-hidden
{
	overflow: hidden;
}

.overflow-visible
{
	overflow: visible;
}

.overflow-auto
{
	overflow: auto;
}

.footnote{border-left:2px solid #555;font-size:85%;padding-bottom:1px;padding-left:4px;}
.footnote-container{border-bottom:3px double #ccc;border-top:3px double #ccc;margin:0px 10px;}

/* GENERAL CSS ENDS								*/

/* ---------------------------------------------------------------------------- */
/* TABLE CSS BEGINS								*/

table, table.size100, table.size90, table.size80, table.size70, table.size60, table.size50, table.size40, table.size30, table.size20, table.size10
{
	border: 1px solid #666;
	color: #000;
	background-color: #ffffff;
}

table.size100-noborder, table.size90-noborder, table.size80-noborder, table.size70-noborder, table.size60-noborder, table.size50-noborder, table.size40-noborder, table.size30-noborder, table.size20-noborder, table.size10-noborder
{
	border: 0px solid #666;
	color: #000;
	background-color: #ffffff;
}

table, table.size100, table.size100-noborder { width: 100%; }
table.size90, table.size90-noborder { width: 90%; }
table.size80, table.size80-noborder { width: 80%; }
table.size70, table.size70-noborder { width: 70%; }
table.size60, table.size60-noborder { width: 60%; }
table.size50, table.size50-noborder { width: 50%; }
table.size40, table.size40-noborder { width: 40%; }
table.size30, table.size30-noborder { width: 30%; }
table.size20, table.size20-noborder { width: 20%; }
table.size10, table.size10-noborder { width: 10%; }

td, th.whiteBG, td.whiteBG		{ background-color: #fff; }
th, th.lightgreyBG, td.lightgreyBG	{ background-color: #eee; }
th.greyBG, td.greyBG			{ background-color: #999; }

caption, caption.top	{ caption-side: top; text-align:left; }
caption.bottom		{ caption-side: bottom; text-align:left; }
caption.standard {text-align: center; border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; background-color: #ccc; padding: 3px; font-weight: bold;}

table.border	{ border-collapse: collapse; }

table.border th, table.border td
{
	border: 1px solid #666666;
	padding: 2px 5px 2px 5px;
}

/* TABLE CSS ENDS								*/

/* ---------------------------------------------------------------------------- */
/* GENERAL NAVIGATION CSS BEGINS						*/

div.center h2.nav, div.center h2.nav a:link, div.center h2.nav a:visited,
div.center div.h2nav, div.center div.h2nav a:link, div.center div.h2nav a:visited,
div.center p.h2nav, div.center p.h2nav a:link, div.center p.h2nav a:visited
{ 
/*	background-color: #036; */
	background-color: #025685;
	color: #fff;
	text-decoration: none;
}

div.center h2.nav a:hover, div.center h2.nav a:active, div.center h2.nav a:focus,
div.center div.h2nav a:hover, div.center div.h2nav a:active, div.center div.h2nav a:focus,
div.center p.h2nav a:hover, div.center p.h2nav a:active, div.center p.h2nav a:focus
{
	text-decoration: underline;
}

ul.nav, ul.nav2
{
	border-bottom: 1px solid #eee;
}

/* GENERAL NAVIGATION CSS ENDS							*/

/* ---------------------------------------------------------------------------- */
/* CONTENT CSS BEGINS								*/

hr
{color:#669; background-color:#669;
	border: 1px solid #669;
height: 1px;
}

div.row
{
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	width: 100%;
}

/* this can be replaced with <div class="border-003366 padding5">..</div>	*/
div.border
{
	border: solid #025685 1px;
	padding: 5px;
}

.line
{
	line-height: 1px;
	background-color: #036;
}


/* CONTENT CSS ENDS								*/

/* ---------------------------------------------------------------------------- */
/* FOOTER CSS BEGINS 								*/

div.footer {
	height: 6.6em;
}

/* FOOTER CSS ENDS								*/


/* ---------------------------------------------------------------------------- */
/* ALIGNMENT UTILITY CSS BEGINS							*/

.float-center
{
	margin-left: auto;
	margin-right: auto;
}

.line-height0
{
	line-height: 0px;
}

.margin-left10
{
	margin-left: 10px;
}

.margin-right10
{
	margin-right: 10px;
}

.margin-top10
{
	margin-top: 10px;
}

.margin-bottom10
{
	margin-bottom: 10px;
}

/* ALIGNMENT UTILITY CSS ENDS							*/

/* ---------------------------------------------------------------------------- */
/* TEXT UTILITY CSS BEGINS							*/

span.normal, div.normal	{ font-weight: normal; }
span.bold, div.bold	{ font-weight: bold; }

span.sup, div.sup	{ font-size:80%; vertical-align:top; }

div.container775 { width: 775px; }
div.container750 { width: 750px; }
div.container735 { width: 735px; }
div.container725 { width: 725px; }
div.container700 { width: 700px; }

div.container675 { width: 675px; }
div.container650 { width: 650px; }
div.container625 { width: 625px; }
div.container600 { width: 600px; }

div.container575 { width: 575px; }
div.container550 { width: 550px; }
div.container525 { width: 525px; }
div.container500 { width: 500px; }

div.container485 { width: 485px; }
div.container480 { width: 480px; }
div.container475 { width: 475px; }
div.container450 { width: 450px; }
div.container425 { width: 425px; }
div.container405 { width: 405px; }
div.container400 { width: 400px; }

div.container375 { width: 375px; }
div.container350 { width: 350px; }
div.container325 { width: 325px; }
div.container300 { width: 300px; }

div.container275 { width: 275px; }
div.container250 { width: 250px; }
div.container240 { width: 240px; }
div.container225 { width: 225px; }
div.container215 { width: 215px; }
div.container210 { width: 210px; }
div.container205 { width: 205px; }
div.container200 { width: 200px; }
div.container195 { width: 195px; }
div.container190 { width: 190px; }

div.container185 { width: 185px; }
div.container180 { width: 180px; }
div.container175 { width: 175px; }
div.container170 { width: 170px; }
div.container165 { width: 165px; }
div.container160 { width: 160px; }
div.container150 { width: 150px; }
div.container125 { width: 125px; }
div.container100 { width: 100px; }

div.container085 { width: 85px; }
div.container080 { width: 80px; }
div.container075 { width: 75px; }
div.container050 { width: 50px; }
div.container025 { width: 25px; }

div.container-portrait  { width: 169px; }
div.container-landscape { width: 246px; }

/* Headlines with White Background & no border */
div.container775, div.container750, div.container735, div.container725, div.container700, div.container675, div.container650, div.container625, div.container600, div.container575, div.container550, div.container525, div.container500, div.container485, div.container480, div.container475, div.container450, div.container425, div.container405, div.container400, div.container375, div.container350, div.container325, div.container300, div.container275, div.container250, div.container240, div.container225, div.container215, div.container210, div.container205, div.container200, div.container195, div.container190, div.container185, div.container180, div.container175, div.container170, div.container165, div.container160, div.container150, div.container125, div.container100, div.container085, div.container080, div.container075, div.container050, div.container025, div.container-portrait, div.container-landscape
{
	color: #333;
	padding: 0px;
}

/* Border color */
.border-none		{ border: none; }
.border-black		{ border: 1px solid #000; }
.border-white		{ border: 1px solid #fff; }
.border-red		{ border: 1px solid #f00; }
.border-blue		{ border: 1px solid #00f; }
.border-green		{ border: 1px solid #093; }
.border-grey		{ border: 1px solid #999; }
.border-lightgrey	{ border: 1px solid #ccc; }
.border-993300		{ border: 1px solid #993300; }
.border-003366		{ border: 1px solid #003366; }
.border-025685		{ border: 1px solid #025685; }
.border-48a0d2		{ border: 1px solid #48a0d2; }

/* Additional background color */
.background-black	{ background-color: #000; }
.background-white	{ background-color: #fff; }
.background-red		{ background-color: #f30; }
.background-blue	{ background-color: #06c; }
.background-green	{ background-color: #090; }
.background-grey	{ background-color: #999; }
.background-lightgrey	{ background-color: #efefef; }
.background-993300	{ background-color: #993300; }
.background-003366	{ background-color: #003366; }
.background-025685	{ background-color: #025685; }
.background-48a0d2	{ background-color: #48a0d2; }

/* Padding */
.nospacing
{
	margin: 0px;
	padding: 0px;
}
.padding0, div.padding0		{ padding: 0px; }
.padding1, div.padding1		{ padding: 1px; }
.padding2, div.padding2		{ padding: 2px; }
.padding3, div.padding3		{ padding: 3px; }
.padding5, div.padding5		{ padding: 5px; }
.padding10, div.padding10	{ padding: 10px; }
.padding15, div.padding15	{ padding: 15px; }
.padding25, div.padding25	{ padding: 25px; }

/* top-bottom padding */
.paddingtb2, div.paddingtb2	{ padding: 2px 0px 2px 0px; }

/* line-height */
.height1px		{ line-height: 1px; }
.height2px		{ line-height: 2px; }
.height3px		{ line-height: 3px; }
.height4px		{ line-height: 4px; }
.height5px		{ line-height: 5px; }
.height6px		{ line-height: 6px; }
.height7px		{ line-height: 7px; }
.height8px		{ line-height: 8px; }
.height9px		{ line-height: 9px; }
.height10px		{ line-height: 10px; }
.height11px		{ line-height: 11px; }
.height12px		{ line-height: 12px; }
.height13px		{ line-height: 13px; }
.height14px		{ line-height: 14px; }
.height15px		{ line-height: 15px; }

/* padding for list */
/* IE use margin and Firefox use padding to control ul indentation */

ul.no\indent		{ margin-left: 0.75em; }
ul.noindent		{ padding-left: 0.75em; }
ul.noindent li		{ padding: 0 0 5px 0; }

ul.noBullet { padding: 0; margin: 0 }

/* image bullet for list */

ul.bullet-checkbox2
{
	list-style-image: url(/INET/IMAGES.NSF/vLUImages/General/$file/checkbox.gif);
}


ul.bullet-checkbox
{
	border: 1px solid #ccc;
	padding: 5px 10px 5px 15px;
}

ul.bullet-checkbox li
{
list-style: none;
background-image: url(/INET/IMAGES.NSF/vLUImages/General/$file/checkbox.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
padding: 3px 5px 3px 30px;
border-bottom: 1px dotted #ccc;
/* background-color: #f0f0f0; */
}

ul.bullet-checkbox li.lastrow
{
border-bottom: 0px dotted #ccc;
/* background-color: #f0f0f0; */
}

li.list-odd {background-color:#ddd !important;}
li.list-even {background-color:#fff !important;}

.inlineDisplay {margin-left: 0px; padding-left: 0px;}
.inlineDisplay li {display: inline;}

/* ---------- Double-spaced List--------------------------- */
ul.double-space, ol.double-space {padding-bottom: 0; margin-bottom: 0;}

/* Apply a space after a list item */
ul.double-space li, ol.double-space li {padding-bottom: 1em;}

/* Remove the extra spacing after the list */
ul.single-space, ol.single-space {margin-bottom: 0;}

/* Remove the extra space after the list item. */
ul.single-space li, ol.single-space li {padding-bottom: 0;}

/* text decoration */
.nounderline		{text-decoration: none;}
a.nounderline:hover {text-decoration: underline;}
.underline		{text-decoration: underline;}

div.homepagecountries a:link, div.homepagecountries a:visited, div.homepagecountries a.category:link, div.homepagecountries a.category:visited {text-decoration: none;}
div.homepagecountries a.category:link, div.homepagecountries a.category:visited {color: #000;}
div.homepagecountries a:hover, div.homepagecountries a:focus, div.homepagecountries a:active, div.homepagecountries a.category:hover, div.homepagecountries a.category:focus, div.homepagecountries a.category:visited {text-decoration: underline; color: #663;}

/* common hyperlink style */
.normal a, .normal a:link, p.breadcrumb a:link {color: #039;}

.normal a:visited, p.breadcrumb a:visited {color: #609;}

.normal a:hover, .normal a:active, .normal a:focus, p.breadcrumb a:hover, p.breadcrumb a:active, p.breadcrumb a:focus {
	color: #663;
}

/* for photo alignment with/without captions */
div.photo-left, div.photo-right, div.photo-center
{
	border: 0px solid #999;
	padding: 0px;
	font-weight:normal;
	font-size: 75%;
	text-align: center;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
}

div.photo-left, div.photo-left img
{
	float: left;
	padding: 2px 10px 3px 0px;
}

div.photo-right, div.photo-right img, img.photo-right {
	float: right;
	padding: 2px 0px 3px 3px;
}

img.photo-center
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.floatLeft {float: left; padding: 0 5px 5px 0}
img.floatRight {float: left; padding: 0 0 5px 5px}

.landscape-left {width: 240px;}
.landscape-right {width: 240px;}
.portrait-left {width: 163px;}
.portrait-right {width: 163px;}

.landscape-left, .landscape-right, .portrait-left, .portrait-right {
	font-size: 75%;
	text-align: center;
	color: #535252;
}

.landscape-left, .portrait-left {float: left; padding: 3px 10px 5px 0; margin: 0;}
.landscape-right, .portrait-right {float: right; padding: 3px 0 5px 10px; margin: 0;}

.landscape-right div, .landscape-left div {width: 230px;}
.portrait-right div, .portrait-left div {width: 153px;}

div.thumbnail-event
{
	border-top: 1px solid #ccc;
	padding: 2px 0px 15px 0px;
	clear: both;
}

div.thumbnail-event img
{
	float: left;
	margin: 5px 10px 5px 0px;
	border-style: none;
}

div.linkbutton a {
	float: right;
	display: block;
	padding: 10px;
	margin: 0 0 10px 10px;
	border: 1px solid #999;	
}

div.linkbox a {
	float: left;
	display: block;
	padding: 10px;
	margin: 0;
	border: 1px solid #999;	
}

/* TEXT UTILITY CSS ENDS							*/

/* ---------------------------------------------------------------------------- */
/* CUSTOM SECTION CSS BEGINS							*/

/* -------------------------------------------- */
/* START: SUBSECTION				*/

div.subsection, div.subsection-midhp, div.subsection-midhp-news-right {
	margin: 0pt;
	overflow: hidden;
	padding: 0px;
	width: 100%;
}

div.subsection h2, div.subsection-midhp h2, div.subsection h1.homenews {
	color: #fff;
/*	background-color: #036;	*/
	background-color: #025685;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	padding: 3px 0px 3px 5px;
	margin: 0px;
	width: auto;
}

div.subsection h2 {
	background-image: url(http://www.acdi-cida.gc.ca/acdi-cida/acdi-cida.nsf/vLUSFiles/images/$file/titlebg195.png);
}

div.subsection-midhp h2 {
	background-image: url(http://www.acdi-cida.gc.ca/acdi-cida/acdi-cida.nsf/vLUSFiles/images/$file/titlebg403.png);
}

div.subsection h1.homenews {
	background-image: url(http://www.acdi-cida.gc.ca/acdi-cida/acdi-cida.nsf/vLUSFiles/images/$file/titlebg403.png);
}

.subsection ul, .subsection-midhp ul {
	list-style: disc;
	margin: 0 0 0 1.8em;
	padding: 0px;
}

.subsection ul li, .subsection-midhp ul li {
	margin: 0px;
	padding: 0px 0px 1px 0px;
}

.subsection a, .subsection a:link, .subsection-midhp a, .subsection-midhp a:link {
	color: #039;
}

.subsection a:visited, .subsection-midhp a:visited {
	color: #609;
}

.subsection a:hover, .subsection a:active, .subsection a:focus, .subsection-midhp a:hover, .subsection-midhp a:active, .subsection-midhp a:focus {
	color: #663;
}


/* END: SUBSECTION				*/

/* -------------------------------------------- */
/* START: INDEX					*/

div.alph-index
{
	font-size: 100%;
	color: #999;
	font-weight: bold;
	margin: 0px;
	padding: 3px 3px 3px 3px;
	background-color: #eee;
	border-top: 1px solid #025685;
	border-bottom: 1px solid #025685;
}

div.alph-index ul
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

div.alph-index li
{
	list-style-type: none;
	padding: 0px 2px 0px 0px;
	display: inline;
}

div.alph-index a:link, div.alph-index a:visited, div.alph-index a:active, div.alph-index a:hover
{
	color: #800;
}

div.alph-section a.section
{
	font-size: 100%;
	color: #800;
	font-weight: bold;
	margin: 0px;
	padding: 2px 6px 2px 6px;
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}

div.alph-section ul
{
	margin: 0px 0px 0px 30px;
	padding: 5px 0px 20px 20px;
	border-bottom: 1px dotted #ccc;
}

div.alph-section li
{
	list-style-type: disc;
	padding: 0px;
}

/* END: INDEX					*/



/* -------------------------------------------- */
/* START: SPOTLIGHT				*/

/* div.box-header could be replaced with h2.subsection	*/

div.container-rightnav {
	float: right;
	width: 195px;
	margin-left: 5px;
}

div.statsbox {
	width: 185px;
	background-color: #000;
	color: #fff;
	margin: 0 0 5px 0;
	padding: 5px;
	font-size: 85%;
}

div.spotlightbox {
	width: 193px;
	border: 1px solid #999;
	margin-bottom: 3px;
}

div.box-header {
	color: #fff;
	background-color: #025685;
	background-image: url(http://www.acdi-cida.gc.ca/acdi-cida/acdi-cida.nsf/vLUSFiles/images/$file/titlebg195.png);
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	padding: 3px 5px 3px 5px;
}

div.box-header h2 {
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

div.spotlight h3 {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

div.box-header2 {
	color: #fff;
	background-color: #000;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding: 3px 10px;
	background-image: url(/acdi-cida/acdi-cida.nsf/vLUSFiles/images/$file/bg-black.png);
}

div.box-header2 a:link, div.box-header2 a:visited, div.box-header2 a:active, div.box-header2 a:hover {
	color: #fff;
}

div.box-header-midhp-news-right
{
	color: #fff;
	background-color: #025685;
	background-image: url(http://www.acdi-cida.gc.ca/acdi-cida/acdi-cida.nsf/vLUSFiles/images/$file/titlebg403r.png);
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	padding: 3px 5px 3px 5px;
}

div.spotlight {width: 183px; padding: 5px;}

div.spotlight img {
	float: left;
	margin: 5px 10px 0px 0px;
}

div.spotlight ul, ul.insidebox {
	list-style: disc;
	margin: 0 0 0 1.5em;
	padding: 0;
}

div.spotlight li, li.insidebox {
	margin: 0;
	padding: 5px 0 0 0;
}

div.spotlight-event {
	border-top: 1px solid #ccc;
	padding: 0px 0px 5px 0px;
	clear: both;
}

div.spotlight-event img {
	float: left;
	margin: 5px 10px 0px 0px;
	border-style: none;
}
/* END: SPOTLIGHT				*/

/* -------------------------------------------- */
/* START: NEWS				*/
div.news
{
	clear: both;
	padding: 0px 0px 5px 0px;
}

div.news img
{
	float: left;
	margin: 5px 10px 0px 0px;
}

div.news ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-left: 18px;
	list-style-type: disc;
}

div.news li
{
	margin: 0px;
}
/* END: NEWS				*/


/* -------------------------------------------- */
/* START: SITEPAGE CONTENT			*/
div.sitepage-content
{
	padding: 0px;
	width: 100%;
}

div.sitepage-left
{
	float: left;
	width: 64.25%;
}

div.sitepage-right
{
	float: right;
	width: 34.25%;
/*	border: 1px solid #036;	*/
	border: 1px solid #025685;
}

div.sitepage-right ul
{
	list-style-type: disc;
	margin: 0px 0px 0px 18px;
	padding: 5px;
}

div.sitepage-right.ul li
{
	margin: 0px;
}

div.sitepage-right img
{
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 18px;
	padding: 5px;
}

/* END: SITEPAGE CONTENT			*/

/*Anchor List Start*/

div.anchorlist {
float: left;
width: 750px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 0.5em 0;
margin: 0 0 20px 0;
padding: 0 0 0 10px;
}

div.anchorlist ul.col1, div.center div.anchorlist ul.col2 {
float: left;
width: 335px;
margin: 0;
padding: 10px 20px;
}

div.anchorlist ul.full {width: 710px; margin: 0; padding: 10px 20px;}

/*Anchor List End*/

/* CAROUSSEL SLIDESHOW BEGINS | DEBUT DU SLIDESHOW DU CARROUSSEL */
@media screen {
#features, #slidingFeatures, #labelFeatures, #basicFeatures, #thumbFeatures {
	background: #fff;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
	
.jshowoff {margin: 0; padding: 0;}
.jshowoff div {height: 230px; margin: 0; padding: 0;}

p.jshowoff-controls {
	position: absolute;
	bottom: 7px;
	left: 138px;
	margin: 0;
	padding: 0;
}

.jshowoff p.jshowoff-slidelinks {
	position: absolute;
	bottom: 7px;
	left: 5px;
	margin: 0;
	padding: 0 0 0 5px;
}

div.center .jshowoff-slidelinks a, div.center .jshowoff-controls a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	display: block;
	background: #000 url(/INET/IMAGES.NSF/vLUImages/Home-CLF2.0/$file/deactivated.png) no-repeat top center;
	color: #a9a6a6;
	padding: 2px 1px 2px 1px;
	margin: 5px 0 0 0;
	float: left;
	text-decoration: none;
	font-size: 11px;
	width: 18px;
	text-align: center;
	font-weight: bold;
}

div.center .jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {color: #663;}

div.center .jshowoff-slidelinks a.jshowoff-active {
	background: #a9a6a6 url(/INET/IMAGES.NSF/vLUImages/Home-CLF2.0/$file/activated.png) no-repeat top center;
	color: #000;
}

div.center .jshowoff-controls a.jshowoff-play:link {
	background: transparent;
	width: 27px;
	height: 20px;	
	margin: 0;
	padding: 0;
	color: #039;
	text-decoration: underline;
}

div.center .jshowoff-controls a.jshowoff-play:hover, div.center .jshowoff-controls a.jshowoff-play:active, div.center .jshowoff-controls a.jshowoff-play:focus {color: #663;}
}
@media print {
div.center p.jshowoff-controls {display: none;}
div.center .jshowoff p.jshowoff-slidelinks {display: none;}
}
/* CAROUSSEL SLIDESHOW ENDS | FIN DU SLIDESHOW DU CARROUSSEL */

/* RIGHT NAV SLIDESHOW BEGINS | DEBUT DU SLIDESHOW DANS LA NAVIGATION DE DROITE */
ul#slideshow {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#slideshow li {margin: 0;	padding: 0;}

ul#slideshow li a {
	display: block;
	padding: 0 0 3px 0;
	font-size: 85%;
} 
/* RIGHT NAV SLIDESHOW ENDS | FIN DU SLIDESHOW DANS LA NAVIGATION DE DROITE */

/* START: PHOTO GALLERY CONTENT			*/
@media screen {
.gallery {
	width: 750px;
	margin: 0 auto;
	float: left;
	background: #000;
}

.whitebg {background: #fff;}

.gallery div.title {
	float: left;
	width: 740px; 
	padding: 10px 0 0 20px;
	margin: 0;
}

.gallery div.title h1 {
	font-family: Verdana;
	color: #a9a9a9;	
}

.gallery h2 {
	color: #a9a9a9;
	text-align: left;
	margin: 5px 0;	
}

.whitebg div.title h1 {color: #000;}

.gallery #fullsize {
	float: left;
	width: 750px; 
	height: 440px;  
	overflow: hidden; 
	text-align: center; 
	margin: 0;
	padding: 0;
}

.whitebg #fullsize {height: 505px;}
.portraitall #fullsize {height: 650px;}

.gallery #fullsize div.photobox {float: left; width: 750px; height: 440px; padding: 0; margin: 0; text-align: center;}
.whitebg #fullsize div.photobox {height: 505px;}
.portraitall #fullsize div.photobox {height: 650px;}

.gallery #fullsize div.photobox div.portrait {
	float: left;
	width: 500px;
	padding: 0; 
	margin: 0; 	
}

.gallery #fullsize div.photobox div.landscape {
	float: left;
	width: 750px;
	padding: 0; 
	margin: 0; 	
}

.gallery #fullsize div.photobox div.captionportrait, .gallery #fullsize div.photobox div.captionlandscape {
	margin: 0; 
	font-size: 8.5pt;
	font-family: Verdana; 
	color: #fff;
	text-align: left;
}
	
.gallery #fullsize div.photobox div.captionportrait a:link, .gallery #fullsize div.photobox div.captionportrait a:active, .gallery #fullsize div.photobox div.captionportrait a:hover, .gallery #fullsize div.photobox div.captionportrait a:visited, .gallery #fullsize div.photobox div.captionlandscape a:link, .gallery #fullsize div.photobox div.captionlandscape a:active, .gallery #fullsize div.photobox div.captionlandscape a:hover, .gallery #fullsize div.photobox div.captionlandscape a:visited {
	margin: 0; 
	font-size: 8.5pt;
	font-family: Verdana; 
	color: #fff;
	text-decoration: underline;
	text-align: left;
}
	
.whitebg #fullsize div.photobox div.captionportrait, .whitebg #fullsize div.photobox div.captionlandscape, .whitebg #fullsize div.photobox div.captionportrait a:link, .whitebg #fullsize div.photobox div.captionportrait a:active, .whitebg #fullsize div.photobox div.captionportrait a:hover, .whitebg #fullsize div.photobox div.captionportrait a:visited, .whitebg #fullsize div.photobox div.captionlandscape a:link, .whitebg #fullsize div.photobox div.captionlandscape a:active, .whitebg #fullsize div.photobox div.captionlandscape a:hover, .whitebg #fullsize div.photobox div.captionlandscape a:visited {
	color: #666;
}
	
.gallery #fullsize div.photobox div.captionportrait {
	float: left;
	width: 225px;
	height: 450px;
	padding: 25px 5px; 
}

.gallery #fullsize div.photobox div.captionlandscape {
	float: left;
	width: 650px;
	padding: 5px 50px; 
}

.gallery #slides {
	float: left;
	width: 750px; 
	overflow: hidden; 
	text-align: center; 
}

.gallery #slides div.thumbs {float: left; width: 750px; padding: 0 0 20px 47px; margin: 0;}
.gallery #slides div.thumbs ul {padding: 0; margin: 0; list-style: none; width: 703px;}
.gallery #slides div.thumbs ul li {float: left; padding: 2px 1px;}
.whitebg #slides div.thumbs ul li {float: left; padding: 2px 4px;}
.gallery #slides div.thumbs ul li a {display: block; float: left;}
.gallery #slides div.thumbs ul li a:focus {outline: 0;}
.gallery #slides div#prevnext {float: left; width: 702px; padding: 0; margin: 0; text-align: right;}
}

@media print {
.gallery #fullsize div.photobox div.captionportrait {padding: 0 0 25px 0;}
.gallery #fullsize div.photobox div.captionlandscape {padding: 0 0 25px 0;}
.gallery #slides {display: none;}
}
/* END: PHOTO GALLERY CONTENT			*/

/* START: MEDIA PORTAL CONTENT			*/

div.center span.mediaportal {color: #441183;}
div.center span.firsttimers {color: #23860f;}

/* END: MEDIA PORTAL CONTENT			*/

/* START: YOUTH ZONE CONTENT			*/

div.level2menu-a {float: left; width: 170px; margin: 0 10px 0 10px; padding: 0;}
div.level2menu-b {float: left; width: 213px; margin: 0 20px 0 20px; padding: 0;}
div.level2menu-c {float: left; width: 360px; margin: 0 10px 0 10px; padding: 0;}
div.level2menu-d {float: left; width: 213px; margin: 0 20px 0 20px; padding: 0;}

div.center h1.youthzone-a, div.center h1.youthzone-b, div.center h1.youthzone-c, div.center h1.youthzone-d, div.level2menu-a h2 a:link, div.level2menu-a h2 a:active, div.level2menu-a h2 a:visited, div.level2menu-a h2 a:hover, div.level2menu-b h2 a:link, div.level2menu-b h2 a:active, div.level2menu-b h2 a:visited, div.level2menu-b h2 a:hover, div.level2menu-c h2 a:link, div.level2menu-c h2 a:active, div.level2menu-c h2 a:visited, div.level2menu-c h2 a:hover, div.level2menu-d h2 a:link, div.level2menu-d h2 a:active, div.level2menu-d h2 a:visited, div.level2menu-d h2 a:hover {
	color: #575757;
	margin-top: 0;
	padding-top: 0;
}

div.level2menu-a h2 span.color, div.center h1.youthzone-a span.color {color: #697D00;}
div.level2menu-b h2 span.color, div.center h1.youthzone-b span.color {color: #1F7673;}
div.level2menu-c h2 span.color, div.center h1.youthzone-c span.color {color: #dc1417;}
div.level2menu-d h2 span.color, div.center h1.youthzone-d span.color {color: #bb4e00;}

img.type1 {float: left; padding: 0 5px 5px 0}
p.type1 {height: 100px; margin-top: 0;}

div.photocontainer {float: left; margin: 5px 0;	width: 600px;}
div.photocontainer img {float: left; padding-right: 5px;}

div.imagebox {width: 195px; height: 125px;}
div.imagebox2 {width: 195px; height: 80px; text-align: center; margin-top: 5px;}
div.youthcontainer {float: right; width: 195px;	margin: 0 0 10px 10px;}
div.youthbox {width: 173px; padding: 10px; margin: 0;}
div.youthbox a:visited {color: #460054;}
div.youthbox a:hover {color: #4D4D00;}
div.youthmenu1 {background-color: #F6F4D8; border: 1px solid #172f00;}
div.youthmenu2 {background-color: #FFF7CD; border: 1px solid #b63325;}
div.youthmenu3 {background-color: #F3F3DB; border: 1px solid #990;}
div.youthmenu4 {background-color: #FFC3FF; border: 1px solid #433658;}
div.youthmenu5 {background-color: #D5F0FB; border: 1px solid #14769b;}
div.youthmenu6 {background-color: #FFE6FF; border: 1px solid #FC4FFF;}
div.youthmenu7 {background-color: #F1E9E9; border: 1px solid #62503c;}
div.youthmenu8 {background-color: #FEF4D1; border: 1px solid #AA810A;}
div.youthmenu9 {background-color: #FFE4E3; border: 1px solid #FE4648;}
div.youthmenu10 {background-color: #E1F2F1; border: 1px solid #4b9b98;}

div.youthbox ul {padding: 0 0 0 15px; margin: 0;}
div.youthbox ul li.selected {font-weight: bold;}

div#youthphonemenu-eng {
	float: left;
	width: 725px;
	height: 568px;
	background: #000 url(/INET/IMAGES.NSF/vLUImages/youthzone2/$file/youth_home-bg_eng.jpg) no-repeat center;
}

div#youthphonemenu-fra {
	float: left;
	width: 725px;
	height: 568px;
	background: #000 url(/INET/IMAGES.NSF/vLUImages/youthzone2/$file/youth_home-bg_fra.jpg) no-repeat center;
}

div#teacherzone {
	float: left;
	width: 760px;
	height: 371px;
	background: #000 url(/INET/IMAGES.NSF/vLUImages/teacher-zone/$file/teacher-zone_home1.jpg) no-repeat center;
}

div#youthphonemenu1 {float: left; width: 311px; margin: 48px 0 0 131px;}

div#youthphonemenu1 ul {
	float: left;
	list-style-type: none; 
	margin: 0;
	padding: 0 19px;
	width: 273px;
	height: 350px;
}

div#youthphonemenu1 ul li {float: left; margin: 2px 2px 5px 2px;}

div#youthphonemenu1 ul li a:link, div#youthphonemenu1 ul li a:visited, div#youthphonemenu1 ul li a:hover, div#youthphonemenu1 ul li a:active, div#youthphonemenu1 ul li a:focus  {
	display: block;
	color: #fff;
	text-decoration: none; 
	font-weight: bold;
	text-align: center;
	width: 85px;
	height: 35px;
	padding: 70px 0 0 0;
} 

div#youthphonemenu2 {float: left; width: 219px;	margin: 50px 0 0 50px;}

div#youthphonemenu2 ul {
	float: left;
	list-style-type: none; 
	margin: 0;
	padding: 0;
	width: 219px;
}

div#youthphonemenu2 ul li {float: left;	margin: 2px 2px 47px 2px;}

div#youthphonemenu2 ul li a:active, div#youthphonemenu2 ul li a:link, div#youthphonemenu2 ul li a:visited {
	display: block;
	color: #fff;
	text-decoration: none; 
	font-weight: bold;
	font-size: 220%;
	text-align: center;
	width: 217px;
	height: 33px;
	padding: 15px 0 15px 0;
} 

div#youthphonemenu3 {float: left; margin: 0 0 0 100px;}

div#youthphonemenu3 ul {
	float: left;
	list-style-type: none; 
	margin: 0;
	padding: 0;
}

div#youthphonemenu3 ul li {
	float: left;
	display: block;
	color: #000;
	text-decoration: none; 
	font-weight: bold;
	width: 200px;
	padding: 6px 0 13px 70px;
	font-size: 1em
}

div#youthphonemenu3 ul li a:hover { text-decoration: underline; }

div#youthphonemenu3 ul li.french {
	padding: 0 0 13px 70px;
}

div#teacherzonemenu1 {float: left; width: 500px; margin: 205px 0 0 131px;}

div#teacherzonemenu1 ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0 19px;
	width: 462px;
}

div#teacherzonemenu1 ul li {float: left; margin: 2px 2px 5px 2px;}

div#teacherzonemenu1 ul li a:active, div#teacherzonemenu1 ul li a:link, div#teacherzonemenu1 ul li a:visited {
	display: block;
	color: #fff;
	text-decoration: none; 
	font-weight: bold;
	text-align: center;
	width: 150px;
	height: 35px;
	padding: 70px 0 0 0;
} 

div#youthphonemenu1 ul li a:hover, div#youthphonemenu2 ul li a:hover, div#teacherzonemenu1 ul li a:hover {text-decoration: underline;}

dl.noindent dt {
margin: 5px 0 0 0;
font-weight: bold;
}

dl.noindent dd {
margin: 0 0 10px 0;
}

/* END: YOUTH ZONE CONTENT			*/

/* START: SORTABLE TABLES			*/

table#theTable {
font-family: arial;
margin: 10px 0pt 15px;
font-size: 8pt;
width: 100%;
border-collapse: collapse;
border: 0;
}

th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize,
th.sortable-sortAlphaNumeric,
th.sortable-sortEnglishDateTime
{
cursor: pointer;
background-color: #025685;
background-image: url(/INET/IMAGES.NSF/vLUImages/tablesorter/$file/bg.gif);
background-repeat: no-repeat;
background-position: center right;
padding: 8px 12px 4px 16px;
}
		
table#theTable thead tr th, table#theTable tfoot tr th {
background-color: #025685;
font-size: 8pt;
padding: 6px 17px 6px 4px;
color: #fff;
text-align: left;
vertical-align: middle;
border: 1px solid #cdcdcd;
}

table#theTable thead tr th.col1, table#theTable tfoot tr th.col1 {
width: 275px;
}
table#theTable thead tr th.col2, table#theTable tfoot tr th.col2 {
width: 200px;
}
table#theTable thead tr th.col3, table#theTable tfoot tr th.col3 {
width: 150px;
}

table#theTable th.forwardSort, table#theTable th.reverseSort {
background-color: #d5d6ce;
background-image: url(/INET/IMAGES.NSF/vLUImages/tablesorter/$file/asc.gif);
background-repeat: no-repeat;
background-position: center right;
border: 1px solid #025685;
font-weight: bold;
}

table#theTable th.reverseSort {
background-image: url(/INET/IMAGES.NSF/vLUImages/tablesorter/$file/desc.gif);
}

table#theTable thead th.forwardSort a, table#theTable thead th.forwardSort a:hover,
table#theTable thead th.reverseSort a, table#theTable thead th.reverseSort a:hover {
color: #02334F;
text-decoration: none;
font-weight: bold;
}
table#theTable th a {
cursor: pointer;
text-decoration: none;
color: #fff;
background: transparent;
}

table#theTable tbody td {
color: #000;
padding: 4px;
vertical-align: top;
border: 1px solid #cdcdcd;
}

table#theTable tbody tr.alt td {background-color: #f1f1f8;}
		
/* Pagination list styles */
div.pager {
text-align: center;
}

p.paginationText {
margin: 0.3em 0 0.3em 0;
}

ul.fdtablePaginater {
display: table;
list-style: none;
padding: 0;
margin: 0 auto;
text-align: center;
height: 2em;
width: auto;
margin-bottom: 0.3em;
}
ul.fdtablePaginater li {
display: table-cell;
padding-right: 4px;
color: #666;
list-style: none;
}

/* Start Special Rule for IE 6.x - The browser doesn't understand "display: table". This is a special rule to display the pagination boxes all on one line and centered. */
* html ul.fdtablePaginater {display: inline-block;}
* html ul.fdtablePaginater {display: inline;}
* html ul.fdtablePaginater li {float: left;}
* html ul.fdtablePaginater {text-align: center;}
/* End Special Rule for IE 6.x */

ul.fdtablePaginater li a:link, ul.fdtablePaginater li a:visited {
cursor: pointer;
color: #02334F;
}
ul.fdtablePaginater li a:hover {
color: #000;
}
ul.fdtablePaginater li a.currentPage {
border-color: #a84444 !important;
color: #000;
}
ul.fdtablePaginater li a:active {
border-color:#222 !important;
color:#222;
}
ul.fdtablePaginater li a,
ul.fdtablePaginater li div
{
display: block;
width: 2em;
font-size: 1em;
padding: 0;
margin: 0;
text-decoration: none;
outline: none;
border: 1px solid #ccc;
font-family: georgia, serif;
}
ul.fdtablePaginater li a span,
ul.fdtablePaginater li div span
{
display:block;
line-height:2em;
border:1px solid #fff;
background:#fff url(/INET/IMAGES.NSF/vLUImages/tablesorter/$file/gradient.gif) repeat-x 0 -20px;
}

ul.fdtablePaginater li a:focus {
color: #333;
text-decoration: none;
border-color: #aaa;
}
.fdtablePaginaterWrap {
text-align: center;
text-decoration: none;
}
ul.fdtablePaginater li .next-page span,
ul.fdtablePaginater li .previous-page span,
ul.fdtablePaginater li .first-page span,
ul.fdtablePaginater li .last-page span
{
font-weight: bold;
}
		
tr.invisibleRow, span.invisible {
display: none;
visibility: hidden;
}

p.noscript {
color: #900;
}

/* END: SORTABLE TABLES			*/

ul.busan {
float: left;
width: 200px;
padding-left: 20px;
padding-bottom: 5px;
margin: 5px 0 5px 20px;
}

ul.busan li {
	padding-left: 5px;
	padding-bottom: 0;
	padding-top: 0;
	margin: 0;
}

/* -------------------------------------------- */

/* START: PARTNERS PAGES			*/

div.partners {height: 40px;}
div.partners img {padding-right: 10px;}

/* END: PARTNERS PAGES			*/

/* START: STAY IN TOUCH			*/

div.stayintouch {height: 83px;}
div.stayintouch img {padding: 0 10px 0 0;}

/* END: STAY IN TOUCH			*/

/* CUSTOM SECTION CSS ENDS							*/
/* ---------------------------------------------------------------------------- */