/* ILZSG */

html { font-weight: normal; font-family: arial, verdana, sans-serif; height:100%; border:0px; padding:0px; margin:0px;}
body {border:0px; padding:0px; margin:0px; height:100%;  font-size: 10px; background-color: #eeeeee; color: #333333;}
.arepo .center-layout {text-align:center; height:100%;  margin-left:10%; margin-right:10%;}

/* centering the site 
make all outer layout tables have {margin-left:auto; margin-right:auto; }
use either on body or a center-layout div {text-align:center;}
*/
.arepo .center-layout { text-align:center;}
.arepo .center-layout table.outer {width:100%; margin-left:auto; margin-right:auto; margin-top:0px; border-collapse:collapse; padding:0px; background-color:#ffffff;}
.arepo .center-layout table.outer td.leftshadow { width:8px; background-image:url(../images/shadow-left.gif); background-repeat:repeat-y;}
.arepo .center-layout table.outer td.rightshadow { background-image:url(../images/shadow-right.gif); background-repeat:repeat-y;}
.arepo .center-layout table.outer td { padding-bottom:0px; padding-top:0px; margin:0px;}

/* top nav */
.arepo .topnav {width:100%; text-align:center; height:30px; background-image:url(../images/topnav-bg.gif); background-repeat:repeat-x; text-align:center; margin-bottom:10px;}
.arepo .topnav table {width:100%; margin-top:5px; border-collapse:collapse;}
.arepo .topnav td {width:auto; text-align:center; color:#ffffff; font-size:12px; padding:3px 0px 3px 0px; border-right:solid 1px #ffffff;}
.arepo .topnav td.noline {border-right: solid 0px #ffffff;}
.arepo .topnav a, 
.arepo .topnav a:link,  
.arepo .topnav a:visited   {color:#FFFFFF; font-size:12px; text-decoration:none; text-align:center; font-weight:bold;}
.arepo .topnav a:hover {color:#bfd6f6;}


/* left nav */
.arepo .content .leftnav td.sister {padding-top:30px;}
.arepo .content td.leftnav { vertical-align:top; padding-top:30px;}
.arepo .content .leftnav table {width:160px; border-collapse:collapse; margin-left:0px; margin-right:20px; }
.arepo .content .leftnav td.leftnav {vertical-align:middle; height:22px; color:#ffffff; background-image:url(../images/leftnav-bg.gif); background-repeat: repeat-x; font-size:12px; font-weight:bold;}
.arepo .content .leftnav .navitem { border-bottom: solid 1px #cecece; margin-top:5px; margin-bottom:5px;}
.arepo .content .leftnav .navitem2 { border-bottom: solid 1px #cecece; margin-top:5px; margin-bottom:30px;}
.arepo .content .leftnav a { font-size:12px; color:#666666; text-decoration:none;}
.arepo .content .leftnav a:hover { color:#1373bf;}
.arepo .content .leftnav .title {line-height:12px; margin-top:-5px; margin-bottom:15px;}
.arepo .content .leftnav .title a { font-size:10px;}

.arepo .content .leftnav .navitem .china { line-height:12px;}
.arepo .content .leftnav .china a { background-image:url(../images/languages/chinese.gif); background-repeat: no-repeat; color:#ffffff;}
.arepo .content .leftnav .china a:hover { background-image:url(../images/languages/chinese-o.gif);}
.arepo .content .leftnav .japan a { background-image:url(../images/languages/japan.gif); background-repeat: no-repeat;}
.arepo .content .leftnav .japan a:hover { background-image:url(../images/languages/japan-o.gif);}

/*member countries */
.arepo .members {margin-top:20px;}
.arepo .members table {font-size:12px;}
.arepo .members td {padding-right:10px;}
.arepo .right .member { margin-left:60px; margin-bottom:10px; text-align:center; }

.arepo td.countries { vertical-align:top; padding-left:20px; padding-right:0px; width:140px; }
.arepo td.countries .title { padding-right:30px; padding-top:1px; text-align:right; height:62px; width:140px; margin-bottom:0px; color:#ffffff; background-image:url(../images/leftnav-bg.gif); background-repeat: repeat-x; font-size:12px; font-weight:bold;}
.arepo td.countries .right { float:left; width:90px; margin-top:-25px; margin-left:-20px;}
.arepo td.countries .left { float:left; width:150px;}

.arepo .members_home {margin-top:0px;}
.arepo .members_home table { padding:0px; width:25%; border-collapse:collapse;}

.arepo .members_home td.title { padding-right:30px; text-align:right; height:22px; color:#ffffff; background-image:url(../images/leftnav-bg.gif); background-repeat: repeat-x; font-size:12px; font-weight:bold;}
.arepo .members_home .member_flag { padding-left:20px; margin-top:10px; margin-bottom:0px;}

/* stats table */
.arepo td.maincontent .heading  h3 { color:#000000;}
.arepo table.stats { width:100%;}
.arepo table.stats td { border-bottom: solid 1px #c8d1f1; padding:5px;}
.arepo table.stats td.year { width:25%; font-weight:bold;}
.arepo table.stats td.country { width:25%; }
.arepo table.stats tr.heading { font-weight:bold; font-size:12px; background-color:#c8d1f1;}


/* main content */
.arepo .content table.main { width:100%; margin-top:10px; font-size:12px; border-collapse:collapse;}
.arepo .content td.maincontent {vertical-align:top; padding-left:10px; padding-right:10px; width:75%; border: solid 1px #cecece; }
.arepo table.generaldef { line-height:18px;}
.arepo .environ-intro {margin-left:40px; margin-top:-10px;}

/* footer */
.arepo td.bottom { text-align:center;}
.arepo .copy { color:#384098; font-size:10px; margin-top:10px; margin-bottom:0px; padding:10px 0px 10px 0px; border-top: solid 1px #cecece; border-bottom: solid 1px #cecece;}
.arepo .copy a, 
.arepo .copy a:link, 
.arepo .copy a:visited { text-decoration: underline; color:#384098;}
.arepo .copy a:hover {text-decoration: none; color:#1373bf;}
.arepo .copy .arepo {color:#333333;}
	

/* COLOURS ===============
#bfd6f6 = blue hover - TOP NAV
#1373bf = blue hover - LEFT NAV
#384098 = dark blue - HEADERS
==========================*/