@charset "UTF-8";
@import url("reset.css");

body, html { 
	height:100%;
	color:#666666;
	font: 13px/16px Arial, Helvetica, sans-serif !important;
	background: url(../images/bg.gif);
	vertical-align:middle;


}
.CollapsiblePanelTab H3 {font-size:13px; font-weight:bold; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }
a { color:#000000; text-decoration:underline;}
a:hover { color:#0099cc;}
img {padding:0; margin:0; border:0px; color:#FFFFFF; }
.fullscreen {
	vertical-align:middle;
	text-align:center;
	height: 100%;
	width: 100%;
		background: url(../images/bg-on.png) center top no-repeat;
}

#frame {
	position:relative;
	margin:0 auto;
	padding:0;
	width:800px;
	height:700px;

}

.bg_1 {
	top:294px;
	position:relative;
	width:99px;
	height:317px;
	float:left;
	background: url(../images/intro_bg_1.png) left bottom no-repeat;
	}

.intro_img {
	margin:50px auto 0;
	width:458px;
	height:568px;
	background: url(../images/intro.jpg) left no-repeat;

	}

.bg_3 {
	width:20px;
	height:611px;
	float:left;
	background:  url(../images/intro_bg_3.png) no-repeat;
	}		
	
.bg_2 {
	width:458px;
	height:46px;
	margin:0 auto;
	}
	
	
#menu_fr {
	width:264px;
	height:568px;
	position:relative;
	float:left;
	opacity:0.50; filter:alpha(opacity=50);
}	
#menu_en {
	width:193px;
	height:568px;
	position:relative;
	float:left;
	opacity:0.50; filter:alpha(opacity=50);
}	

/**************************************************************/
#frame2 {
	position:relative;
	margin:0 auto;
	padding:0;
	width:742px;
	min-height: 575px;
	height: auto !important;
	height: 575px;
}			

#bg_img{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:742px;
	background: url(../images/page_img.jpg) 0 30px no-repeat;
	min-height: 565px;
	height: auto !important;
	height: 565px;
}

div.lang{
	display:block;
	position:absolute;
	width:67px;
	height:20px;
	top:500px;
	left:22px;
	padding:0;
	margin:0;
	}

ul#listmenu_en {
	display:block;
	position:relative;
	width:175px;
	height:auto;
	background: url(../images/annualreport_en.gif) 0 0 no-repeat;
	float:left;
	top:188px;
	left:22px;
	padding:65px 0 0 0;
	margin:0;
	text-align:left;
	}

ul#listmenu_en li{
	display:block;
	clear:both;
	padding:0;
	margin:0;
	float:left;
	height:auto;
	width:auto;
}
ul#listmenu_en li a{
	display:block;
	padding:2px 0;
	margin:0;
	height:auto;
	width:auto;
	color:#FFFFFF;

}

ul#listmenu_fr {
	display:block;
	position:relative;
	width:175px;
	height:auto;
	background: url(../images/annualreport_fr.gif) 0 0 no-repeat;
	float:left;
	top:188px;
	left:22px;
	padding:65px 0 0 0;
	margin:0;
	text-align:left;
	}

ul#listmenu_fr li{
	display:block;
	clear:both;
	padding:0;
	margin:0;
	float:left;
	height:auto;
	width:auto;
}
ul#listmenu_fr li a{
	display:block;
	padding:2px 0;
	margin:0;
	height:auto;
	width:auto;
	color:#FFFFFF;

}
/********************************************************************************/
#textframe {
	display:block;
	padding:0;
	margin:0;
	width:527px;
	min-height: 575px;
	height: auto !important;
	height: 575px;
	float:right;
	position:relative;
	right:10px;
	}

#textframe div.top {
	width:527px;
	padding:186px 0 0 0;
	margin:0;
	height:20px;
	background-color:#FFFFFF;

}

#textframe div.mtxt {
	padding:6px 0;
	width:100%;
	background-color:#FFFFFF;
	min-height: 16px;
	height: auto !important;
	height: 16px;
	position:relative;
	float:right;
}

#textframe div.sep1 {
	position:relative;
	float:right;
	font-size:0;
	display:block;
	width:527px;
	height:11px;
	background: url(../images/sep-1.png) no-repeat;
	
}

#textframe div.sep2 {
	position:relative;
	float:right;
	width:527px;
	height:4px;
	padding:0;
	margin:0 0 10px;
	font-size:0;
	background: url(../images/sep-2.png) no-repeat;
	
}

#textframe div.top H1 {
	display:block;
	margin:0;
	padding:0 0 0 20px;
	font-size:14px;
	color:#0099cc;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
	width:auto;
	float:left;
}
#textframe div.top H2 {
	display:block;
	margin:0;
	padding:0 20px 0 10px;
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;

	width:auto;
	float:right;
}
a.goback  {
	display:block;
	margin:0;
	padding:0 20px 0 0;
	font-size:13px;
	color:#f7a53e;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	width:auto;
	float:right;
	text-decoration:none;
	font-weight:bold;

}


#textframe div.top div.lineup{
	display:block;
	margin:0;
	padding:0 20px 0 10px;
	font-size:13px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	width:auto;
	float:right;
}
.color2 { color:#f7a53e;}

.txtHolder {
	display:block;
	margin:0;
	padding:0 20px;
	width:auto;
	float:left;
	position:relative;

}

.txtHolder p, div.CollapsiblePanel p {
	margin:0;
	padding:5px 0 8px;
	font-size:13px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:130%;

}
p.bold {
	font-weight:bold;
	padding-bottom:50px;
	display:block;
	border-bottom: 1px #CCCCCC dotted;

}

a.readmore {
	font-size:12px;
	color:#f7a53e;
	text-decoration:none;
	}
	
a.readmore:hover {
	color:#0099cc;
	text-decoration:underline;
	}
		
		
div.boldbox {
	display:block;
	position:relative;
	padding:10px;
	width:auto;
	height:auto;
	margin:5px 0;
	/*background-color:#F8F4B6;*/
	background-color:#D1FCC7
}		
/**********************************************************
 Col panel
**********************************************************/
#cp1 .CollapsiblePanelContent { 
	height:auto;
	border:none;
}


.CollapsiblePanel {
	width:487px;
	border:none;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	left:20px
}
div.CollapsiblePanelTab, div.CollapsiblePanel H2 {
	display:block;
	position:relative;
	line-height:16px;
	height:auto;
	width:487px;
	font-size:13px;
	font-weight:bold;
	color:#0099cc;
	text-align:left;

	border:0px;
	padding:0;
	margin:0;
	float:left;
	
} 
div.CollapsiblePanelTab p {
	font-weight:normal;
	text-align:left;
	font-size:13px;
}

/****************************************************************
	board list
****************************************************************/

ul.board {
margin:0;
padding:0;
text-align:left;
width:auto;
height:auto;
list-style:none;
}

ul.board li.hed {
	margin:15px 0 0;
	padding:0;
	list-style:none;
	font-size:14px;
	color:#0099cc;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
	border:none;
	}
ul.board li {
	list-style:none;
	border-bottom: 1px #CCCCCC dotted;
	padding:2px 0;
	margin:0 0 0 18px;
	width:auto;
	height:auto;
	color:#000000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:normal;
	}
	
ul.board li.anc {
	list-style:none;
	padding:2px 0 30px;
	margin:0;
	width:auto;
	height:auto;
	color:#000000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:normal;
	}	
	
ul.board li.anc a {
	padding:0;
	margin:0;
	width:auto;
	height:auto;
	color:#0099cc;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
	text-decoration:none;
	}	
ul.board li.anc a:hover {
	color:#f7a53e;
	}			
ul.board li span {
	color:#333333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	}
			
/****************************************************************
	allocation list
****************************************************************/

ul.alloc {
	margin:0;
	padding:0;
	text-align:left;
	width:auto;
	height:auto;
	list-style:none;
	float:left;
	position:relative;
	clear:both;
}
ul.alloc  a{
	color:#000000;
	text-decoration:underline;
	}
ul.alloc li.hed {
	margin:15px 0 0;
	padding:0;
	list-style:none;
	font-size:14px;
	color:#0099cc;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
	border:none;
	float:left;
	position:relative;
	clear:both;
	left:0;
	}
ul.alloc li.hed2 {
	margin:8px 0 0;
	padding:0;
	list-style:none;
	font-size:13px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
	border:none;
	float:left;
	position:relative;
	clear:both;
	left:18px;
	}	
ul.alloc li.img {
	margin:10px 0;
	padding:0;
	left:0;
	list-style:none;
	font-size:13px;
	color:#0099cc;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
	border:none;
	float:left;
	position:relative;
	clear:both;
	}	
ul.alloc li {
	
	float:left;
	display:block;
	position:relative;
	left:18px;
	border-bottom: 1px #CCCCCC dotted;
	padding:2px 0;
	margin:0;
	width:450px;
	height:auto;
	color:#000000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:normal;
	}
ul.alloc li p {
	display:block;
	position:relative;
	float:left;
	padding:0;
	margin:0;
	width:auto;
	height:auto;
	color:#000000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	}	

		
ul.alloc li span {
	display:block;
	float:right;
	position:relative;
	width:auto;
	height:auto;
	color:#333333;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	}
ul.alloc li span.dollar {
	display:block;
	float:right;
	position:relative;
	width:20px;
	height:auto;
	color:#333333;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	text-align:right;
	}	

li.bline {
	border: 0px !important;
	border-bottom: 2px #333333 solid !important;
	
	}
li.bline2 {
	border: 0px !important;
	border-bottom: 10px #dfdfdf solid !important;
	height:5px !important;
	padding-bottom:20px !important;
	}		
li.bline3 {
	border: 0px !important;
	height:20px !important;
	padding-top:20px !important;
	}	
	
	
/****************************************************************
	Communal agencies, organizations and affiliates 
****************************************************************/

ul.agen {
	margin:0;
	padding:0;
	text-align:left;
	width:auto;
	height:auto;
	list-style:none;
}

ul.agen li {
	list-style:none;
	padding:0;
	margin:0;
	width:auto;
	height:auto;
	color:#000000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:normal;
	
	}
	

ul.agen li a {
	padding:0 0 0 3px;
	display:block;
	line-height:22px;
	margin:0;
	width:100%;
	height:auto;
	color:#000000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:normal;
	text-decoration:none;

	border-bottom: 1px #eeeeee dotted ;
	}	
ul.agen a:hover {
	color:#0099cc;
	border-bottom: 1px #0099cc dotted;

	
	}	
	
	
/**********************************************************
 Award winners
**********************************************************/

.award {
	width:487px;
	border:none;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	left:20px;
	text-align:left;
}
.award H3 {
	font-size:13px; 
	font-weight:bold; 
	margin:5px 0 6px; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
	color:#000000; 
	}

.award p {
	font-weight:normal;
	text-align:left;
	font-size:13px;
	color:#000000;
	margin:3px 0;
}	


.award a {
	display:block;
	position:relative;
	text-decoration:none;
	float:left;
	width:100%;
	font-weight:bold;
	text-align:left;
	font-size:13px;
	color:#0099cc;/*#f7a53e;*/
	padding:4px 0;
	margin:0;
	border-bottom: 1px #92e1fb dotted;
}	
.award a span {
	display:block;
	position:relative;
	text-decoration:none;
	float:left;
	width:auto;
	font-weight:bold;
	text-align:left;
	font-size:13px;
	color:#0099cc;
	padding:0;
	margin:0;
	cursor:hand;
	
	}
.award a span.hspan {
	float:right;
	font-weight:bold;
	font-size:13px;
	color:#92e1fb;
	visibility:hidden;
}
.award a:hover {


	border-bottom: 1px #f7a53e dotted;

}
.award a:hover span {
	visibility:visible;
	color:#f7a53e;
}