/* 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;}
.center-layout {text-align:center; height:100%;  margin-left:10%; margin-right:10%;}

/* no borders on images */
img { border: 0px; }

/* 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;}
*/
.center-layout { text-align:center;}
.center-layout table.outer {width:100%; margin-left:auto; margin-right:auto; margin-top:0px; border-collapse:collapse; padding:0px; background-color:#ffffff;}
.center-layout table.outer td.leftshadow { width:8px; background-image:url(../images/shadow-left.gif); background-repeat:repeat-y;}
.center-layout table.outer td.rightshadow { background-image:url(../images/shadow-right.gif); background-repeat:repeat-y;}
.center-layout table.outer td { padding-bottom:0px; padding-top:0px; margin:0px;}

/* top nav */
.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;}
.topnav table {width:100%; margin-top:5px; border-collapse:collapse;}
.topnav td {width:auto; text-align:center; color:#ffffff; font-size:12px; padding:3px 0px 3px 0px; border-right:solid 1px #ffffff;}
.topnav td.noline {border-right: solid 0px #ffffff;}
.topnav a, .topnav a:link,  .topnav a:visited   {color:#FFFFFF; font-size:12px; text-decoration:none; text-align:center; font-weight:bold;}
.topnav a:hover {color:#bfd6f6;}


/* left nav */
.content .leftnav td.sister {padding-top:30px;}
.content td.leftnav { vertical-align:top; padding-top:30px;}
.content .leftnav table {width:160px; border-collapse:collapse; margin-left:0px; }
.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;}
.content .leftnav .navitem { border-bottom: solid 1px #cecece; margin-top:5px; margin-bottom:5px;}
.content .leftnav .navitem2 { border-bottom: solid 1px #cecece; margin-top:5px; margin-bottom:30px;}
.content .leftnav a { font-size:12px; color:#666666; text-decoration:none;}
.content .leftnav a:hover { color:#1373bf;}
.content .leftnav .title {line-height:12px; margin-top:-5px; margin-bottom:15px;}
.content .leftnav .title a { font-size:10px;}

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

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

td.countries { vertical-align:top; padding-left:20px; padding-right:0px; width:140px; }
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;}
td.countries .right { float:left; width:90px; margin-top:-25px; margin-left:-20px;}
td.countries .left { float:left; width:150px;}

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

.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;}
.members_home .member_flag { padding-left:20px; margin-top:10px; margin-bottom:0px;}



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


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

/* footer */
td.bottom { text-align:center;}
.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;}
.copy a, .copy a:link, .copy a:visited { text-decoration: underline; color:#384098;}
.copy a:hover {text-decoration: none; color:#1373bf;}
.copy .arepo {color:#333333;}
	

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