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

html { 
	height:100%;
	color:#666666;
	font: 13px/16px Arial, Helvetica, sans-serif !important;
	background: #e3e6e6;
	vertical-align:middle;
	overflow: -moz-scrollbars-vertical;
    overflow: scroll;



}
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:650px;
	height:700px;

}



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

div.top-box {
	width:650px;
	height:135px;
	text-align:left;
}
div.main-box {
	width:650px;
	height:auto;
	text-align:left;
}
.main-bg-left {
	background: url(../images/p6.gif);
	vertical-align:top;
}
.main-bg {
	background:#FFFFFF url(../images/p5.gif);
	vertical-align:top;
	padding:20px;
	height: 500px;
}


div.fot-box {
	width:650px;
	height:95px;
	font-size:10px;
	background:url(../images/p7.gif) right top no-repeat;
	text-align:left;
	padding-top:35px;
}
div.fot-box p{
	margin:0 0 0 218px;
	padding:0 0 0 0;
	float:left;
	color:#999999;
	text-decoration:none;
}

div.fot-box a{
	margin:0;
	padding:0;
	color:#999999;
	text-decoration:none;
}
div.fot-box a:hover{
	color:#6699FF;
	text-decoration:underline;
}




.main-bg H1 {
	color:#cd6848;
	font-size:14px;
	margin:0 0 15px;
}

.main-bg p {
	color:#444444;
	font-size:12px;
	padding:5px 0;
}

























#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.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  {
	margin:0;
	padding:0;
	font-size:11px;
	text-align:left;
	display:block;
	width:100%;
	color:#999797;
	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:13px;
	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 4px;
	width:auto;
	height:auto;
	color:#000000;
	font-size:12px;
	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:0;
	}	
ul.alloc li.img {
	margin: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:0;
	border-bottom: 1px #CCCCCC dotted;
	padding:2px 0;
	margin:0;
	width:400px;
	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.bline4 {
	border: 0px !important;
	border-top: 10px #0099CC solid !important;
	height:40px !important;
	padding-top:30px !important;
	margin-top:0px;
	}				
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:auto;
	border:none;
	margin:0;
	float:left;
	padding:5px 0;
	position:relative;
	text-align:left;
}
.award H3 {
	font-size:12px; 
	font-weight:bold; 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
	color:#222222; 
	}

.award p {
	font-weight:normal;
	text-align:left;
	font-size:12px;
	color:#222222;
}	


.award a {
	display:block;
	position:relative;
	text-decoration:none;
	float:left;
	width:100%;
	font-weight:bold;
	text-align:left;
	font-size:12px;
	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:12px;
	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;
}