body {margin: 0px 0px 0px 0px; padding: 0px; font-family: sans-serif; font-size: 0.8em; background-color: white; background-image: url('/images/body_bg.jpg'); background-color: rgb(250,244,237); color: rgb(25,23,24);}

img {border: none;}

a {color: rgb(215,0,17); text-decoration: underline;}
a:hover {color: rgb(215,0,17);}

h1 {font-weight: normal; margin: 0px;}
h2 {font-weight: normal; margin: 0px;}
h3 {margin: 0px; color: rgb(128,132,105); font-size: 130%; font-weight: normal;}
h4 {color: rgb(128,132,105); font-size: 100%; font-weight: bold; margin: 0px;}

ul {}
ul li {margin: 0px 0px 10px 0px; padding: 0px;}

form {padding: 0px; margin: 0px;}

textarea {font-family: sans-serif; font-size: 100%;}

.clear {clear: both; font-size: 1px; line-height: 1px; height: 1px;}

.layout {border-collapse: collapse;}

/********************* page **********************/

#page {position: relative; width: 990px; text-align: left; margin: auto; background-color: rgb(208,189,172);}

#header {position: relative; text-align: left; height: 103px;}
#header .partnersLogo {position: absolute; right: 0px; top: 10px; z-index: 50; text-align: right;}
#header .partnersLogo p {margin: 0px; padding: 0px;}

#headerTop {position: absolute; top: 0px; left: 0px; z-index: 1;}


#webTitle {position: absolute; top: 30px; left: 20px; font-size: 180%; color: black;  z-index: 0;}
#webTitle a {text-decoration: none; color: white;}
#webTitle .claim {display: block; font-size: 60%; line-height: 12px;}

/* ************ menu Top *********** */

#menuHeaderTop {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 990px; height: 30px; background-image: url('/images/topMenuBg.jpg'); background-repeat: no-repeat; background-position: top left; background-color: Black;}
#menuHeaderTop ul {margin: 0px 0px 0px 25px; padding: 0px;}
#menuHeaderTop ul li {list-style: none; float: left; padding: 0px; margin: 6px 0px 5px 0px;}
#menuHeaderTop a {font-weight: normal; font-size: 100%; text-decoration: none; color: white; padding: 0px 10px 0px 10px; display: block; margin: 0px; border-right: solid 1px white;}
#menuHeaderTop a:hover, #menuHeaderTop ul li.active a {color: rgb(215,0,17);}

#menuHeaderTop .langSwitch {float: right; padding: 5px 25px 0px 0px; font-weight: bold;}

/* ************ Main Menu *********** */

#menuHeaderBottom {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 980px; height: 27px;}
#menuHeaderBottom ul {margin: 0px 0px 0px 25px; padding: 0px;}
#menuHeaderBottom ul li {position: relative; list-style: none; float: left; padding: 0px; margin: 0px;}
#menuHeaderBottom ul li a {position: relative; font-weight: normal; text-decoration: none; padding: 2px 0px 0px 5px; display: block; margin: 0px;}
#menuHeaderBottom ul li a:hover, #menuHeaderBottom ul a.active {color: rgb(215,0,17);}

#menuHeaderBottom ul li span {display: block; position: absolute; top: 0px; left: 0px; z-index: 99;}

/* cz */

#menuHeaderBottom ul li .menuItem1, #menuHeaderBottom ul li .menuItem1 span {width: 99px; height: 27px;}
#menuHeaderBottom ul li .menuItem1 span {background-image: url('/images/menu1.gif');}
#menuHeaderBottom ul li.active .menuItem1 span {background-image: url('/images/menu1b.gif');}

#menuHeaderBottom ul li .menuItem2, #menuHeaderBottom ul li .menuItem2 span {display: block; width: 140px; height: 27px;}
#menuHeaderBottom ul li .menuItem2 span {background-image: url('/images/menu2.gif');}
#menuHeaderBottom ul li.active .menuItem2 span {background-image: url('/images/menu2b.gif');}

#menuHeaderBottom ul li .menuItem3, #menuHeaderBottom ul li .menuItem3 span {display: block; width: 92px; height: 27px;}
#menuHeaderBottom ul li .menuItem3 span {background-image: url('/images/menu3.gif');}
#menuHeaderBottom ul li.active .menuItem3 span {background-image: url('/images/menu3b.gif');}

#menuHeaderBottom ul li .menuItem4, #menuHeaderBottom ul li .menuItem4 span {display: block; width: 144px; height: 27px;}
#menuHeaderBottom ul li .menuItem4 span {background-image: url('/images/menu4.gif');}
#menuHeaderBottom ul li.active .menuItem4 span {background-image: url('/images/menu4b.gif');}

#menuHeaderBottom ul li .menuItem5, #menuHeaderBottom ul li .menuItem5 span {display: block; width: 93px; height: 27px;}
#menuHeaderBottom ul li .menuItem5 span {background-image: url('/images/menu5.gif');}
#menuHeaderBottom ul li.active .menuItem5 span {background-image: url('/images/menu5b.gif');}

#menuHeaderBottom ul li .menuItem6, #menuHeaderBottom ul li .menuItem6 span {display: block; width: 97px; height: 27px;}
#menuHeaderBottom ul li .menuItem6 span {background-image: url('/images/menu6.gif');}
#menuHeaderBottom ul li.active .menuItem6 span {background-image: url('/images/menu6b.gif');}

/* en */

#menuHeaderBottom ul li .menuItem1en, #menuHeaderBottom ul li .menuItem1en span {width: 99px; height: 27px;}
#menuHeaderBottom ul li .menuItem1en span {background-image: url('/images/menu1-en.gif');}
#menuHeaderBottom ul li.active .menuItem1en span {background-image: url('/images/menu1b-en.gif');}

#menuHeaderBottom ul li .menuItem2en, #menuHeaderBottom ul li .menuItem2en span {display: block; width: 140px; height: 27px;}
#menuHeaderBottom ul li .menuItem2en span {background-image: url('/images/menu2-en.gif');}
#menuHeaderBottom ul li.active .menuItem2en span {background-image: url('/images/menu2b-en.gif');}

#menuHeaderBottom ul li .menuItem3en, #menuHeaderBottom ul li .menuItem3en span {display: block; width: 92px; height: 27px;}
#menuHeaderBottom ul li .menuItem3en span {background-image: url('/images/menu3-en.gif');}
#menuHeaderBottom ul li.active .menuItem3en span {background-image: url('/images/menu3b-en.gif');}

#menuHeaderBottom ul li .menuItem4en, #menuHeaderBottom ul li .menuItem4en span {display: block; width: 144px; height: 27px;}
#menuHeaderBottom ul li .menuItem4en span {background-image: url('/images/menu4-en.gif');}
#menuHeaderBottom ul li.active .menuItem4en span {background-image: url('/images/menu4b-en.gif');}

#menuHeaderBottom ul li .menuItem5en, #menuHeaderBottom ul li .menuItem5en span {display: block; width: 93px; height: 27px;}
#menuHeaderBottom ul li .menuItem5en span {background-image: url('/images/menu5-en.gif');}
#menuHeaderBottom ul li.active .menuItem5en span {background-image: url('/images/menu5b-en.gif');}

#menuHeaderBottom ul li .menuItem6en, #menuHeaderBottom ul li .menuItem6en span {display: block; width: 97px; height: 27px;}
#menuHeaderBottom ul li .menuItem6en span {background-image: url('/images/menu6-en.gif');}
#menuHeaderBottom ul li.active .menuItem6en span {background-image: url('/images/menu6b-en.gif');}


/********************* main content **********************/

.container {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-image: url('/images/pageBgBasic.jpg'); background-repeat: repeat-y;}
.inside {width: 990px; margin: 0px 0px 0px 0px; background-image: url('/images/mainContentBg.jpg'); background-repeat: no-repeat;}

.rightColumn {float: right; width: 268px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position: relative;}

#mainContent {padding: 20px 300px 20px 32px; margin: 0px 0px 0px 0px;}


/************** section *************/

#section .sectionPerex {margin-bottom: 15px;}
#section .sectionPerex p {margin: 0px; padding: 0px;}
#section .articleList .articleTitle {font-size: 110%; font-weight: bold; padding: 0px; margin: 0px; background: none;}
#section .articleList .articlePerex p {margin: 0px; padding: 0px;}
#section .articleList .articlePerex {margin-bottom: 10px;}

/* ************ article *********** */

.sectionTitle, .articleTitle {color: rgb(4,26,57); font-size: 160%; font-weight: normal; margin: 0px 0px 10px 0px; background-image: url('/images/articleLine.gif'); background-repeat: no-repeat; background-position: top left; display: block; padding: 10px 0px 0px 0px;}
.titleSubline {display: block; margin: 0px 0px 10px 0px;}

#articleDetail .articleSection {display: none;}
#articleDetail .articlePublishDate {float: right;}

#articleDetail .multimedia .flashPlayer, .multimedia .detailBox {display: none;}
#articleDetail .multimedia .singleVideo {text-align: center;}

#articleDetail .multimedia {margin: 10px 0px 10px 0px;}
#articleDetail .multimediaTitle {display: block; font-size: 110%; font-weight: bold; padding-left: 10px;}
#articleDetail .multimediaList {}
#articleDetail .multimediaList .item {vertical-align: top; text-align: center; padding: 0px 6px 10px 6px; width: 134px;}
#articleDetail .multimediaList .item .image {display: block; width: 132px; height: 99px; border: solid 1px silver; background-color: White; padding: 2px;}
#articleDetail .multimediaList .item .title {display: block; padding-top: 3px;}

#articleDetail .download {margin-bottom: 10px;}
#articleDetail .download .box div {background: url('/images/box-btm.jpg') no-repeat bottom;padding: 10px 0px 0px 5px;}
#articleDetail .downloadTitle {display: block; font-size: 110%; font-weight: bold; padding-left: 10px;}
#articleDetail .downloadList {width: 99%;}
#articleDetail .downloadList td {vertical-align: top; text-align: left; padding: 5px 5px 5px 0px; border-bottom: solid 1px white;}
#articleDetail .downloadList .firstRow td {}
#articleDetail .downloadList .lastRow td {border-bottom: none;}
#articleDetail .downloadList td.fileType {width: 20px; padding-top: 7px;}
#articleDetail .downloadList td .downloadFile {display: block;}
#articleDetail .downloadList td .downloadFile .fileTitle {font-weight: bold;}
#articleDetail .downloadList td .downloadFile .fileSize {}
#articleDetail .downloadList td .fileDescription {}

/* ************ Witness Gallery *********** */

#witnessGallery {height: 218px; background-image: url('/images/galleryBg.jpg'); background-color: Black; background-repeat: no-repeat; padding: 0px 0px 0px 1px;}
#witnessGallery table {border-collapse: collapse;}
#witnessGallery td {padding: 7px 7px 4px 6px;}
#witnessGallery td a {display: block; width: 58px; height: 59px; background-position: top 50%; background-repeat: no-repeat; background-color: rgb(200,200,200); text-decoration: none;  filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60;}
#witnessGallery td a:hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/************* Witness Detail *************/

#witnessDetail {}
#witnessDetail .photo {float: left; padding-right: 10px; padding-bottom: 10px;}
#witnessDetail .summary {font-weight: bold; font-style: italic;}
#witnessDetail .content {}
#witnessDetail .content h1 {font-size: 120%; font-weight: bold; margin-top: 15px;}
#witnessDetail .multimedia {text-align: center;}
#witnessDetail .multimedia .flashPlayer {display: none;}
#witnessDetail .sourceCopyright {margin-top: 10px; padding-top: 5px; border-top: solid 1px gray; font-size: 90%;}

/********************* footer ****************************/

#footer {margin: 30px 0px 20px 0px; padding: 0px; font-size: 88%;}
#footer .copyright {color: rgb(76,76,76);}
#footer .developer {text-decoration: none; color: rgb(76,76,76); border-left: rgb(76,76,76) solid 1px; padding-left: 10px; margin-left: 10px;}
#footer .developer:hover {text-decoration: underline;}