/*general style*/
body{margin:0px auto;color:#000000;font-size:16px;letter-spacing:0.1em;font-family:Arial,Helvetica,sans-serif;}
a, a:link, a:active, a:visited{text-decoration:none;color:#333333;}
a:hover{text-decoration:underline;color:#333333;}
h4,p,ul,ol{padding:10px 0px 10px;margin:0px;}
h3{margin:0px;padding:0px;color:#0066CC;font-weight:normal;font-size:100%;}
h4{margin-top:10px;font-size:100%}
.bold{font-weight:bold;}
ul.circle{list-style-type:disc;}
ul.outside{list-style-position:outside;}
p{letter-spacing:5px;line-height:25px;text-align:justify;}
p br{letter-spacing:0em;}
p.right{text-align:right;}
p.left{text-align:left;}
sup{font-size:12px;}
.remarks{font-style:italic;}
.dottedline{background-image:url('../images/dotted_line.jpg');background-repeat:repeat-x;height:5px;width:685px;margin:15px auto;}
.printOnly{display:none;}
.clearBoth{clear:both;}
.resizeBtn{width:16px;height:16px;}
#topLogo{width:224px;height:109px;}
/*menu*/
.menuItem, .menuItemOn{height:34px;background-color:transparent;}
.menuItem a, .menuItem a:link, .menuItem a:active, .menuItem a:visited{color:#333333;}
.menuItemOn a, .menuItemOn a:link, .menuItemOn a:active, .menuItemOn a:visited, .menuItem a:hover{color:#ffffff;}
.menubg{background-image:url('../images/BCT_3AA_inside_05.jpg');background-repeat:no-repeat;background-position:center 105px;height:569px;width:224px;}
#menuOn{background-color:#dc4128;color:#ffffff;}
#menuOff{background-color:transparent;color:#333333;}
#indexfooter{background-image:url('../images/BCT_3AA_index_13.jpg');background-repeat:no-repeat;width:942px;height:41px;color:#999999;font-size:12px;padding:0px;margin:0px;}
#indexFooterBottom{background-image:url('../images/BCT_3AA_index_15.jpg');width:942px;height:10px;}
.indexButMore{width:72px;height:35px;}
#footer{background-image:url('../images/BCT_3AA_inside_07.jpg');background-repeat:no-repeat;width:970px;height:43px;color:#999999;font-size:12px;padding:0 10px;margin:0px;}
#footer table, #indexfooter table{font-size:90%;}
#indextopbar{background-image:url('../images/BCT_3AA_index_04.jpg');background-repeat:no-repeat;width:212px;height:43px;color:#999999;font-size:15px;}
#topbar{background-image:url('../images/BCT_3AA_inside_03.jpg');background-repeat:no-repeat;width:776px;height:138px;color:#999999;font-size:15px;}
#topbarIndexPage{margin:3px -8px 0px 8px;}
#topbar table.topBarTable{float:right;margin-top:3px;}
#topbar table.topNavTable{margin-top:35px;float:left;}
#topbar a, #topbar a:link, #topbar a:active, #topbar a:visited,
#indextopbar a, #indextopbar a:link, #indextopbar a:active, #indextopbar a:visited,
#footer a, #footer a:link, #footer a:active,#footer a:visited,
#indexfooter a,#indexfooter a:link,#indexfooter a:active,#indexfooter a:visited{text-decoration:none;color:#999999;}
#topbar a:hover,#indextopbar a:hover,#footer a:hover,#indexfooter a:hover{text-decoration:underline;}
#ascbut, #descbut{width:16px;height:16px;float:left;padding-bottom:3px;}
#ascbut{padding-left:5px;}
#descbut{float:right;padding-right:4px;}
#indextopbar #topBarTablePrint{display:none;}
#topbar #topBarTablePrint{display:none;}
#insideTopLeftShadow{background-image:url('../images/BCT_3AA_inside_01.jpg');width:15px;height:621px;}
#insideTopRightShadow{background-image:url('../images/BCT_3AA_inside_04.jpg');width:15px;height:621px;}
#bottomShadow{background-image:url('../images/BCT_3AA_inside_08.jpg');width:970px;height:9px;background-repeat:no-repeat;}
a.jScrollArrowUp{background:url("../images/scrollbar_up_normal.jpg") no-repeat 0 0;height:20px;}
a.jScrollArrowUp:hover{background:url("../images/scrollbar_up_onClick.jpg") no-repeat 0 0;height:20px;}
a.jScrollArrowDown{background:url("../images/scrollbar_down_normal.jpg") no-repeat 0 0;height:20px;}
a.jScrollArrowDown:hover{background:url("../images/scrollbar_down_onClick.jpg") no-repeat 0 0;height:20px;}
#tabarrow{cursor:pointer;}
/*home page content*/
#homeContentLeft{background-image:url('../images/BCT_3AA_index_09.jpg');background-repeat:repeat-y;}
#homeContentRight{background-image:url('../images/BCT_3AA_index_11.jpg');background-repeat:repeat-y;}
.homeContent{background-color:#9BD54D;background-repeat:repeat-y;font-size:15px;margin:0px;padding:0px;}
.indexMoreBut{margin-left:40px;}
#indexTopLeftShadow{background-image:url('../images/BCT_3AA_index_01.jpg');width:29px;height:452px;}
#indexTopRightShadow{background-image:url('../images/BCT_3AA_index_05.jpg');width:29px;height:452px;}
#indexTopBottomShadow{background-image:url('../images/BCT_3AA_index_08.jpg');width:942px;height:43px;}
#indexFlashprint{display:none;}
#indexFlash{width:506px;height:409px;}
#indexFooterLeft{background-image:url('../images/BCT_3AA_index_12.jpg');width:29px;height:51px;}
#indexFooterRight{background-image:url('../images/BCT_3AA_index_14.jpg');width:29px;height:51px;}
/*aboutus*/
.aboutuscroll-pane{height:431px;width:706px;padding:0px 20px;color:#333333;overflow-y:auto;overflow-x:hidden;}
.aboutus{margin-top:20px;}
#contentboxbtop{background-color:#EAF4FD;height:55px;margin:9px 0px 0px 0px;}
#contentboxbbottom{background-color:#EAF4FD;height:50px;margin:0px 0px 15px 0px;}
#contentboxb{background-color:#EAF4FD;margin:0 0 0 15px;padding-left:30px;padding-right:30px;width:581px;}
#contentboxb ul{margin-left:25px;}
#contentboxb ul li{margin:5px 0px;}
#contentboxrtop{background-color:#FEEEEE;height:55px;margin:9px 0px 0px 0px;}
#contentboxrbottom{background-color:#FEEEEE;height:50px;margin:0px 0px 15px 0px;}
#contentboxr{background-color:#FEEEEE;margin:0 0 0 15px;padding-left:30px;padding-right:30px;width:581px;}
#contentboxb h4{color:#0066cc;}
#contentboxr h4{color:#dc4128;}
#contentboxb h4,#contentboxr h4{margin-top:0px;}
#subtitle{font-size:110%;border-bottom:3px solid #DC5132;color:#333333;padding:0px 3px;font-weight:bold;}
#subtitle{#padding-top:4px;}
.rightMedia310x200{float:right;width:310px;height:200px;margin:30px 0px 10px 10px}
.rightMedia310x330{float:right;width:310px;height:330px;margin:30px 0px 10px 10px}
/*president.html*/
#contentboxpresident{width:642px;background-color:#EAF4FD;margin:0 0 0 15px;padding-left:30px;padding-right:30px;width:581px;}
/*committee.html*/
.committee{}
.committeeMemberTable{width:550px;}
div.Course div, div.programme div{margin:10px 0px;}
.Course{margin-left:20px;}
.programme{margin-left:70px;}
.committeeMemberTable h3#long{float:left;width:130px;}
#committeeMemberTable h3{float:left;width:70px;font-size:100%;}
#committeeMemberTable span br{letter-spacing:0em;}
/*mediacenter.html*/
div.right{float:right}
div.left{float:left}
.mediathumb{width:238px;height:148px;margin:5px;}
.morebut{vertical-align:text-top;}
.media-items{margin-top:20px;}
#mediaContent{overflow:hidden;}
.mediacenter-items{width:180px;float:left;text-align:center;margin:10px 15px;}
.mediacenter-items p{background-color:#CCCCCC;font-size:95%;padding:0 3px;text-align:center;letter-spacing:3px;}
#tabs ul{height:10px;padding-right:50px;}
#tabs{visibility:hidden}
/*sharing.html*/
.sharingContent{width:495px;}
#sharingContentBoxB{background-color:#EAF4FD;margin-left:13px;padding-right:20px;width:415px;padding-left:37px;height:auto;}
#sharingContentBoxR{background-color:#FEEEEE;margin-left:13px;padding-right:20px;width:415px;padding-left:37px;height:auto;}
#sharingContentBoxB p,#sharingContentBoxR p{line-height:18px;}
span.bold{font-weight:bold;line-height:28px;}
.sharingContentBanner{margin:15px 0px;}
.sharingImage{margin:15px 40px 15px 20px;}
/*thirdager.html*/
.sharing-subheader{margin-left:10px;}
.thirdager-items{min-height:110px;}
.thirdager-items span.bold{color:#000000}
.subSharingImage{margin:10px;}
#sharingThumb{float:right;padding-top:35px;width:145px;}
#sharingThumbNgo{float:right;width:145px;}
/*legal.html*/
.title{font-size:105%;}
/*sitemap.html*/
.blue{color:#0066CC;}
.sitemap{margin-left:14px;clear:both;margin-top:15px;width:250px;}
.sitemap p{line-height:5px;}
#sitemapTable{margin-left:20px;}
p.blue a{color:#0066CC;}
/*supports.html*/
.supports{}
.supportsLogo{width:150px;height:73px;margin-right:35px;margin-top:10px;margin-bottom:10px}
.supportsLogo a{vertical-align:bottom;}
.supportsLogo a img{vertical-align:middle;}
.supportsBanner{margin-top:20px;}
div#clear{clear:both;}
#supportBut{width:550px;text-align:center;margin-top:20px;}
#supportBut a{margin:0px auto;}
/*news.html*/
.news-date-bar{background-image:url('../images/news_blue_bg.gif');background-repeat:no-repeat;height:35px;margin:15px 0 0 10px;padding:5px 0 0 10px;color:#0066cc;}
.news-date-bar img{vertical-align:middle;padding-right:10px;}
.news-items{margin:0px;}
.news-items a{text-decoration:underline;}
.news-thumb{width:304px;margin:5px;}
.news-thumb img{margin-bottom:10px;}
.news-thumb div{background-color:#E6E6E6;padding:10px}
#newsContent{width:340px}
/*selflearning.html*/
.selflearning-breif{margin-top:10px;min-height:200px;padding-left:10px;}
.selflearning-image{margin:5px;}
.selflearning-list{padding-left:10px;}
.selflearning-list ul{list-style-type:square;list-style-position:inside}
.selflearning-list ol{list-style-position:inside}
.selflearning-list ul li,.selflearning-list ol li{margin:7px 0px;}
.selflearning-list a, .selflearning-list a:link, .selflearning-list a:active, .selflearning-list a:visited, .selflearning-list a:hover{color:#333333;}
.selflearning-list a:hover{text-decoration:underline;}
.selflearning-items{margin-top:10px;}
/*thirdage.html*/
#thirdageTop{background-image:url('../images/thirdeducation_top_but01.gif');width:202px;height:61px;}
/*NGO.html*/
.NGOcontent{margin-top:20px;}
/*upcomingevent.html*/
.upcomingevent{padding-top:20px;height:411px;}
#upcomingeventTable{margin:20px 0px;}
.disclaim{color:#C93126;position:absolute;bottom:10px;}
/*pastevent.html*/
.pastevent-items{min-height:150px;}
/*######### Drop Down ULs CSS #########*/
.ddsubmenustyle, .ddsubmenustyle ul{margin:0;padding:0;position:absolute;left:0;top:0;list-style-type:none;background:white;border:1px solid #dc4128;border-bottom-width:0;visibility:hidden;z-index:100;}
.ddsubmenustyle li a{display:block;width:auto;color:#333333;background-color:lightyellow;text-decoration:none;padding:4px 5px;border-bottom:1px solid #dc4128;}
* html .ddsubmenustyle li{/*IE6 CSS hack*/display:inline-block;width:170px;/*width of menu (include side paddings of LI A*/}
.ddsubmenustyle li a:hover{background-color:black;color:white;}
/*######### Marker List Vertical Menu #########*/
.markermenu{width:224px;clear:left;position:relative;}
.markermenu ul{list-style-type:none;margin:0px;padding:0;}
.markermenu ul li a{color:#333333;display:block;width:auto;padding:0px;padding-left:40px;text-decoration:none;}
.markermenu ul li.default a{padding:0px;margin:0px;margin-bottom:-3px;font-size:0px;}
* html .markermenu ul li a{/*IE6 hack*/width:155px;}
.markermenu ul li a:visited, .markermenu ul li a:active{color:#333333;}
.markermenu ul li#menuOn a:visited, .markermenu ul li#menuOn a:active{color:#ffffff;}
.markermenu ul li a:hover, .markermenu ul li a.selected{color:white;background-color:#dc4128;}
.markermenu ul li.default a:hover{background-color:#ffffff;}
.markermenu ul li a div{width:184px;height:28px;padding-top:6px;cursor:pointer;}
li.default a img{display:block;margin:0px;padding:0px;}
/*######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) #########*/
.blackwhite li a{background:white;}
.blackwhite li a:hover{background:#dc4128;color:white;}