/* CSS Document */
body{height: 100%; padding:0; margin:12px 0 0; background:url(images/main-bg.gif) 0 0 repeat-x #fff; font:14px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#7D7D7D; }
div, p, ul, h1, h2, h3, h4, h5, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

#mainPan{width:778px; position:relative; margin:0 auto; height: auto;}
/*---TOP PANEL---*/
#topPan{width:778px; height:185px; border: 0px solid red; background:url(images/header2.jpg) 0 0 no-repeat;}
#topleftPan{width:608px;height:185px; margin:0; float:left; background:url(images/header2.jpg) 0 0 no-repeat; color:#fff;}
/*#topPan img{ display:block; margin:0; position:absolute; top:0; left:0; border: 0;}*/


#toprightPan{width:170px; height:185px; position:absolute; top:0px; right:0px;}
#toprightPan ul{width:117px; height:147px; margin:18px 0 0;}
#toprightPan ul li{height:30px; border-bottom:1px solid #CBCACA; line-height:29px;}
#toprightPan ul li a{width:117px; display:block; background:url(images/arrow-normal.gif) 0 50% no-repeat #fff; color:#3B3B3B; text-decoration:none; padding:0 0 0 20px;}
#toprightPan ul li a:hover{background:url(images/arrow-hover.gif) 0 50% no-repeat; text-decoration:none;}
#toprightPan ul li.underlinenone{height:30px; border-bottom:none; line-height:29px;}

#toprightPan ul li a.current{width:117px; display:block; background:url(images/arrow-hover.gif) 0 50% no-repeat #fff; color:#3B3B3B; text-decoration:none; padding:0 0 0 20px; font-weight: bold;}


/*---/TOP PANEL---*/

/*---BODY PANEL---*/
#bodytopPan{width:778px; height:80px; background:url(images/bodytop.jpg) 0 0 no-repeat; border: 0px solid red;}
/*---BodyTop Left Panel--*/
#bodytopleftPan{width:608px; margin:0; float:left;}
#bodytopleftPan h2{width:478px; height: auto; display:block; font:24px/24px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#638387; background: transparent; margin:28px 0 0px 61px; padding: 0 0 15px 0; border-bottom: 1px solid #638387;}
#bodytopleftPan h2 span{font-size:21px; line-height:24px; font-weight:normal; color:#89A254;}
#bodytopleftPan h3{width:116px; height:47px; display:block; background:url(images/icon1.jpg) 0 0 no-repeat #fff; color:#06507A; border-bottom:1px solid #E6E6E6; font-size:14px; line-height:14px ; margin:0 0 0 61px; padding:6px 0 0 100px; font-weight:bold; text-transform:uppercase;}
#bodytopleftPan h3 span{background:#fff; color:#39A002; text-transform:none;}

/*---/BodyTop Left Panel--*/

/*---BodyTop Right Panel--*/
#bodytoprightPan{width:170px; position:absolute; top:185px; right:0px;}
#bodytoprightPan form{width:151px; height:119px; background:url(images/formarea.jpg) 0 0 no-repeat; margin:15px 0 0;}
#bodytoprightPan input{width:100px; height:15px; line-height:14px; font-size:11px; margin:0 0 0 22px;}
#bodytoprightPan input.button{width:103px; height:22px; background: url(images/button.gif) 0 0 no-repeat #fff; color:#fff; font:14px/18px Georgia, "Times New Roman", Times, serif; text-align:center; font-weight:bold; border:none; margin:14px 0 0 22px;}

#bodytoprightPan form h2{width:100px; height:62px; display:block; background:url(images/icon5.jpg) 0 50% no-repeat #fff; color:#39A002; font:15px/52px Georgia, "Times New Roman", Times, serif; font-weight:bold; text-transform:uppercase; padding:0 0 0 33px; margin:0 0 0 19px;}

/*---/BodyTop Right Panel--*/

#bodyPan{width:778px;}
/*---Body Left Panel--*/
#bodyleftPan{width:608px; background: url(images/body-bg.gif) 0 0 repeat-y; margin:0; padding:0 0 40px;}
#bodyleftPan p{padding:19px 61px 0;}
#bodyleftPan p span.boldtext{font-weight:bold; color: #638387;}
#bodyleftPan p.border{height:6px; margin:20px 61px; padding:0 0 45px 0; border-bottom: 10px solid #EAEAEA;}
#bodyleftPan p.captiontext{font:16px/22px Georgia, "Times New Roman", Times, serif; background: url(images/body-bg.gif) 0 0 repeat-y #fff; color:#7D7D7D; font-style:italic; font-weight:bold;}
#bodyleftPan p span.quetion{font-size:50px;}
#bodyleftPan p a{color:#638387; text-decoration: underline;}
#bodyleftPan p img{float: right; border: 1px solid #638387; margin: -15px 0px 5px 10px;}
#bodyleftPan fieldset{width: 490px; margin: auto; margin-bottom: 15px; padding: 0px 0 10px 0; border: 1px solid #DEDEDE; border-bottom: 1px solid #BDBDBD; background: url(images/fieldsetback.jpg) bottom left repeat-x;}
#bodyleftPan fieldset p{margin: 10px 10px 10px 10px; padding: 0;}
#bodyleftPan fieldset legend{font-weight: bold; color: #638387; margin: 0 5px 0 5px;}
#bodyleftPan fieldset p img{float: right; border: 5px solid #638387; margin: 5px;}

#bodyleftPan h2{width:478px; height:40px; display:block; font:21px/21px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#638387; background: transparent; margin:0px 0 0px 61px; padding-top: 25px;}
#bodyleftPan h2 span{font-size:21px; line-height:21px; font-weight:normal;}
#bodyleftPan h3{width:116px; height:47px; display:block; background:url(images/icon1.jpg) 0 0 no-repeat #fff; color:#06507A; border-bottom:1px solid #E6E6E6; font-size:14px; line-height:14px ; margin:20px 0 0 61px; padding:6px 0 0 100px; font-weight:bold; text-transform:uppercase;}
#bodyleftPan h3 span{background:#fff; color:#39A002; text-transform:none;}
#bodyleftPan h4{width:478px; height:40px; display:block; font:24px/24px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#39A002; background:#fff; margin:0 0 0 61px;}
#bodyleftPan h5{width:200px; height:47px; display:block; background:url(images/icon4.jpg) 0 0 no-repeat #fff; color:#06507A; border-bottom:1px solid #E6E6E6; font-size:18px; line-height:24px ; margin:10px 0 10px 59px; padding:0 0 10px 100px; border-bottom:1px solid #E6E6E6;}
#bodyleftPan h5 span{font-size:24px;}

#bodyleftPan ul{margin: 15px 0 0 60px; width:300px;} 
#bodyleftPan ul li{width:170px; height:26px;}
#bodyleftPan ul li a{width:150px; display:block; background:url(images/arrow2.gif) 0 50% no-repeat; color:#3B3B3B; text-decoration:underline; padding:0 0 0 20px;}
#bodyleftPan ul li a:hover{text-decoration:none;}

#bodyleftPan ol{margin: 15px 0 0 60px; width:400px;} 
#bodyleftPan ol li{width:400px; height:26px;}
#bodyleftPan ol li a{width:150px; display:block; background:url(images/arrow2.gif) 0 50% no-repeat; color:#3B3B3B; text-decoration:underline; padding:0 0 0 20px;}
#bodyleftPan ol li a:hover{text-decoration:none;}

#bodyleftlinkboxonePan{width:400px; height:50px; display:block; margin:25px 0 0  61px; padding:0px;}
#bodyleftlinkboxonePan ul{width:400px; height:28px; width:318px; height:24px;}
#bodyleftlinkboxonePan ul li{display:block; width:156px; height:34px; float:left;}
#bodyleftlinkboxonePan ul li.comments{width:110px; height:28px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#00456F; font-size:14px; font-weight:normal; padding:0 0 0 35px;}
#bodyleftlinkboxonePan ul li.comments span.boldtext{font-weight:bold;}

#bodyleftlinkboxonePan ul li.continue{width:134px; height:28px; background:url(images/icon3.jpg) 0 0 no-repeat; padding:2px 0 0 36px;}
#bodyleftlinkboxonePan ul li.continue a{display:block; height:18px; background:#fff; color:#00456F; font-size:14px; font-weight:normal; text-decoration:none; float:left;}
#bodyleftlinkboxonePan ul li.continue a:hover{display:block; height:18px; background:#F4F4F4; text-decoration:none;}


#bodyleftlinkboxPan{width:400px; height:88px; display:block; margin:25px 0 0  61px; padding:0px;}
#bodyleftlinkboxPan ul{width:400px; height:28px; width:318px; height:24px; margin:0px;}
#bodyleftlinkboxPan ul li{display:block; height:34px; float:left;}
#bodyleftlinkboxPan ul li.comments{width:110px; height:28px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#00456F; font-size:14px; font-weight:normal; padding:0 0 0 36px;}
#bodyleftlinkboxPan ul li.comments span.boldtext{font-weight:bold;}

#bodyleftlinkboxPan ul li.continue{width:134px; height:28px; background:url(images/icon3.jpg) 0 0 no-repeat; padding:2px 0 0 36px;}
#bodyleftlinkboxPan ul li.continue a{display:block; height:18px; background:#fff; color:#00456F; font-size:14px; font-weight:normal; text-decoration:none; float:left;}
#bodyleftlinkboxPan ul li.continue a:hover{display:block; height:18px; background:#F4F4F4; text-decoration:none;}

#bodyleftpublicationPan{width:468px; margin:25px 0 0  61px; padding:0px;}
#bodyleftpublicationPan h2{width:448px; height:70px; background:url(images/bullet1.gif) 0 0 no-repeat #fff; font-size:16px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px;}
#bodyleftpublicationPan h2 span{background:#fff; color:#06507A; font-size:14px;}

#bodyleftpublicationPan h3{width:448px; height:70px; background:url(images/bullet2.gif) 0 0 no-repeat #fff; font-size:16px; line-height:20px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px; text-transform:none; border:none;}
#bodyleftpublicationPan h3 span{background:#fff; color:#06507A; font-size:14px; font-weight:normal;}

#bodyleftpublicationPan h4{width:448px; height:70px; background:url(images/bullet3.gif) 0 0 no-repeat #fff; font-size:16px; line-height:20px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px; text-transform:none;}
#bodyleftpublicationPan h4 span{background:#fff; color:#06507A; font-size:14px; font-weight:normal;}

#bodyleftpublicationPan h5{width:448px; height:70px; background:url(images/bullet4.gif) 0 0 no-repeat #fff; font-size:16px; line-height:20px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px; text-transform:none; border:none;}
#bodyleftpublicationPan h5 span{background:#fff; color:#06507A; font-size:14px; font-weight:normal;}


#bodyleftpublicationPan p.dotline{background:url(images/dotline.gif) 0 0 repeat-x; margin:0 0 0 38px; padding:0;}
/*---/Body Left Panel--*/

/*---Body Right Panel--*/
#bodyrightPan{width:170px; position:absolute; top:389px; right:0px;}
#bodytoprightPan ul{width:170px;} 
#bodytoprightPan ul li{width:170px; height:26px;}
#bodytoprightPan ul li a{width:150px; display:block; background:url(images/arrow2.gif) 0 50% no-repeat; color:#3B3B3B; text-decoration:underline; padding:0 0 0 20px;}
#bodytoprightPan ul li a:hover{text-decoration:none;}
/*---/Body Right Panel--*/

/*---FOOTER PANEL--*/
#footermainPan{height: 174px; background:url(images/footerbg.gif) 0 0 repeat-x #fff; color:#fff; margin:0; padding:0; overflow: auto}
#footerPan{width:778px; position:relative; margin:0 auto;}
#footerPan img{width:164px; height:0; position:absolute; top:37px; right:6px;}

#footerPan ul{width:500px; position:absolute; top:20px; left:10px;}
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.yannick{width:190px; color:#fff; display:block; position:absolute; top:60px; left:20px; }
#footerPan ul.yannick li{height:20px;}
#footerPan ul.yannick li a{display:block; color:#fff; text-decoration:none; padding:0px;}
#footerPan ul.yannick li a:hover{text-decoration:underline;}

#footerPan p.copyright{color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:40px; left:20px;}

#footerPanhtml{width:70px; height:24px; background:url(images/htmlbutton.gif) 0 0 no-repeat #7D7D7D; display:block; position:absolute; top:90px; left:61px;}
#footerPanhtml a{width:59px; height:19px; background:url(images/arrow3-normal.gif) no-repeat 45px 4px #fff; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:url(images/arrow3-hover.gif) no-repeat 45px 4px #fff; color:#353427; text-decoration:none;}

#footerPancss{width:58px; height:24px; background:url(images/cssbutton.gif) 0 0 no-repeat #7D7D7D; display:block; position:absolute; top:90px; left:135px;}
#footerPancss a{width:46px; height:19px; background: url(images/arrow3-normal.gif) no-repeat 35px 4px #fff; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPancss a:hover{background:url(images/arrow3-hover.gif) no-repeat 35px 4px #fff; color:#353427; text-decoration:none;}

#footerPanvalid img{border: 0px solid red; margin: 0 175px 0 0px; padding: 0; width: 88px; height: 31px;}
.list_a {
margin: 0 0 0 50px;
}
.list_a{margin: 30px 0 10px 50px;}
.list_a li{margin: 10px 0 20px 10px; height: 59px; width: 475px;}
.list_a li a{border: 0; text-decoration: none; }
.list_a li a img{border: 0; border-right: 5px solid #fff; float: left;}
.list_a li a strong{display: block; height: 20px; width: 360px;border: 1px solid red; text-decoration: none; color: #000; margin: 10px 0px 50px 80px; padding: 18px; color: #638387; background-color: #E1EDC8;  border: 1px solid #D2E1B2; background: url(images/listback2.jpg); font-size: 18px; font-weight: normal;}
.list_a li a:hover strong{background: url(images/listback.jpg);}
.slide p strong {font-size: 24px;}
#slide-1 p strong{font-size: 24px;}
#mover .slide p strong{font-size: 24px;}


#content h2{
display: block;
width: 490px;
color: #444444;
font-size: 13px;
font-weight: bold;
margin: 15px 35px 20px 40px;
margin: auto;
margin-top: 20px;
margin-bottom: 10px;
}
#content h2 a{
display: block;
height: 22px;
text-align: left;
overflow: auto;
clear: none;
color: #638387;
background: #EBEFF0;
font-size: 10px;
font-weight: bold;
margin: 0;
padding: 3px;
text-decoration: none;
border-top: 1px solid #97B6CA;
border-left: 1px solid #97B6CA;
border-bottom: 1px solid #6B8BA0;
border-right: 1px solid #6B8BA0;
border: 1px solid #6B8BA0;
}
#content h2 a:hover{
background: #CED8D9;
border-top: 1px solid #6B8BA0;
border-left: 1px solid #6B8BA0;
border-bottom: 1px solid #97B6CA;
border-right: 1px solid #97B6CA;
border: 1px solid #6B8BA0;
}
#content h2 a em{
color: #638387;
font-size: 13px;
font-weight: bold;
display: block;
float: left;
clear: none;
border: 0px solid red;
margin-left: 10px;
}
#content h2 a strong{
color: #6B8BA0;
display: block;
font-weight: bold;
float: right;
margin:2px 0 0 0;
border: 0px solid red;
}
#content h2 a em{
border-bottom: 1px dotted #DCEEFA;
}
#content h2 a:hover em{
border-bottom: 1px dotted #444444;
}
#content p{
margin: 0 0px 0px 0px;
padding: 0;
}
#content ul{
margin: auto;
}
#content ul li{
float: left; list-style: none; list-style-type: none;
}
#content {
width: 490px;
margin: auto;
}
#content ul{
list-style-type: none;
list-style: none;
display: block;
width: 490px;
border: 0px solid red;
height: auto;
overflow: hidden;
}
#content ul li{
display: block;
position: relative;
width: 100px;
list-style-type: none;
list-style: none;
list-style-image: url(..);
border: 0px solid #B8B8B8;
margin: 20px 13px 20px 0;
padding: 0px;
float: left;
width: auto;
height: auto;
}
#content ul li a{
width: auto;
border: 1px solid #6B8BA0;
margin: 0px;
padding: 0px;
}
#content ul li a img{
margin: 0px;
padding: 0px;
border: 4px solid #ffffff;
}
.flash {margin: auto; margin-top: 10px; border: 1px solid #cccccc; width: 400px; height: auto;}
#flashcontent {border: 0px solid #999999; width: 400px;height: 288px;}
#flashcontent_three {border: 1px solid #999999; width: 400px; height: 288px;}
#flashcontent_two {border: 1px solid #ffffff; width: 398px; height: 398px; padding: 0; position: relative;}
#flash_pan {
position: relative;
display: block;
width: 490px;
height: auto;
overflow: visible;
border: 1px solid red;
}
object {margin: 0 0 0 0px; border: 0px solid red; display:inline; position: relative;}
p.caption{margin-left: 40px;}