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

/* reset */
html, body, div, span { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; _margin: 0px; _padding:0 1px;  *margin: 0;
 *padding: 0;
font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; color: #333333; text-align: justify; }
/*--------------------------*/
a { color: #3366CC; text-decoration: none; transition: .3s all ease-in-out; }
a:hover { color: #339; text-decoration: underline; }
/*--------------------------*/
p { padding: 0 0 15px 0; margin: 0; }
ul, ol { margin: 5px; padding-left: 20px; list-style-type: disc; }
li { padding-bottom: 15px; }
#wrapper { width: 98%; margin-bottom: 50px; }
#header { height: 108px; }

.clear { clear: both; margin-bottom:30px; }
#footer { height: 50px; }
#nav { font-size: 11px; font-weight: bold; color: #000000; margin-bottom: 20px; }
.navTableTitle { background-color: #6699CC; color: #FFFFFF; font-size: 130%; font-weight: bold; padding: 2px; border-top: 1px solid #036; }
.navTableShadow { border-left: 1px solid #036; }
.navTableHighlight { border-right: 1px solid #FFFFFF; }
#nav li { color: #666666; padding-bottom: 0px; }
.title { color: #333399; font-weight: bold; display: block; margin-bottom: 25px; font-size: 14px; }
.subtitle { font-weight: bold; color: #333399; }
.table { background-color: #CCCCCC; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: left; }
.table td { background-color: #FFFFFF; vertical-align: top; }
.table .subTitle { background-color: #66B257; color: #FFFFFF; }
.photo { margin: auto; display: block; padding: 10px; }
.img_magrinBottom { margin-bottom: 10px; display: block; }
.tablePaddingBottom td { padding-bottom: 20px; }
#plenary .date { display: block; color: #666666; font-weight: bold; margin-bottom:15px; }
#plenary .plenaryTable { width: 700px; margin-left: 25px; float: left; }
#plenary td { vertical-align: top; }
#plenary .title { width: 580px; float: left; color: #990000; padding-left: 25px; background-image: url(img/img_title.gif); background-position: left 3px; background-repeat: no-repeat; }
#plenary .tdc { width: 120px; float: left; text-align: right; font-size: 9px; margin-bottom: 10px; }
#plenary #photo { width: 220px; padding-left: 15px; }
#plenary #photo div { font-size: 10px; line-height: 1.5; margin-bottom: 15px; }
#plenary #photo img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 5px; border: 1px solid #333333; }


/* new nav */
#nav .banner { padding: 30px; display: block; }
.nav-bar { background: url(img/nav_bg.gif) 0 0 repeat-x; border-top: 1px solid #036; height: 100px; }
#nav span { display: block; float: left; border-left: 1px solid #036; border-right: 1px solid #fff; height: 100%; font-weight: bold; color: #666; font-size: 11px }
#nav span.nav-first { width: 30px; border-left: none; }
#nav span.nav-end { width: 30px; border-left: 1px solid #036; border-right: 0; }
#nav span.about, #nav span.plenary, #nav span.useful { width: 250px; }
#nav strong { font-weight: bold; font-size: 14px; color: #FFF; text-align: center; margin: 0; padding: 2px; display: block; width: 100%; }
#nav ul { list-style: none; margin: 0; padding: 0; }
#nav ul.content { margin: 5px; padding-left: 20px; background: url(img/img_bullet.gif) 0 0 repeat-y; }
#nav ul.plenary-list { background: none; padding: 0 15px; margin: 5px; }
#nav ul.plenary-list li { float: left; padding-left: 15px; border: none; background: url(img/img_plenary-bullet.gif) 7px 50% no-repeat; }
#nav ul.content li em { background: url(img/img_plenary-bullet.gif) 50% 50% no-repeat; padding: 0 5px; display: inline-block; }


#container { width: 730px; padding-left: 50px; margin-top: 30px; background-image: url(img/section_ptn.gif); background-position: 0 0; background-repeat: no-repeat; }
#container:after { display: table; content: ""; clear: both; }


h1 { display: block; margin-bottom: 25px; text-indent: -9999px; }
.contact h1 { background: url(img/title_contacts.gif) 0 0 no-repeat; width: 139px; height: 35px; }
.structure h1 { background: url(img/title_structure.gif) 0 0 no-repeat; width: 141px; height: 35px; }
.member_hk h1 { background: url(img/title_HK_Section.gif) 0 0 no-repeat; width: 239px; height: 35px; }
.background h1 { background: url(img/title_background.gif) 0 0 no-repeat; width: 167px; height: 35px; }
.member_fr h1 { background: url(img/title_French_Section.gif) 0 0 no-repeat; width: 198px; height: 35px; }
.links h1 { background: url(img/title_links.gif) 0 0 no-repeat; width: 103px; height: 35px; }
.index .fr h1 { background: url(img/title_FR_secretariat.gif) 0 0 no-repeat; width: 232px; height: 35px; }
.index .hk h1 { background: url(img/title_HK_secretariat.gif) 0 0 no-repeat; width: 273px; height: 35px; }


h1, h2 { font-size: 12px; line-height: normal; }
h2 { color: #333399; margin: 0 0 5px 0; }


.plenary .date { display: block; color: #666666; font-weight: bold; margin-bottom:15px; }
.plenary .plenaryTable { width: 700px; margin-left: 25px; float: left; }
.plenary td { vertical-align: top; }
.plenary .title { width: 580px; float: left; color: #990000; padding-left: 25px; background-image: url(img/img_title.gif); background-position: left 3px; background-repeat: no-repeat; }
.plenary .tdc { width: 120px; float: left; text-align: right; font-size: 9px; margin-bottom: 10px; }
.plenary #photo { width: 220px; padding-left: 15px; }
.plenary #photo div { font-size: 10px; line-height: 1.5; margin-bottom: 15px; }
.plenary #photo img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 5px; border: 1px solid #333333; }

.links ul { margin: 0; padding: 0; list-style: none;}
.links strong { display: block;}

.index .fr, .index .hk { float: left; width: 50%;}