/* last edited by Yun (AsiaCongress) @ 17 JULY 2009 10:55 AM */

@charset "utf-8";

/* CSS Document */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html, body, table, td, tr, p {font-family: "Trebuchet MS", Trebuchet MS, serif; font-size:11px;}

#ContainerHome { clear:both; margin:0px; padding:0px; width: 1000px; height: 550px; background-image: url(/images/bg_main2.gif); }
#Container { clear:both; margin:0px auto; padding:20px 0px 0px 0px; width:1000px; background-image: url(/images/bg_main2.gif); }

/* A */
a:link, a:active, a:visited {color:#7AAD00; text-decoration: none;}
a:hover{color:#999; text-decoration:underline; }

h1 {margin: 0px; color:#FC5900; font:normal 22px Trebuchet MS; } 
h1.contenttitle {margin: 0px; padding:0px 10px 5px 20px; background:url(/images/bullet.jpg) no-repeat 2px 8px; color:#393939; text-transform:uppercase; }
h1.Logo {color:#CECECE; font:bold 55px Trebuchet MS;}
h2 {margin:0px; color:#7AAD00; font:bold 20px Trebuchet MS; }
h2.Motto {color:#B4CA7E; font:italic 15px Trebuchet MS;}
h3 {font: normal 18px Trebuchet MS; }

.blogcontent hr { border:0;border-bottom: 1px solid #CECECE; margin-left:-10px; margin-top:-2px; height:1px; margin-bottom:10px;}
.blogcontent p { width: 98%; text-transform: none; line-height: 18px; }
.blogcontent { text-transform:none;}
.blogcontent ul { padding:5px; }
.blogcontent ul li { margin-left:10px; }
.blogcontent ul li:before { content: "\00BB \0020";	}
.blogcontent .blogcontent { text-transform:none; }

/* Header */
#headerWrapper { width: 100%; background: url(/images/header_gradient.jpg) repeat-x;}
#headerWrapperTop { width: 980px; height:162px; background: url(/images/header_image04.jpg) no-repeat; clear:both; font-size:11px;}
#headerWrapperLogoMotto { padding:47px 5px 0 0; text-align:right;}
#headerWrapperNavigation { width: 90%; clear:both; background: none; padding-left:20px;}

#headerHome {float:left; padding:10px 0px 0px 260px; text-align:left; color:#7AAD00; text-transform:uppercase;}
#headerHome a, span { color:#7AAD00; text-transform:uppercase;}
#headerAbout {float:right; padding:10px 10px 0px 0px; text-align:right; color:#FFF; text-transform:uppercase;}
#headerAbout a { color:#CECECE; text-transform:uppercase;}

#TopMenu {color:#7AAD00; text-transform:uppercase;}
#TopMenu li {list-style: none; float: left;}
#TopMenu li a {color:#7AAD00; text-transform:uppercase;}
#TopMenu li a:hover {color:#7AAD00; text-transform:uppercase;}

/* Main Menu */
#mainNavigation {margin:0px; width: 995px; height: 38px; text-align:left; margin-top:3px;}
#mainNavigation li {list-style: none; float: left;}
#mainNavigation li a {padding-top: 12px; padding-bottom: 4px; text-align:center; vertical-align: middle; color: #FFF; width:152px; display: block; text-decoration: none; font:normal 16px Trebuchet MS; background:url(images/menubutton_orange.png); background-position: 0 0; background-repeat: no-repeat;}
#mainNavigation li a:hover {font-weight: bold; background-image: url(/images/menubutton_green.png); }
#mainNavigation li a.current {font-weight: bold; padding-left:0px; padding-right:0px; background-image: url(/images/menubutton_green.png);}

/* Layout */ 
#BodyColum {float: right; padding-left:10px; width: 770px; vertical-align:top; text-align:center; }
#BodyColum .blogcontent {padding:10px; padding-top:10px; height:100%; background-color:#FFF; vertical-align:top; text-align:left; color:#393939;}
#BodyColum .blogcontent .addthis { padding:10px 10px 0 0; text-align:right; }

#LeftCol {padding:20px 10px 0px 10px; width: 240px;  vertical-align: top; }
#BodyCol {margin-bottom: 20px; padding:20px 0 20px 10px; width: 740px; height: 98%; vertical-align: top; }

#WelcomeCol {padding:20px 10px 0px 17px; height: 162px; vertical-align:top; }
#NewsCol {padding:20px 10px 0px 10px; height: 162px; vertical-align:top; }
#BannerCol {padding:20px 10px 0px 17px; width: 100%; vertical-align:top; }

.bannerbox {padding:0px 10px 7px 10px; vertical-align:top; }
.bannerboxline {padding:0px 10px 7px 10px; width:33%; vertical-align:top; border-left:1px solid #E9E9E9; }
.bannerbox a, .bannerboxline a {color: #393939; text-decoration: none}
.bannerboxline img, .bannerbox img { margin-bottom:7px; }

.abtheading {padding-left:32px; width:280px; height:39px; background:url(/images/0.gif) no-repeat #FFF; font: bold 18px Trebuchet MS; vertical-align:middle;border-bottom:1px solid #CCC;}
.newsheading {padding-left:32px; width:280px; height:39px; background:url(/images/0.gif) no-repeat #FFF; font: bold 18px Trebuchet MS; vertical-align:middle;border-bottom:1px solid #CCC;}
.newstext {padding:10px 15px 0px 20px; padding-right:15px; color:#999;}

.blogtext {width:300px; height:160px; background-color: #FFF;}
.blogtext2 {width:625px; height:160px; background-color:#FFF;}

/* Feature */ 
#FeatureCol {padding:0px 0px 0px 10px; vertical-align:top; }
#Feature_container {padding:25px 0px 0px 20px; width:340px; margin-top:-3px;}
#Feature_hltab {float:left; width:175px;padding-top:5px;}
#Feature_hltab a {color:#393939;}
#Feature_hltext {float:right; padding-right: 20px; width:145px; font-size:20px; color:#FFF; height:35px;}

.features {padding: 30px 10px 0px 20px; color:#FFF; font-weight:bold;}

#FeaturesBlog {width: 340px; background:url(/images/highlight_area.gif) no-repeat; clear:both;}
#Feature_tbl {width:320px; clear:both;}
#Feature_tbl_highlights {padding:15px 0px 0px 20px;  width: 280px; color:#FC5900; font-size:22px; overflow:hidden; }
#Feature_tbl_brief {padding:10px 0px 20px 20px; width: 280px; color:#FFFFFF;  overflow:hidden; clear:both;}
#Feature_tbl_link {padding:10px 20px 0px 20px; clear:both;}
#Feature_tbl_img {padding:0px 0px 0px 0px; clear:both;}
#Feature_tbl_ender {width: 320px; height: 23px; background:url(/images/highlight_area_ender.gif) 0 0 no-repeat; clear:both;}

.heading {height: 40px; background: url(/images/0.gif) no-repeat 0 -3; vertical-align: middle; text-transform: uppercase; font-size: 20px; color: #393939; padding:5px 0px 0px 32px; }

/* .contenttitle {padding: 0px 0 5px 20px; width:100%;  background: url(/images/bullet.jpg) no-repeat; 
vertical-align: top; border-bottom: 1px solid #CECECE; color: #FC5900; font-size: 18px;} */

.underline { margin-top:-8px; padding: 0px; width:100%; border-bottom:1px solid #E9E9E9; clear:both;}
.underline_highlights { margin-top:-10px; padding: 0px; width:320px; border-bottom:1px solid #E9E9E9; clear:both; }

/* Welcome box */ 
#welcometext {padding:10px 20px 5px 20px; color:#6A6A6A; width:265px; }

/* News box */
#News {width:300px; }
#News a { font-size:12px; height:20px; }
#News .News_bullet {height:20px; margin:0px; padding: 0px 0px 0px 37px; background:url(images/news_bullet.gif) 0 0 no-repeat; border-bottom:1px solid #E9E9E9;}
#News .News_bullet_l {height:20px; margin:0px; padding: 0px 0px 0px 37px; background:url(images/news_bullet.gif) 0 0 no-repeat; }
#News .News_bullet a, #News .News_bullet_l a {color:#6a6a6a; background:none;}

.select_title {width:100%; padding:8px 4px 8px 5px; color:#FFF; background-color:#7AAD00; border-top:1px solid #E9E9E9; }
.select_title2 {padding:8px 0px 8px 5px; border-top:1px solid #999;}

/* Content Brief */
.Content { width:100%; text-align:left;}
.ContentImg { text-align:left; padding:0 15px 0 0; border: 0; }
.ContentBrief { text-align:left; padding:0 0 0px 0; }

/* Left CMS */
#LeftColum {float: left; margin: 0px; width: 180px; vertical-align:top;}
#LeftColum .bullet { background: #3A3A3A url(/images/bullet.gif) no-repeat 0 0; color: #FFF;}
#LeftLink .bullet { background: #FFF url(/images/0.gif) no-repeat 0 0; color: #393939; }
#LeftColum .bullet, #LeftLink .bullet { vertical-align: middle; text-transform: uppercase; font-size: 20px; padding: 10px 0 0 32px;	height:15px; width:148px; }
#LeftColum .bullet a { color:#FFF; }
#LeftColum .bullet a, #LeftLink .bullet { text-align:left; font:bold 15px Trebuchet MS; }

#LeftCMS { background-color: #3A3A3A; width:180px; }
.CategoryName {color:#FFF;}
.SelectedTab { background-color: #7AAD00; border-top: 1px solid #E9E9E9; padding: 8px 0px 8px 5px; color:#FFF;}
.SelectedNone { border-top: 1px solid #E9E9E9; padding: 8px 0px 8px 5px; color:#FFF;}
.SelectedHeadline { margin-left:10px; color:#FFF; }
.SelectedNone a:link, .SelectedTab a:link, .SelectedNone a:visited, .SelectedTab a:visited { color:#fff; margin-left:10px; font-size:11px; }

#LeftLink {margin-top: 20px; background-color: #FFF; width:180px;}
#LeftLink .bullet { height: 35px; }
#LeftLink a { font-size:11px; }

/* Related Link */
.RelatedLink {margin:0px; padding: 8px 0px 8px 5px; border-top: 1px solid #E9E9E9;font-size:15px;}
.RelatedLink a { color:#6A6A6A; margin-left:10px;}

/* Extension */
.Extension {padding:5px 5px 25px 5px; border:1px solid #CCCCCC; }

/* subtext */
.subtext {color:#6a6a6a; text-transform:none; }

.topic {padding-left: 5px; padding-bottom:5px; font: bold 18px; width:90%; color: #C70000;}
.topic1 {padding-left: 5px; padding-bottom:15px; width:100%; font: bold 16px;  background-color :#A07AC7;}

/* Pagination */
#Pagination {margin:0px; padding:5px; width:700px; border-top: 1px dashed #CCC; }
#Pagination .PaginationLeft { float: left; }
#Pagination .PaginationRight { float: right; }

/* footer */
#footer { font-size:11px;clear:both; width:1000px; height:49px; padding-top:5px; border-top:5px solid #7AAD00; background-color:#FFF; color:#6A6A6A; }
#footer a { color:#6A6A6A; }

.clearingdiv {clear:both;height:15px;width:100%;}

/* CSS HACKS */

/* chrome hacks */
body:nth-of-type(1) #MainNavigation { margin-top:-3px; } body:nth-of-type(1) #Feature_container { margin-top:0px; }
/* mozilla hacks */
#MainNavigation, x:-moz-any-link { margin-top:2px; } #Feature_container, x:-moz-any-link { margin-top:-2px; }