body { color: #4b5b64; font-family:Calibri,sans-serif; font-size:13px; background: #F2F6F9;}
a { color: #253842}
a:hover { text-decoration: none; }
input, textarea, select { font-family: Arial,sans-serif; font-size: 11px; }
a, a:link, a:active, a:visited { color: #253842; }

.seeMore {clear: both; text-align: right; }
.seeMore a { background:url("raquo.png") no-repeat 100% 2px; padding: 0 17px 0 0; }
.pagination {text-align: center;}
.pagination a {color: #253842; font-weight: bold;}
/* Logo */
.headerContent{background:url(headerContent.jpg) no-repeat; width: 1200px; height: 301px;}
.headerContent .logoBox .boxBody {padding: 15px 0 0 80px;}
.headerContent .logoBox .logo {float:left;}
.headerContent .logoBox .sponsor {color: #ffffff; font-size: 23px; margin: 10px 0 0 0px; float: left;}
.headerContent .logoBox .sponsor .percent {font-size: 45px;}
.headerContent .logoBox .sponsor .percent2 {font-size: 18px;}
.headerContent .logoBox .sponsor .contact {font-size: 16px; margin: 11px 0 0 0}
.headerContent .logoBox .sponsor .contact span {font-size: 19px; }
.headerContent .logoBox .sponsor span {color: #ffe900; font-weight: bold;}
.main{background: #f2f6f9 url(mainContentBg.png) no-repeat; overflow: auto;}

/* Navigation */
.headerNavigation {margin: -50px 0 7px;}
#navigation-main{ color:#FFF;  font-size:14px;  height:43px;  line-height:43px; }
#navigation-main a{color:#fff; text-decoration:none;padding: 0 15px;}
#navigation-main .navigation li.active a { color: #fff000; }
#navigation-main .navigation li.active{ border-top: 1px solid #fff000; }
.navigation-menu .box-header{display:none}
.navigation-menu .navigation {margin: 0 0 0 115px; }
.navigation-menu .navigation li{float:left; margin:0; padding:3px 0 0 5px; position:relative; height:42px; }
.navigation-menu .navigation li.player {float: right; background: none;}
.navigation-menu .navigation li.first {background: none;padding-left: 0px;}


.leftSidebar, .mainContent, .rightSidebar {float: left;}

/* Left sidebar */
.leftSidebar { margin: 0 0 0 110px; width: 170px;}
.leftSidebar .box {width: 160px; margin: 0 0 28px 0;}
.leftSidebar .sidebarContent {margin: 29px 0 0 0; }
.leftSidebar .menu .boxBegin h2 { color: #4b5b64; font-size: 20px; padding: 0 0 3px 0; font-weight: normal;}
.leftSidebar .menu .boxBegin h2 span {font-weight: bold; }
.leftSidebar .menu .boxBegin {border-bottom: 1px solid #d1d7db; }
.leftSidebar .menu .boxBody {margin: 9px 5px 0 3px;}
.leftSidebar .menu li {background:url(raquo.png) no-repeat 0 2px; padding: 0 0 0 15px; margin: 0 0 3px 0}
.leftSidebar .boxRightCommon .boxBegin h2,
.leftSidebar .facebook .boxBegin h2 { color: #4b5b64; font-size: 20px; padding: 0 0 3px 0; font-weight: bold;}
.leftSidebar .boxRightCommon .boxBegin,
.leftSidebar .facebook .boxBegin {border-bottom: 1px solid #d1d7db;}
.leftSidebar .boxRightCommon .boxBody { margin: 7px 0 0 5px; }
.leftSidebar .boxRightCommon .boxEnd,
.leftSidebar .facebook .boxEnd {color: #253842; margin: 0 0 0 3px;}

.leftSidebar .facebook .boxBody { margin: 7px 0 0 17px; }


/* Right sidebar*/
.rightSidebar .sidebarContent {margin: 29px 0 0 0; }
.rightSidebar .albumList .boxBegin h2 { color: #4b5b64; font-size: 20px; padding: 0 0 3px 0; font-weight: bold;}
.rightSidebar .albumList {padding: 0 0 0 10px;}
.rightSidebar .albumList .boxBody {margin: 3px 0 0 8px;}
.rightSidebar .albumList li {float: left; width: 121px; text-align: center; margin: 0 7px 7px 0;}
.rightSidebar .albumList li img {border: 1px solid #ced7dc;  padding: 4px; background: #ffffff;}
.rightSidebar .albumList li.clear { clear: both;}

/* Maincontent */
.mainContent {margin: 30px 0;}

/* Album */
.albums .boxHeader h1 { font-size: 20px; padding: 0 0 3px 0; font-weight: normal;}
.albums .boxHeader h1 {color: #4b5b64;}

.detailGallery .boxHeader h1 { font-size: 20px; padding: 0 0 3px 0; font-weight: normal; text-align: center;}
.detailGallery .boxHeader h1 {color: #4b5b64;}
.detailGallery .boxHeader h1 span {font-weight: bold; }
ul.albumList{list-style-type:none; list-style-position:outside; margin:0; padding:0; overflow: auto;}
ul.albumList li{font-size:12px; margin:0 30px 15px 0; padding:0; width:170px; position:relative; float:left; color:#a5a5a5; text-align:center}
ul.albumList li .album-date {font-size:11px;}
ul.albumList li .albumTitle{ font-size:12px; display:block; height:25px; line-height:20px; overflow:hidden; color: #4B5B64; font-weight: bold; }
ul.albumList li div{background:url(/gfx/dark/border_180.gif) no-repeat; height:192px; text-align:center}
ul.albumList img, ul.album-photo-list img{border:1px solid #3a3a3a; margin-top:4px}

ul.album-photo-list img{width:100px; height:100px}
ul.albumList span.album-photos{position:absolute; top:160px; right:5px; background:#000; line-height:25px; padding:0 10px; opacity:0.6; filter:alpha(opacity = 60); color:#a5a5a5}

.album-date, .album-title{line-height:20px; height:20px; display:block; overflow:hidden}

ul.album-photo-list{list-style-type:none; list-style-position:outside; margin:0; padding:0; width:600px}

ul.album-photo-list li{margin:0 8px 10px 0px; background:url(/gfx/dark/border_100.gif) no-repeat; width:112px; padding:0; text-align:center; float:left}

 #gallery{ padding:30px}
 #descriptions{ position:relative;  height:50px;  background:#EEE;  margin-top:10px;  width:640px;  padding:10px;  overflow:hidden}
 #descriptions .ad-image-description{ position:absolute}
 #descriptions .ad-image-description .ad-description-title{ display:block}

 /* Contact page*/
.contactPage .boxHeader h1 { font-size: 20px; padding: 0 0 3px 0; font-weight: normal; color: #4b5b64;}
.contactPage .boxHeader h1 span {font-weight: bold; }
.contactPage .boxHeader {margin: 0;}
.contactPage .contact {margin: 30px 0 40px 0;}
.contactPage .detailContact {clear: both;}
.contactPage .detailContact li {margin: 0 0 4px;}
.contactPage .overMapcontent {margin: 20px 0 0 50px;}

/* Footer */
.footer .commonCopyright {background:#19313c; height: 110px; width: 1200px;}
.footer .commonCopyright .navigation li {float:left; margin: 0 10px 0 0;}
.footer .commonCopyright .navigation li a{ color: #f2f6f9;}
.footer .commonCopyright .copyright {color: #a9b8c2; clear: both; padding: 2px 0 0 0;}
.footer .commonCopyright .copyright a {color: #a9b8c2;}


.footer .commonCopyright .navCopy,
.footer .commonCopyright .medic,
.footer .commonCopyright .wm {float: left; font-size: 12px;}

.footer .commonCopyright .medic { margin: 29px 0 0 131px; }
.footer .commonCopyright .navCopy { margin: 39px 0 0 11px; width: 602px;}
.footer .commonCopyright .wm { margin: 14px 0 0 0; }


/* Sponsor */
.sponsorPage .boxHeader h1 { font-size: 20px; padding: 0 0 3px 0; font-weight: normal; color: #4b5b64; margin: -7px 0 0 0;}

/* Article */
.categoryList .boxHeader h1 { font-size: 20px; padding: 0 0 3px 0; font-weight: normal; color: #4b5b64;}
.categoryList .boxBody {margin: 15px 0 0 0;}
.categoryList .boxBody li {margin: 0 0 15px;}
.categoryList .boxBody h3 a {color: #253842; font-size: 20px;}
.categoryList .boxBody .title {margin: 0 0 5px 0; padding: 7px 0 0 0;}
.categoryList .boxBody .text { padding: 0 0 0 55px;}
.categoryList .boxBody .date {height: 54px; width: 53px; padding: 11px 0 0 0; float: left; text-align: center;}
.categoryList .boxBody .date {background:url(date-news-clearly.png) no-repeat; color: #253842;}
.categoryList .boxBody .date.dark {background:url(date-news-dark.png) no-repeat; color: #ffffff;}
.categoryList .boxBody .date .number { display: block; font-weight: bold; font-size: 17px;}
.categoryList .boxBody .date .month {display: block; font-size: 11px; margin: -4px 0 0 0; padding: 0 0 0 3px;}


.articleDetail .boxHeader h1 { font-size: 20px; padding: 0 0 3px 0; font-weight: normal; color: #4b5b64;}
.articleDetail .boxBody {margin: 15px 0 0 0;}

.text p { padding: 0 0 15px; }

/* Error page */
.error404 .boxBody { color: #414141; height: 199px; margin: 120px auto 200px; padding: 0; text-align: center; width: 397px; }
.error404 .boxBody p { font-size: 30px; font-weight: bold; line-height: 52px; margin: 0; padding: 35px 0; }