/* CSS Document */

*{margin:0; padding:0;}

#container{}

body{background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3A3A3A; font-size:12px;}
hr {color:#ededed; border:0;margin:6px 0px 6px 0px; display:block; height:1px; background:#ededed;}

ul{list-style:none; margin:0; padding:0;}
.floatleft{float:left;}
.floatright{float:right;}
.clearboth{clear:both;}
.displaynone{display:none;}

a{color:#207CC8; outline:none;}
a:hover{text-decoration:none;}

h1{text-transform:uppercase; color:#00458A; font-weight:bold; font-size:11px; padding:17px 0px 0px 20px;font-family:Verdana, Arial, Helvetica, sans-serif;}
h1.pageheading{font-weight:bold; font:22px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; line-height:28px;letter-spacing:0px; padding:0px 0px 10px 0px; margin-bottom:20px; border-bottom:1px dotted #85A6C7;}
h1.pageheading span{font-size:24px;}
h1.contactus{border-bottom:1px dotted #777; padding:8px 0px 8px 35px; margin-bottom:6px; background:url(../images/icon_contactus.jpg) no-repeat}
h1.enquiry{border-bottom:1px dotted #777; padding:8px 0px 8px 35px; margin-bottom:6px; background:url(../images/icon_enquiry.jpg) no-repeat}

h2{font-weight:bold; font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif;}

.row1{padding-bottom:8px}

#top_panel{position:absolute; width:100%; z-index:0; top:0; left:0}
#top_panel .top_panel{background:#D8DEE3}
#top_panel .top_panel .innerdiv{width:960px; margin:auto; padding:20px 20px 30px 20px;}
#top_panel .top_panel .innerdiv .leftpanel{width:48%;line-height:18px; float:left}
#top_panel .top_panel .innerdiv .rightpanel{width:48%;line-height:18px; float:right}
.box_contactus{width:398px; height:155px; padding:15px 15px 0px 15px; background:url(../images/bck_contactus.jpg) no-repeat}
.box_enquiry{width:398px; height:155px; padding:15px 15px 0px 15px; background:url(../images/bck_gradientbox.jpg) no-repeat}
#top_panel .bottom_panel{background:url(../images/bck_topbar.png) repeat-x;}
#top_panel .bottom_panel .innerdiv{width:960px; margin:auto;}


#header{background:#fff url(../images/bck_header.jpg) repeat-x bottom;}
#header_inner{width:960px; margin:auto;position:relative;}

#logo{width:530px; height:79px; font-size:26px; font-weight:bold; color:#00458A;float:left; margin-top:25px;}
#logo a{width:530px; height:79px; background:url(../images/logo.jpg) no-repeat; position:absolute;}
#logo span{color:#575755;font-size:12px; text-align:right; display:block; padding-right:30px; font-style:italic}

#langcbo{width:132px; height:20px; background:url(../images/bck_langcbo.gif) no-repeat 0px 0px;font-size:10px; color:#666666; padding:0px 0px 0px 5px; position:absolute; z-index:1; top:20px; right:0px}
/*search combo*/
.selector{margin:0px;}
.selector .exWrap { position:relative;}
.selector .visText { width:132px; height:18px;  padding:0px 0 0 0px; position:absolute; cursor:pointer; margin:0px;}
.selector .expander {background:url(../images/bck_langcbo.gif) no-repeat 0px bottom; width:137px; position:absolute; top:17px; z-index:100; cursor:pointer; margin:3px 0px 0px 0px;}
.selector .exWrap a{text-decoration:none; padding:4px 4px 4px 20px; display:block; margin:0px 10px 2px 4px;color:#666666;}
.selector .exWrap a:hover{color:#000;text-decoration:none;}
.selector .exWrap a#english{background:url(../images/bck_langcbo.gif) no-repeat 0px -51px;}
.selector .exWrap a#arabic{background:url(../images/bck_langcbo.gif) no-repeat 0px -77px;}
.selector .exWrap a#chinese{background:url(../images/bck_langcbo.gif) no-repeat 0px -101px;}
.selector .exWrap a#korean{background:url(../images/bck_langcbo.gif) no-repeat 0px -123px;}
.selector .exWrap a#french{background:url(../images/bck_langcbo.gif) no-repeat 0px -149px;}

#menu{background:url(../images/bck_menu.jpg); padding:11px 11px 0px 11px; margin-top:5px;}

#menu ul{line-height:normal;}
#menu ul li{font-size:11px; font-weight:bold; float:left; position:relative;}
#menu ul a{float: left; color:#333; background: url(../images/btn_menu.gif) no-repeat left top; /*default background color of tabs, left corner image*/ margin: 0px 3px 0px 0px; padding:0px 0px 0px 6px; text-align:center; text-decoration:none;}
#menu ul a span{display: block; background: transparent url(../images/btn_menu.gif) no-repeat right top; /*right corner image*/ padding: 3px 9px 0px 3px; cursor: pointer;  height:30px; width:113px;}

#menu ul a:hover{color:#000; background: url(../images/btn_menu.gif) no-repeat left -39px; text-decoration:none;}
#menu ul a:hover span{background: transparent url(../images/btn_menu.gif) no-repeat right -39px;}

#menu ul a.current{color:#fff; background: url(../images/btn_menu.gif) no-repeat left -78px; /*default background color of tabs, left corner image*/}
#menu ul a.current span{background: transparent url(../images/btn_menu.gif) no-repeat right -78px; /*right corner image*/}

#menu ul li ul{position:absolute;top:33px; display:none; _left:0px; _width:270px;}
#menu ul li ul li{display:block; float:none;}
#menu ul li ul li a{width:auto;}

#menu ul li ul li{border-top:1px solid #BCCAD3; font-family:Tahoma, Arial, Helvetica, sans-serif}
#menu ul li ul li a{float:none; margin:0px; text-align:left; background: transparent url(../images/btn_menu.gif) right -118px; display:block; white-space:nowrap;display:block;color:#207CC8;font-weight:bold;padding:0px;margin-left:4px; _height:25px;}
#menu ul li ul li a span{background: transparent url(../images/btn_menu.gif) no-repeat 0px -118px; display:block; padding:8px 6px 0px 6px; height:21px;position:relative; left:-4px; min-width:150px; width:auto}

#menu ul li ul li.last a{background: transparent url(../images/btn_menu.gif) no-repeat right -122px; }
#menu ul li ul li.last a span{background: transparent url(../images/btn_menu.gif) no-repeat 0px -122px;}

#menu ul li ul li a:hover{background: transparent url(../images/btn_menu.gif) no-repeat right -152px;color:#01468B;}
#menu ul li ul li a:hover span{background: transparent url(../images/btn_menu.gif) no-repeat 0px -152px;}

#menu ul li ul li.last a:hover{background: transparent url(../images/btn_menu.gif) no-repeat right -156px;}
#menu ul li ul li.last a:hover span{background: transparent url(../images/btn_menu.gif) no-repeat 0px -156px;}

#banner{background:#1E5D9C url(../images/bck_banner.jpg) repeat-x;}
#banner_inner{width:960px; height:208px; margin:auto;}
#banner_inner .leftpanel{width:278px; height:208px; float:left;padding:0px 0px 0px 6px;background:url(../images/banner_left.jpg); }
#banner_inner .leftpanel .poet{height:166px;}
#banner_inner .leftpanel .poet_quote{font-family:Tahoma, Geneva, Arial, Helvetica; font-size:12px; font-weight:bold; color:#fff; padding:20px 0px 0px 20px; line-height:18px;}
#banner_inner .leftpanel .poet_name{font-size:11px; color:#fff; font-weight:normal; text-align:right; line-height:normal; padding-top:10px;}
#banner_inner .rightpanel{width:676px; height:208px; float:right;background:url(../images/banner_right.jpg);}
#banner_inner .rightpanel_inner{padding:48px 85px 0px 0px; line-height:20px; text-align:center; float:right; width:250px}
#banner_inner .rightpanel .date{color:#D1E8FF; font-style:italic;font-weight:bold;font-size:17px;}
#banner_inner .rightpanel .slogan{ font-size:18px; font-weight:bold; color:#fff; line-height:30px; padding-top:5px;}

#banner_inner2{width:960px; height:208px; margin:auto;}
#banner_inner2 h1{width:239px; height:29px; background:url(../images/btn_menu.gif) no-repeat 0px -185px; text-align:left; padding:20px 0px 0px 26px;}

#banner_inner2 .leftpanel{width:266px; float:left; font-family:Tahoma, Geneva, Arial, Helvetica; font-size:12px; font-weight:bold; color:#fff; line-height:20px; text-align:center; background:url(../images/line_blue.jpg) no-repeat center top; margin-top:15px;}
#banner_inner2 .leftpanel_inner{background:url(../images/line_blue.jpg) no-repeat center bottom; padding:15px 0px 0px 0px; height:129px;}
#banner_inner2 .leftpanel .date{color:#D1E8FF; font-style:italic;font-weight:bold;font-size:17px;}
#banner_inner2 .leftpanel .slogan{ font-size:18px; font-weight:bold; color:#fff; line-height:30px; padding-top:5px;}

#banner_inner2 .col1{float:left; width:226px; border-left:1px solid #fff;}
#banner_inner2 .col2{float:left; width:226px; border-left:1px solid #fff;}
#banner_inner2 .col3{float:left; width:226px; border-left:1px solid #fff; border-right:1px solid #fff;}
#banner_inner2 .col1 img{display:block;}
#banner_inner2 .col2 img{display:block;}
#banner_inner2 .col3 img{display:block;}


#content{ width:960px; margin:auto; padding-bottom:30px;}

#content .leftpanel{float:left; width:265px;}
#content .rightpanel{float:right; width:660px; padding:30px 10px 0px 0px; background:url(../images/statue_shadow.jpg) no-repeat top right;}
#content .rightpanel2{float:right; width:660px; padding:30px 10px 0px 0px;}

#content .content{line-height:24px; text-align:justify; }
#content .content ul.unIndentedList{list-style:square; padding-left:30px; padding-bottom: 10px;}
#content .content ul#NewsList{padding-left:30px; padding-bottom: 10px;}
#content .content ul#NewsList .newsDateTitle{list-style:square;}
#content .content ol{ padding-left:30px; padding-bottom: 10px;}
#content .content p {padding-bottom: 10px;}

#leftmenu{background:url(../images/bck_leftmenu.jpg) no-repeat; width:215px; padding:10px 25px 0px 25px;}
#sliding-navigation li{padding-bottom:10px;}
#sliding-navigation a{font-size:11px; font-weight:bold; text-decoration:none; background:url(../images/bullet_greydottedarrow.jpg) no-repeat 0px 6px; font-family:Tahoma, Arial, Helvetica, sans-serif; padding:6px 0px 0px 11px; display:block}
#sliding-navigation a.current{background:#207cc8 url(../images/bullet_greydottedarrow_c.jpg) no-repeat 0px 6px; color:#fff; padding-bottom:6px}

#news{width:240px; margin:25px 0px 0px 12px;}
#news .news_header{background:url(../images/bck_news_hf.jpg) no-repeat; height:42px;}
#news .news_footer{background:url(../images/bck_news_hf.jpg) no-repeat 0px -42px; height:13px;}
#news .news_content{background:url(../images/bck_news.jpg) repeat-y; padding:0px 5px 0px 5px}
#news .news_contentinner{background:#EEEEEE url(../images/gradient_grey.jpg) repeat-x; padding:10px 15px 5px 15px;}
#news .news_desc{color:#3A3A3A; font-size:11px; padding-bottom:3px;}
#news .news_title{padding-bottom:6px;}
#news .news_title a{font-size:11px; text-decoration:none; font-weight:bold;}
#news .news_title a:hover{text-decoration:underline;}

.newsDate {font-size: 10px;  color:#777;  }
.newsDateTitle a {font-size: 14px; font-weight:bold; color:#0C7DCB;  }
.newsSummary { padding-bottom: 10px;}
.a.readmore2{background:url(../images/blue_arrows.gif) no-repeat 0px 2px; padding:0px 7px 0px 7px; margin-left:10px}

#footer{background:#19426B url(../images/bck_footer.jpg) repeat-x;}
#footer_inner{ width:960px; margin:auto; color:#7DAEE0; font-size:11px; text-align:center; padding:20px 0px 20px 0px;}
#footer_inner ul{padding:0px 0px 0px 30px;}
#footer_inner ul li{float:left; display:block; padding:0px 2px 0px 2px}
#footer_inner a{color:#fff; text-decoration:none;}
#footer_inner a:hover{text-decoration:underline;}
#footer_inner .logo{width:863px; height:65px; background:url(../images/logo_footer.jpg) no-repeat; margin:12px auto 0px auto;}
#footer_inner #copyright{font-size:9px;color:#7DAEE0; padding-top:12px;font-weight:normal; position:relative}
#footer_inner #developed{background:url(../images/d.gif) no-repeat; padding:1px 0px 2px 15px; color:#366492; position:absolute; right:0}
#footer_inner #developed a{ color:#366492}

.boxes{padding-top:20px;}
.box{background:url(../images/bck_box.jpg) no-repeat; width:216px;}
.box .img{padding:9px 0px 0px 8px;}
.box .text{padding:10px 20px 0px 20px; font-size:11px;}
.box .text .inner{height:80px;}

a.arrowup{width:22px; height:19px; background:url(../images/arrow_scroller.gif) no-repeat; display:block; margin:0px auto 6px auto;}
a.arrowdown{width:22px; height:19px; background:url(../images/arrow_scroller.gif) no-repeat 0px -19px; display:block; margin:6px auto 0px auto;}

div.readmore{padding-top:10px;}
a.readmore{background:url(../images/btn_readmore.jpg) no-repeat; width:64px; height:17px; display:block; float:right; color:#fff; text-decoration:none; padding:1px 0px 0px 15px; font-size:10px;}
a.readmore:hover{background:url(../images/btn_readmore.jpg) no-repeat 0px -18px;}

a:hover img.opacity{filter:alpha(opacity=60); moz-opacity: .60; opacity: .60;}

a.contactus{color:#363636; font-weight:bold; font-size:11px; text-decoration:none; padding:2px 0px 3px 20px}
.div_contactus{background:url(../images/btn_contactus.png); width:142px; height:30px; display:block; float:right; margin-right:175px; _margin-right:75px; padding:15px 0px 0px 0px; text-align:center}
.plus{background:url(../images/icon_plusminus.jpg) no-repeat 0px -19px;}
.minus{background:url(../images/icon_plusminus.jpg) no-repeat;}

form label{width:80px; float:left;}
form label.label2{width:80px; float:left; padding-left:6px;}
form  .textbox{width:110px; font-weight:normal; float:left;}
form  .textarea{width:310px; font-weight:normal; float:left}
form .btn_send{background:url(../images/btn_send.jpg); width:106px; height:35px; border:0px; cursor:pointer}

.bck_photo{padding:12px 0px 0px 7px; width:100px; height:102px; background:url(../images/bck_slide.jpg);}
.slide{float:left; padding:0px 30px 30px 0px;}
.slide_last{float:left; padding:0px 0px 30px 0px;}

/* My RSS Icon */

a.rssspriteo {
display: inline-block;
background: url(../images/rss.png) no-repeat 0px 0px ;
width: 15px; text-indent: -9999px;
height: 15px;
text-decoration: none;
}

a.rssspriteo:hover {
background-position: 0px -15px;
}