body , div , h1 ,h2 ,h3 ,h4 ,h5 ,h6 , h7 { margin:0; padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; }

body{ background:#f5e818; }

img{ border:none; }

a{ text-decoration:none; color:#000; }

#header{ background:url(../images/header_bg.gif) repeat-x #ffffff; ; border-bottom:1px solid #ffff00; height:115px; }

#header .inner{ width:950px; margin:0 auto; }

#header .inner h1{ padding:9px 0 0 0 ; float:left; }

#header .inner ul#lang-menu{ float:right; margin:0; padding:0; list-style:none; }

#header .inner ul#lang-menu li{ float:left; margin:0; padding:3px; display:block; }

#header .inner ul#lang-menu li.first{ margin:0 0 0 10px; }

#header .inner ul#lang-menu li.lang{ height:36px; line-height:26px; padding:0; width:75px; text-align:center; }

#header .inner ul#lang-menu li.selected{ background:url(../images/lang_on.png) no-repeat; }

#header .inner ul#lang-menu li.selected a{ color:#000; }

#header .inner ul#lang-menu li.selected a:hover{ color:#999; }

#header .inner ul#lang-menu li a{ color:#999; }

#header .inner ul#lang-menu li a:hover{ color:#000; }

/**/

#banner{ background:url(../images/banner_bg.png) repeat-x; border-bottom:1px solid #5a5a52; height:264px; }

#banner .inner{ width:950px; margin:0 auto; }

ul#menu{ margin:0; padding:0;  list-style:none; height:50px; font-size:15px; font-weight:bold; background:url(../images/menu_shadow.png) no-repeat center bottom; }

ul#menu > li{ margin:0 25px; padding:0; display:block; float:left; line-height:50px; height:50px; position:relative; z-index:500;  }

ul#menu > li.selected{ background:url(../images/yellow_arrow.png) no-repeat center top; }

ul#menu > li.selected a{ color:#000; }

ul#menu > li a{ color:#b2b2b2; }

ul#menu > li a:hover{ color:#fff200; }

ul#menu li > ul { position:absolute; left:-5px; display:none; margin:0 0 0 -1px; padding:0; list-style:none; background:#FFF; border:1px solid #5A5A52; border-bottom:none; }
		
ul#menu li > ul li { width:150px;  border-top:1px solid #fff; margin:0; padding:0; line-height:25px;  border-bottom:1px solid #5A5A52; }

ul#menu li > ul li a { display:block; padding:0 5px; color:#000; font-weight:normal; font-size:14px; }
		
ul#menu li > ul a:hover { color:#999; }

/**/

#main-container{ background:url(../images/bdy_drp_shdw.png) repeat-x; }

#main-container .inner{ width:950px; margin:0 auto; padding:20px 10px 10px 10px; background:url(../images/bdy_drp_shdw.png) repeat-x #ffffff;  }

.sections-col{ float:right; width:233px;  }

/**/

#latest-news{ float:left; width:699px; margin:0 0 20px 0; }

#latest-news > h2{ font-size:20px; background:url(../images/title_bg.png) repeat-x ; line-height:41px; color:#000; padding:0 10px;}

#latest-news .block{ float:left; width:233px; position:relative; }

#latest-news .block .inner-white{ border:1px solid #cecece; padding:7px 15px;  min-height:258px; }

#latest-news .block .inner-gray{ background:url(../images/news_bg_gray.png) repeat-x bottom; padding:7px 15px;  min-height:260px; }

#latest-news .block .img-div{ height:110px; text-align:center; }

#latest-news .block .img-div img{ border:1px solid #000; }

#latest-news .block  h2{ color:#000; font-size:13px; margin:7px 0 5px 0; font-weight:bold; }

#latest-news .block .date-div{ color:#37525b; font-size:12px; font-weight:bold; }

#latest-news .block  p{ color:#585858; font-size:12px; padding:5px 0; margin:0; }

#latest-news .block  a{ position:absolute; right:15px; bottom:7px;  background:url(../images/read_more.gif) no-repeat; display:block; line-height:15px; padding:0 0 0 20px; color:#000; }

/**/

#highlights{ float:left; width:447px; margin:0 20px 0 0;  }

#highlights > h2{ font-size:20px; background:url(../images/title_bg.png) repeat-x ; line-height:41px; color:#000; padding:0 10px;}

#highlights .block{ background:url(../images/highlight_bg.png) no-repeat bottom center; float:none; min-height:159px; position:relative;  }

#highlights .block .img-div{ float:left; height:103px; width:133px; text-align:center; margin:20px 0 0 20px; }

#highlights .block .img-div img{ border:1px solid #000; }

#highlights .block .content-div{ float:right; margin:20px 20px 0 20px; width:254px; }

#highlights .block .content-div h2{ color:#000; font-size:13px; margin:0 0 5px 0; font-weight:bold; }

#highlights .block .content-div .date-div{ color:#37525b; font-size:12px; font-weight:bold; }

#highlights .block .content-div p{ color:#585858; font-size:12px; padding:5px 0; margin:0; }

#highlights .block  a{ position:absolute; right:20px; bottom:10px;  background:url(../images/read_more.gif) no-repeat; display:block; line-height:15px; padding:0 0 0 20px; color:#000; }

/**/

.listing-block{ width:233px; margin:0 0 15px 0; }

.listing-block h2{ font-size:14px; font-weight:bold; background:url(../images/title_bg.png); color:#000; padding:11px 10px; }

.listing-block h2.two-lines{ min-height:30px;  padding:5px 10px 5px 10px;  }

.listing-block .inner-listing{ background:url(../images/listing_bg.png) no-repeat #ebebeb; min-height:115px; padding:10px 20px 34px 20px; position:relative; }

.listing-block .inner-listing ul{ margin:0; padding:0; list-style-position:inside;  }

.listing-block .inner-listing ul li{ margin:0; padding:0; background:url(../images/gray_dot.png) repeat-x bottom ; line-height:23px; list-style-image:url(../images/orange_dot.png); }

.listing-block .inner-listing ul li a{ color:#000; }

.listing-block .inner-listing ul li a:hover{ color:##585858; }

.listing-block .inner-listing > a{ position:absolute; right:20px; bottom:10px;  background:url(../images/read_more.gif) no-repeat; display:block; line-height:15px; padding:0 0 0 20px; color:#000; }

/**/

.link-div{ margin:10px 0 0 0px ; padding:0; background:url(../images/gray_dot.png) repeat-x bottom ; line-height:23px; list-style-image:url(../images/orange_dot.png);}

.link-div a{ padding:0 0 0 10px; line-height:23px; background:url(../images/orange_dot.png) no-repeat 0 7px; font-size:14px;}

/**/

#footer{ background:url(../images/header_bg.gif) repeat-x; line-height:41px; margin:20px 0 10px 0;  }

/**/

#news-slider { height:212px; width:950px; margin:0 auto; position:relative; border:1px solid #5a5a52; }

#news-slider ul#slider{  margin:0; padding:0; list-style:none; width:950px; height:212px; position:relative; } 

#news-slider ul#slider li{ margin:0; padding:0; position:absolute; top:0; left:0;  z-index:8; opacity:0.0; } 

#news-slider ul#slider li.active{ z-index:10; opacity:1.0; }

#news-slider ul#slider li.last-active { z-index:9; }

.news-block{ width:950px; height:212px;  }

.news-block .img-div{ width:475px; height:212px; float:left; }

.news-block .news-content{ width:475px; height:212px; float:right; background:#393b41; }

.news-block .news-content .news-title{ background:#fff221; padding:20px;  }

.news-block .news-content .news-title h2{ font-size:16px; color:#000; width:435px; height:44px; overflow:hidden; }

.news-block .news-content .news-date{ color:#fff200; font-size:14px; padding:8px 20px; }

.news-block .news-content .news-desc{ color:#fff; font-size:14px; padding:0 20px; }

.news-block .news-content .link{padding:8px 20px; }

.news-block .news-content .link a{ color:#fff; font-size:14px; background:url(../images/white_plus.png) no-repeat 0 4px; display:block; padding:0 0 0 18px;  }

#slider-div{position:absolute; bottom:0; right:0;  width:475px; background: url(../images/slider_paging_bg.png) no-repeat top center #fff344; height:26px;  z-index:100;}

ul.slider-pagnition { list-style:none; padding:0; margin:0; height:26px; float:right;   }

ul.slider-pagnition li { padding:0; margin:0; display:block; float:left; width:26px; height:26px; line-height:26px;  }

ul.slider-pagnition li a { display:block; color:#898989; font-size:14px; cursor:pointer; }

ul.slider-pagnition li.active a, ul.slider-pagnition li a:hover { color:#000; text-decoration:none; }

/**/

#news-listing ,
#mission-listing ,
#report-listing ,
#event-listing ,
#manual-listing ,
#useful-link-listing ,
#page
{ float:left; width:699px; margin:0 0 20px 0; position:relative; padding:0 0 40px 0; }



#news-listing > h2 ,
#mission-listing > h2 ,
#report-listing > h2 ,
#event-listing > h2 ,
#manual-listing > h2 ,
#useful-link-listing > h2 ,
#page > h2 ,
#page > h1
{ font-size:20px; background:url(../images/title_bg.png) repeat-x ; line-height:41px; color:#000; padding:0 10px;}



#news-listing > h2 ,
#mission-listing > h2 ,
#report-listing > h2 ,
#event-listing > h2 ,
#useful-link-listing > h2 
{ font-size:20px; background:url(../images/title_bg.png) repeat-x ; line-height:41px; color:#000; padding:0 10px;}


/**/

#page > p { padding:0; margin:10px;}

/**/

.x-listing-block{ width:100%; position:relative;  }

.x-listing-block .inner-white{ border:1px solid #cecece; padding:10px;  }

.x-listing-block .inner-gray{ background:url(../images/news_bg_gray.png) repeat-x bottom; padding:10px;  }

.x-listing-block .img-div{ height:113px; text-align:center; width:150px; float:left; }

.x-listing-block .img-div img{ border:1px solid #000; }

.x-listing-block  h2{ color:#000; font-size:13px; margin:0 0 5px 167px; font-weight:bold; }

.x-listing-block  h2 span{ color:#f00; text-transform:uppercase; }

.x-listing-block .date-div{ color:#37525b; font-size:12px; margin:0 0 0 167px; font-weight:bold; }

.x-listing-block  p{ color:#585858; font-size:12px; padding:5px 0; margin:0 0 0 167px; }

.x-listing-block  a.more{ position:absolute; right:10px; bottom:10px;  background:url(../images/read_more.gif) no-repeat; display:block; line-height:15px; padding:0 0 0 20px; color:#000; }

.x-listing-block .clear{ clear:both; }

/**/

.x-listing-block-2{ width:100%; position:relative;  }

.x-listing-block-2 .inner-white{ border:1px solid #cecece; padding:10px; height:100px;  }

.x-listing-block-2 .inner-gray{ background:url(../images/news_bg_gray.png) repeat-x bottom; padding:10px; height:100px;  }

.x-listing-block-2  h2{ color:#000; font-size:13px; margin:0 0 5px 0; font-weight:bold; }

.x-listing-block-2 .date-div{ color:#37525b; font-size:12px; margin:0 0 5px 0; font-weight:bold; }

.x-listing-block-2  p{ color:#585858; font-size:12px; padding:0; margin:0 0 5px 0; }

.x-listing-block-2  a.more{ position:absolute; right:10px; bottom:10px;  background:url(../images/read_more.gif) no-repeat; display:block; line-height:15px; padding:0 0 0 20px; color:#000; }

.x-listing-block-2 .clear{ clear:both; }

/**/

.full-block{ position:relative; padding:10px;  }

.full-block .img-div{  text-align:center; margin:10px 0;  }

.full-block .img-div img{ border:1px solid #000; }

.full-block  h1{ color:#000; font-size:13px; margin:0; font-weight:bold; }

.full-block .date-div{ color:#37525b; font-size:12px; margin:10px 0; font-weight:bold; }

.full-block > div > p{ color:#585858; font-size:12px;  }

.full-block .clear{ clear:both; }

/**/



/**/

#pagination{ position:absolute; bottom:0; left:0; height:20px; }

#pagination span{ display:block; float:left; height:20px; line-height:20px; width:20px; margin:0 5px 0 0 ; background:#efe20e; border:1px solid #cecece; color:#000; text-align:center; }

#pagination a{ display:block; height:20px; line-height:20px; width:20px; margin:0 5px 0 0; background:#fff; border:1px solid #cecece; color:#000; text-align:center; float:left; }

#pagination a:hover{ background:#efe20e; }

/**/

#calendar-div{ background: url(../images/calendar-shdw.png) no-repeat center top; min-height:115px; padding:10px 20px; border:1px solid #f3f3f3; }

#calendar-footer{ background: url(../images/calendar-shdw.png) no-repeat center top #ededed; height:36px; position:relative; }

#calendar-footer a{ position:absolute; right:20px; bottom:10px;  background:url(../images/read_more.gif) no-repeat; display:block; line-height:15px; padding:0 0 0 20px; color:#000; }

#calendar-div table{ width:100%; }

#calendar-div table tr th{ background:#fff200; line-height:40px; height:40px; padding:0; }

#calendar-div table tr th a{ display:block; width:26px; height:40px; text-indent:9999px; overflow:hidden; }

#calendar-div table tr th:first-child a{ background:url(../images/cal_arw_left.png) no-repeat center; }

#calendar-div table tr th:last-child a{ background:url(../images/cal_arw_right.png) no-repeat;  float:right; }

#calendar-div table tr td{ border-top:1px solid #f2f2f2; border-bottom:1px solid #d3d5d6; text-align:center; padding:4px; width:14%; }

#calendar-div table tr td.wdc{ color:#fff200; }

#calendar-div table tr td strong{ background:#fff200; font-weight:normal; width:100%; display:block; }

/**/

#tools{ border:1px solid #d3d5d6; padding:0 10px 0 10px; margin:5px 0 0 0;  }

#social-media{ float:right; padding:5px 0 0 0;}

#download{ float:left; line-height:30px;}

#download a{ color:#585858;}

#download a:hover{ text-decoration:underline;}