﻿body { margin:0; padding:0; font:12px Arial; background:#E2E7EC; color:#333}

img{border:none}

a{ text-decoration:none; color:#0663B3}
a:hover{ text-decoration:underline}

.fLeft{float:left}
.fRight{float:right}
.cBoth{clear:both}

.wrapper{ width:955px; margin:0 auto; position:relative}

.leftColumn{position:absolute; z-index:5}

.LogoPos{margin:10px 0 20px 15px}

.leftNavi{list-style:none; margin:0 0 0 1px; padding:0 0 0 0px}
    .leftNavi li{height:27px}

.shareIconTitle{margin-top:20px}
.shareIcon img{margin:6px 0 0 6px}

.contentColumn{position:relative; left:163px; width:786px; background:url(../images/content_background_bottom.jpg) no-repeat center bottom; padding-bottom:17px; margin-bottom:10px}
    .shadowBg{width:100%; background:url(../images/content_background_repeat.jpg) repeat-y center top; min-height:500px; height:auto !important; overflow:hidden}
        .contentWidth{width:711px; margin:0 auto}

.topNaviPos{float:right; margin:10px 0 15px; width:425px}
.topNavi{list-style:none; margin:0; padding:0}    
    .topNavi li{border-left:1px solid #333; float:left; padding:0 5px 2px; line-height:11px; margin-top:5px}
    .topNavi li:first-child{border-left:none}
        .topNavi li a{font-size:10px; color:#333;  }
.searchContainer{border-left:none !important;border-bottom:1px solid #333; margin-left:20px; margin-top:0 !important}
    .searchContainer a{font:bold 11px Georgia !important;}
#searchTxt_wrapper .riTextBox{border:0;}
.searchBorder{ float:left; margin-right:10px}
.searchBox{font-size:11px; color:#999}
.searchBtn{float:left; margin-top:5px}

.bannerContainer{width:100%}
#cycle{z-index:1}
.newsContainer{ width:174px; background:#404A54; height:292px}
    .newsHeader{width:155px; font:bold 15px Georgia; color:#FFF; border-bottom:1px solid #CCC; padding:15px 0 3px}
    .newsListContainer{width:155px;}
        .newsList{list-style:none; margin:0; padding:0}
            .newsList li{background:url(../images/events_bullet.png) no-repeat left 5px; padding:0 10px 0 10px; margin-top:10px}
            .newsList li a{color:#FFF; font-size:11px}
        
.tweetContainer{width:100%; background:#C1DEFF; height:30px;margin-bottom:20px; position:relative; z-index:5}
    .tweetLink{position:absolute; margin-top:-10px; z-index:5;}
        .tweetBubble{margin:0 10px; position:absolute}
        .tweetHeader{font-weight:bold; color:#0562B0; margin:18px 0 15px 80px}
    .tweetTitle{ padding:5px 10px 10px 140px; }
    .tweetTitle a{color:#333}

.infoContainer{margin-bottom:10px; overflow:hidden}

.publicationContainer{width:513px; margin-right:20px}
    .publicationHeaderStrip{border-bottom:3px solid #C1DEFE; padding-bottom:10px; overflow:hidden; margin-bottom:10px}
        .publicationHeader{ background:url(../images/bullet_title.png) no-repeat left 2px; padding-left:30px}
            .publicationHeader a{font:bold 16px Georgia}
            .publicationHeader2{font:bold 16px Georgia; color:#0663B3}
        .publicationView{ margin-top:4px}
            .publicationView a{font:11px Georgia; color:#333}
            
.publicationEntry{background:url(../images/content_bullet.png) no-repeat left 5px; padding-left:15px; padding-bottom:15px}            
    .pEntryTitle{}
    .pEntryDesc a{font-style:italic; font-size:11px}
    
.subBannerContainer{width:178px}
.knowContainer{ background:url(../images/didyouknow_background.jpg) no-repeat top center; width:100%; height:158px}
.knowDesc{ margin:20px 17px 0}

.footer{border-top:1px solid #747474; padding:5px 20px; font-size:9px; color:#747474; margin-bottom:10px; overflow:hidden;}
    .footer a{color:#747474}
.footerList{list-style:none; padding:0; margin:0}
    .footerList li{float:left; border-left:1px solid #747474; padding:0 3px}
    .footerList li:first-child{border:none}
.footerSub{border-top:1px solid #747474; margin:5px 0; width:565px; padding:5px 15px; font-size:9px; color:#747474;  overflow:hidden; bottom:20px; position:absolute}    
    .footerSub a{color:#747474}

/** SUB PAGE **/
.rightColumn{position:absolute; left:161px; width:785px; overflow:hidden; z-index:6}

.rightColumnBgTop{background:url(../images/content_bg_top.jpg) no-repeat left top; width:100%;overflow:hidden}

.rightColumnBgTop .topNaviPos{position:absolute; right:20px}
.rightColumnBgBottom{background:url(../images/content_bg_bottom.jpg) no-repeat left bottom; width:100%;overflow:hidden}
.rightColumnBg{background:url(../images/content_bg_repeat.jpg) repeat-y left top; margin:25px 0; overflow:hidden; padding-bottom:23px}

.subNaviColumn{width:183px; float:left; background:url(../images/subnavi_background_repeat.jpg) repeat-y center top; top:0; bottom:0;}  
 
.subNaviTop{width:183px; height:46px; position:absolute; top:0; background:url(../images/subnavi_background_top.jpg) repeat-y center top} 
.subNaviBottom{width:183px; height:46px; position:absolute; bottom:0; background:url(../images/subnavi_background_bottom.jpg) repeat-y center top} 

.sideNaviPos{ margin:130px 0 0 7px; float:left}


.subContentColumn{width:602px; float:left}
.subContentWidth{ width:537px; margin:0 auto;background:#FFF}    
.subContentWidth .topNaviPos{}
.ribbon{position:absolute; right:0; top:40px}

.articleTitle{border-bottom:3px solid #F1AF03; padding-top:75px}
.articleTitle h1{font:30px Georgia; color:#333; margin:0; padding-bottom:8px}
    
.articleDesc{margin-top:20px}

.contentTable{background:#FFF}
.contentTable td{border-bottom:1px solid #CCC; padding:5px; text-align:center}
.contentTable td:first-child{text-align:left}
.altColumn{ background:#FFEECD}
.contentTableTitle{background:#FFD27E; font-weight:bold; }

.marT10{margin-top:10px}

.contentRow{ border-bottom:1px dotted #B7B7B7; padding-bottom: 10px; padding-top: 10px; margin-bottom:20px;}
.contentRow02{ border-bottom:1px dotted #B7B7B7;}
.contentHighlight {font-family:Arial; font-size: 13px; color: #31859b; font-weight:bold;}
.contentHeader {font-family:Arial; color: #205867; font-size: 16px;}

/*Events*/
 .eventDetailTitle, .eventDetailDate, .eventDetailVenue {float:left; width:520px; margin-bottom:10px}
 
 .eventDetailTitle{color:#31859b; font-weight:bold; font-size:16px}
 .eventDetailDate b{font-size:13px}
 .eventDetailVenue b{font-size:13px}
 
 .eventDetailContent{clear:both}
 .eventDetailContent > P:first-child{margin-top:0} 
 
 .ContentMinHeight {min-height:500px;}
 .eventSep {border-bottom: 1px solid #DCDCDC; padding-bottom:10px;}
 .clsPhotoThumb {border:5px solid #ACACAC; width:132px; height:88px; overflow:hidden;background-color:#ACACAC;}
 .EventNoRecord {margin: 10px 10px;}



