@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
	background-color: #E0E0E0;
	background-image: url(../skin/background.gif);
	background-repeat: repeat-y;
	background-position: center top;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
	font-size: 1em;
	height: 100%;
	color: #666666;
	}


.page {
	position: relative;
	margin: 0px;
	width: 100%;
	}

.top {
	margin: auto;
	height: 15px;
	background-color: #f1c63b;
	}

/* ------------------------    h e a d i n g  -----------------------*/	
		
.head {
	position: relative;
	margin: auto;
	width: 100%;
	background-color: #E7E7E7;
	background-image: url(../skin/background-bwwave.gif);
	background-position: center top;
	background-repeat: no-repeat;
	display: table;
}



	
.navbox {
	position: relative;
	margin: auto;
	margin-top: 0px;
	width: 950px;
	background-color: #FFFFFF;
	background-image: url(../skin/background-nav.jpg);
	display: table;
	}
		
.nav {
	position: relative;
	margin: auto;
	width: 950px;
	background-image: url(../skin/background-nav.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	display: table;
	}
	




	
		

.menu-logo { 
	/* logo */
	position: absolute;
	width: 180px;
	height: 82px;
}


/* ---------------- highlight */



.menu-highlight {
	position: relative;
	float: right;
	width: 180px;
	margin-top: 60px;
	text-align: center;
}

.highlight {
	position: relative;
	float: left;
	width: 25px;
	}
	
a.highlight:visited {
	text-decoration: none;
	color: #FFFFFF;
}	
	
a.highlight:link {
	text-decoration: none;
	color: #FFFFFF;
}

a.highlight:hover {
}



#highlight-link1 {
	margin-top: 29px;
	padding-top: 20px;
	padding-bottom: 0px;
	width: 90px;

}

	a#highlight-link1:hover {
	background-image: url(../skin/background-public.jpg);
	}









#highlight-link2 {
	margin-top: 6px;
	padding-top: 33px;
	padding-bottom: 5px;
	width: 88px;
}

	a#highlight-link2:hover {
	background-image: url(../skin/background-publication.jpg);
	background-repeat: no-repeat;
	}




/*-------------------------- about */


.menu-about {
	position: relative;
	float: right;
	width: 220px;
	margin-top: 23px;
	font-size: 0.75em;
	line-height: 1em;
}


.about-link {
	position: relative;
	float: left;
	background-image: url(../skin/bullet.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}

a.about-link:visited {
	text-decoration: none;
	color: #FFFFFF;
}

a.about-link:link {
	text-decoration: none;
	color: #FFFFFF;
}

a.about-link:hover {
	background-color: #8892DA;
	color: #FFFFFF;
}



.about-zone1 {
	position: relative;
	left:5px;
	float:left;
	width: 210px;
}



#about-link-contact {
	padding-left: 15px;
	width: 195px;
	padding-top: 42px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	background-image: none;
	color: #AFB2D3;
	}	


	a#about-link-contact:hover {
	background-position: -5px 0px;
	background-image: url(../skin/background-contact-on.jpg);
	}	






.about-zone2 {
	position: relative;
	left: 5px;
	width:90px;
	float: left;
	clear: left;
}

#about-link-2-1 {
	width: 75px;
}

#about-link-2-2 {
	width: 75px;
}

#about-link-2-3 {
	width: 75px;
}




.about-zone3 {
	position: relative;
	left: 10px;
	float: left;
	width:115px;
}



#about-link-3-1 {
	width: 100px;
}

#about-link-3-2 {
	width: 100px;
}

#about-link-3-3 {
	width: 100px;
}

#about-link-3-4 {
	width: 100px;
}



/* ---------------legal stuff */



.menu-legal {
	position: relative;
	float: right;
	margin-top: 35px;
	font-size: .95em;
	padding-bottom: 50px;
}

.legal-link {
	float: left;
	clear: left;
	border-bottom: dotted 1px #FFFFFF;
	line-height: 1.5em;
	padding-left: 5px;
	width: 160px;
	text-decoration: none;
	}

	#legal-link1 {
	margin-top: 1.8em;
	}



a.legal-link:link {
	text-decoration: none;
	color: #FFFFFF;
}

a.legal-link:visited {
	text-decoration: none;
	color: #FFFFFF;
}

a.legal-link:hover {
	background-color: #000000;
}

	


	
/* ------------------------    C O N T E N T  -----------------------*/	
.------------------------CONTENT-----------------------{}	



.nav-floating-box {
	position: absolute;
	width: 100%;
	margin: auto;
	text-align: center;
	background-color: #CC6600;
}

.nav-floating {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 950px;
}	
	


.menu-home {
	position: absolute;
	width: 55px;
	height: 30px;
	display: table;
	top: -30px;
	left: 0px;}

.home {
	position: relative;
	float: left;
}

a.home:hover {
	background-color: #000000;
}

#home-link1 {
	width: 25px;
	height: 25px;
	height: 30px;
	background-image: url(../skin/home-off.gif);
}

#home-link2 {
	margin-left: 5px;
	width: 25px;
	height: 30px;
	display: none;
}


/* - problem */




.content-area {
	position: relative;
	width: 100%;
	clear: both;
	margin: auto;
	background-color: #E7E7E7;
	text-align: center;
	display: table;
}




.content-box {
	position: relative;
	width: 950px;
	margin: auto;
	background-color: #FFFFFF;
	background-image: url(../images/foot-b.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: table;
	}




/* - problem */




.lang-box {
	position: relative;
	float: left;
	top: 4em;
	width: 85px;
	height: 600px;
}

.lang {
	position: relative;
	float: left;
	clear: left;
	margin-left: 10px;
	padding-left: 22px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	font-size: .6em;
	color: #999999;
	background-position: 2px 1px;
}


a.lang:visited {
	text-decoration: none;
	color: #999999;

}
a.lang:link {
	text-decoration: none;
	color: #999999;
}
a.lang:hover {
	color: #000000;
	background-image: url(../skin/lang.gif);
	background-color: #CCCCCC;
}
	
#english {
}

#french {}


.tabs {
	position: relative;
	float: left;
	width: 120px;
	text-align: center;
	font-size: .8em;
	margin-bottom: 2em;
	padding-top: .2em;
	}
	
	#current {
	margin-left: 20px;
	}
	
	#archives {
	margin-left: 20px;
	clear: right;
	}
	
	






.content {
	position: relative;
	float: left;
	width: 865px;
	margin: auto;
	text-align: left;
	padding-top: 20px;
}


.headnote {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
}

	
.headnote p {
	margin-bottom: 2em;}

.col1 {
	position: relative;
	float: left;
}

.col2 {
	position: relative;
	float: left;
}

.col3 {
	position: relative;
	float: left;
}

.footernote {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	MARGIN-TOP: 10PX;
	}
.footernote p{
	font-size: 0.6em;
	color: #000000;
}


.lable {
	width: 120px;
	float: left;
	clear: left;
	font-size: .7em;

	}

.data {
	margin-left: 10px;
	width: 260px;
	float: left;
	color: #000000;
	}

.otherparty {
	float: left;
	clear: both;
	border-top: solid 1px #CCCCCC;
	width: 100%;
	margin-top: .5em;
	margin-bottom: .5em;

}


a:visited {
	color: #5689FF;
	text-decoration: none;
}

a:link {
	text-decoration: none;
	color: #0033FF;
}

a:hover {
	text-decoration: none;
	background-color: #CCD3F4;
	
}

h1 {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 0px;
	padding-bottom: 1.7em;
	color: #5662AC;
	margin-bottom: 0px;
	font-size: 1.4em;
	font-weight: normal;
}

h2 {
	margin-top: 0em;
	color: #5662AC;
	margin-bottom: .7em;
	font-size: 1.1em;
	font-weight: normal;

}

h3 {
	margin-bottom: .2em;
	color: #000000;
	font-size: .95em;
	font-weight: normal;
	}


h4 {
	clear: left;
	font-size: 0.7em;
	color: #000000;

}


h5 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-style: italic;
	font-weight: normal;
	font-size: 0.7em;
	color: #000000;
}

h6 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 0.7em;
	font-weight: normal;
}


p {
	margin-top: 0px;
	margin-bottom: .6em;
	font-size: 0.8em;
	line-height: 1.35em;
}

li {
	font-size: .8em;
	margin-bottom: 4px;
	text-indent: 0px;
	}

em {
	color: #000000;
}

/* ------------------------    H O M E   -----------------------*/	
.------------------------HOME-----------------------{}	


.intro {
	float: left;
	width: 280px;
	}

.intro p {
	font-size: .85em;
}


.hotspot {
	float: left;
	width: 130px;
	height: 130px;
	margin-left: 10px;
	text-align: center;
	background-repeat: no-repeat;
	}


#hotspot1 {
	background-image: url(../images/hotspot-1.gif);
}

#hotspot2 {
	background-image: url(../images/hotspot-2.gif);
}



.hotspot-link {
	position:relative;
	float: left;
	top: 75px;
	background-color: #5662AC;
	width: 100%;
	line-height: 2em;
}


a.hotspot-link:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a.hotspot-link:link {
	color: #FFFFFF;
	text-decoration: none;
}

a.hotspot-link:hover {
	background-color: #000000;
}





/* ------------------------    F O O T E R   -----------------------*/	
.------------------------FOOTER-----------------------{}	



.footer {
	position: relative;
	background-position: center top;
	background-image: url(../skin/background-foot.gif);
	background-repeat: no-repeat;
	top: -105px;
	}
	
.address-box {
	position: relative;
	margin: auto;
	padding-top: 75px;
	width: 950px;
	}
	
.address {
	padding-top: 0px;
	padding-left: 85px;
	background-repeat: no-repeat;
	background-position: 400px 20px;
}

.address p {
	font-size: 0.6em;
	color: #786215;
}

	.address h2 {
	font-size: 0.8em;
	text-align: right;
	padding-right: 30px;
	font-weight: normal;
	}
	
		
	


.printfix {
	display: none;
}