@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	padding:0px;
	border:0px;
	background-color:#EDF8FE;
		font-family:Arial, Helvetica, sans-serif;
		}
img { border:0px; }
a { color:#224259;}

#wrapper { position:relative; margin:auto; width:780px; /*border:solid 1px red*/ }
	
	#banner { position:relative; width:780px; height:116px; margin: 0px 0px 0px 0px; background:url(../images/banner.jpg) no-repeat; }
		#logo { position: absolute; top:10px; left:30px;}
		
		
		#breadcrumps { position: absolute; top:100px; left:20px; font:normal 11px Arial; color:#999999; }
		#breadcrumps a { font:normal 11px Arial; color:#3B7EC1; }
	
		#container {
		
		width:780px;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 10px 0px;
		border-bottom:solid 1px #D5E0E4;
		background: url(../images/bck.gif); /*border:solid 1px red*/
		}
		#container h1 { font:normal 16px Arial; color:#0651A4; margin: 0px 20px 20px 20px; padding: 20px 0px 8px 0px; border-bottom:solid 2px #AECEF4; width:680px }
		#container p { font:normal 12px Arial; color:#000000; margin:5px 20px 5px 20px; line-height:18px; width:680px;  }
		#container a { font:normal 12px Arial; color:#0651A4;  text-decoration:none; }
		#container ul,li { font:normal 12px Arial; color:#000000; margin: 10px; width:680px;  }
		#container a.more{ font:bold 12px Arial;  color:#0651A4;}
		#container h2 { font:normal 1px Arial; color:#0651A4;  border-bottom:solid 2px #AECEF4; width:680px }
		
		
		
		#footer { height:70px; background:url(../images/bck-bottom.jpg) repeat-x top left; font:normal 11px Arial; color:#343434;}
		#footer a { font:normal 11px Arial; color:#343434;  text-decoration:underline; }
		#footer #left {float:left; padding:10px}
		#footer #right {float:right; padding:10px}


#library {}
#library table { width:95%; margin:0px 20px 0px 20px;font:normal 12px Arial; color:#343434; }
#library table td{ vertical-align:top; padding:10px 0px 10px 0px; }
#library table th a{ font:bold 12px Arial;  }
#library table td a{ font:bold 12px Arial;  }
#library table title{ font:bold 12px Arial; color:#343434;}

#files {}
#files table h1 { font:normal 16px Arial; color:#0651A4; margin: 0px 20px 10px 20px; padding: 10px 0px 0px 0px; border-bottom:solid 2px #AECEF4; width:680px }
#files table { width:80%; margin:20px 20px 0px 20px;font:normal 12px Arial; color:#343434; }
#files table tr{ vertical-align:top; padding:0px; }
#files table td{ vertical-align:top; padding:2px 0px 2px 0px; }
#files table p{ padding:2px 0px 2px 0px;margin:2px 0px 2px 0px;  }
#files table th a{ font:bold 12px Arial;  }
#files table td a{ font:bold 12px Arial;  }

#links {}
#links table { width:90%; margin:20px 20px 0px 20px;font:normal 12px Arial; color:#343434; }
#links table td{ vertical-align:top; padding:10px 0px 10px 0px; }
#links table th a{ font:bold 12px Arial;  color:#0651A4;}
#links table td a{ font:bold 12px Arial;  }


/*#menu {
border:solid 1px red;
position: absolute;
top: 5px;
left: 150px;
z-index:100;
width: 100%; /* precision for Opera */
/*}
#menu dl {
float: left;
width: 60px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}*/

#menu {
list-style-type:none;
margin:12px 0 0 201px;
padding:0;
width:579px;
height:31px;
float:left;
font-size:12px;
font-weight:bold;
}
* html #menu {
margin:12px 0 0 100px;
}
#menu li {
float:left;
padding:0;
margin:0;
position:relative;
width:88px;
height:31px;
z-index:100;
}
#menu li#association{
width:122px;
}
#menu li#contact{
width:90px;
}
#menu li dl {
position:absolute;
top:0;
left:0;
margin: 0;
padding: 1px 0 0 2px;
cursor: pointer;
width:88px;
}
*+html #menu li dl {
padding: 1px 0 0 0;
}
#menu li#association  dl{
width:122px;
}
*+html #menu li#association dl {
width:120px;
}
#menu li#contact dl{
width:90px;
}
*+html #menu li#contact dl{
width:88px;
}
#menu li dl:hover {
cursor:hand;
width:88px;
padding:0;
}
#menu li#association dl:hover {
width:120px;
}
#menu li#contact dl:hover {
width:88px;
}
#menu li a, #menu li a:visited {
text-decoration:none;
}
#menu li dd {
display:none;
z-index:100;
}
#menu li:hover, #menu li a:hover {
border:0;
}
#menu li dl:hover dt{
background:url(../images/bgk-btn.gif) right top repeat;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
width:86px;
height:29px;
cursor:hand;
}

#menu li#association dl:hover dt{
width:118px;
}

#menu li:hover dd, #menu li a:hover dd {
display:block;
height:28px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;

color:#FFFFFF;
}
#menu li:hover dd, #menu li a:hover dd.titke {cursor: pointer;}


#menu dt {
margin:0;
padding:0;
text-align:center;
}
#menu dd {
margin:0;
padding:0;
color:#FFFFFF;
background-color:#6199d2;
/*width:180px;*/
width:192px;
}
.pexassociation dt a, .pexassociation dt a:visited {
display:block;
color:#FFFFFF;
height: 31px;
width: 84px;
}
.pexassociation dt a.pex{
width: 116px;
}

.pexassociation dt a span{
display:block;
padding-top:6px;
}
.pexassociation dt a:hover span, #menu li:hover dt a span{
display:block;
border-top:1px solid #6199d2;
border-right:1px solid #6199d2;
border-left:1px solid #6199d2;
border-bottom:1px solid #578bbf;
height: 22px;
width: 84px;
padding-top:6px;
cursor: pointer;
}
*+html .pexassociation dt a:hover span,*+html #menu li:hover dt a span{
margin-left:-1px;
cursor: pointer;
}
.pexassociation dt a.pex:hover span, #menu li:hover dt a.pex span{
width: 116px;
cursor: pointer;
}

#menu li:hover dd span, #menu li a:hover dd span{
border-top:1px solid #67a4e1;
border-bottom:1px solid #578bbf;
background-image:none;
display:block;
height:22px;
margin-top:-6px;
padding:6px 0 0 6px;
cursor: pointer;
}
.pexassociation dd a, .pexassociation dd a:visited {
display:block;
padding:0;
height:23px;
color:#FFFFFF;
padding-top:5px;
}
.pexassociation dd a:hover {
background-color:#0051a9;

}
/***********IE 6***************/
#menu table {
border-collapse:collapse;
padding:0;
margin:2px;
font-size:1em;
}
* html #menu li{
margin-top:-2px;
cursor: pointer;

}
* html #menu li a:hover table tr td{
background:url(../images/bgk-btn.gif) right top repeat;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
width:86px;
height:29px;
cursor: pointer;
}
* html #menu li a.pexassociation:hover table tr td{
width: 116px;
cursor: pointer;
}
* html .pexassociation dt a.pex span,* html #menu li dt a.pex span{
width: 115px;
cursor: pointer;
}
* html .pexassociation dt a:hover span,* html #menu li a:hover dt a span{
display:block;
border-top:1px solid #6199d2;
border-right:1px solid #6199d2;
border-left:1px solid #6199d2;
border-bottom:1px solid #578bbf;
height: 21px;
width: 80px;
margin:1px 0 0 -4px;
cursor: pointer;
}
* html .pexassociation dt a.pex:hover span,* html #menu li a.pexassociation:hover dt a span{
width: 115px;

}
label { font:normal 11px Verdana, Arial, Helvetica, sans-serif;}