html {height: 100%;}
body {height: 100%; background-color: #e3eaf0; background-image: url(../img/bg.jpg); font-family: Verdana; font-size: 11px; text-decoration: none; font-weight: normal; margin: 0px; background-repeat: repeat-x;}
form {padding: 0; margin: 0;}
p {padding: 0; margin: 0;}
/*div {padding: 0; margin: 0;}*/

#center {position: absolute; left: 50%; width: 765px; height: 535px; border: 0px solid #000000; margin-top: 13px; margin-left: -381px;}

#channelNavigation {width: 760px; height: 37px; font-size: 10px; text-align: right; text-decoration: none; overflow: auto; font-weight: bold;}

#channelNavigation .level1 {color: #ffffff; width: 758px; height: 18px; overflow: hidden; margin-top: 5px;}
#channelNavigation .level1 a {color: #ffffff;}
#channelNavigation .level1 a:visited, a:link, a:active {text-decoration: none;}
#channelNavigation .level1 a:hover {text-decoration: none; color: #000000;}

#channelNavigation a {color: #97A4AE;}
#channelNavigation a:visited, a:link, a:active {text-decoration: none;}
#channelNavigation a:hover {text-decoration: none; color: #000000;}

#firstLevel_1, #firstLevel_2, #firstLevel_3, #firstLevel_4, #firstLevel_5, 
#firstLevel_6, #firstLevel_7, #firstLevel_8, #firstLevel_9, #firstLevel_10,
#firstLevel_11, #firstLevel_12, #firstLevel_13, #firstLevel_14, #firstLevel_15, 
#firstLevel_16, #firstLevel_17, #firstLevel_18, #firstLevel_19, #firstLevel_20 {float: right;} 

#secondLevel_1, #secondLevel_2, #secondLevel_3, #secondLevel_4, #secondLevel_5, 
#secondLevel_6, #secondLevel_7, #secondLevel_8, #secondLevel_9, #secondLevel_10, 
#secondLevel_11, #secondLevel_12, #secondLevel_13, #secondLevel_14, #secondLevel_15, 
#secondLevel_16, #secondLevel_17, #secondLevel_18, #secondLevel_19, #secondLevel_20 {position: absolute; left: 0px; display: none; color: #97A4AE;}

#globalContent {position: relative; width: 765px; height: 467px; background-image: url(/img/bgBox.jpg);}
#globalContentMatte {position: relative; width: 765px; background-color: #839db4; overflow /**/: auto; min-height: 467px; height: auto !important; height: 467px;}
#globalContentRandom1_1 {position: relative; width: 765px; height: 467px; background-image: url(/img/bkg_a1.jpg);}
#globalContentRandom1_2 {position: relative; width: 765px; height: 467px; background-image: url(/img/bkg_a2.jpg);}
#globalContentRandom1_3 {position: relative; width: 765px; height: 467px; background-image: url(/img/bkg_a3.jpg);}
#globalContentRandom2_1 {position: relative; width: 765px; height: 467px; background-image: url(/img/bkg_b1.jpg);}
#globalContentRandom2_2 {position: relative; width: 765px; height: 467px; background-image: url(/img/bkg_b2.jpg);}
#shLogo {position: absolute; left: 0px; top: 0px; width: 258px; height: 79px;}
#globalHP_flash {position: absolute; left: 10px; top: 89px; width: 438px; height: 365px;}
#globalHP_news {position: absolute; left: 460px; top: 14px; width: 288px; height: 440px;}

#footer {position: relative; width: 760px; height: 43px; overflow: auto;}
#footer .left {width: 180px; float: left; font-size: 9px; color: #97A4AE; text-decoration: none; vertical-align: super;}
#footer .left a {font-size: 9px; font-weight: bold; color: #97A4AE;}
#footer .left a:visited, a:link, a:active, a:hover {font-size: 7.5pt; text-decoration: none;}
#footer .center {width: 300px; float: left; font-size: 9px; color: #97A4AE; text-decoration: none; font-weight: bold; vertical-align: super; text-align: center;}
#footer .right {width: 280px; float: left; font-size: 9px; color: #97A4AE; text-align: right; text-decoration: none; vertical-align: top;}
#footer .right .copy {left; font-size: 9px; color: #97A4AE; text-decoration: none;}
#footer .right a {font-size: 9px; font-weight: bold; color: #97A4AE;}
#footer .right a:visited, a:link, a:active, a:hover {font-size: 7.5pt; text-decoration: none;}
#footer .chgLng a, a:visited, a:link, a:active {font-weight: bold; color: #06324c;}
#footer .chgLng a:hover {text-decoration: underline;}

.hpCategoryNews {width: 100%; height: 100%; border: 1px solid #ffffff; background-color: #c6d8e9; overflow: hidden;}
.hpCategoryNews .padding {padding: 5px;}
.hpCategoryNews .row {width: 277px; height: 96px; overflow: hidden; border-bottom: 1px solid #ffffff; margin-top: 13px;}
.hpCategoryNews .cellSx {float: left; width: 103px; height: 107px; overflow: auto;}
.hpCategoryNews .cellDx {float: left; width: 170px; height: 90px; text-align: left; overflow: hidden;}
.hpCategoryNews .title {color: #ffffff; font-size: 11px; text-decoration: none; font-weight: bold;}
.hpCategoryNews .abstract {color: #06324c; font-size: 11px; text-decoration: none;}
.hpCategoryNews .abstract a, a:visited, a:link, a:active, a:hover {text-decoration: none; color: #06324c;}

.logo {border: 0px none #000000;}

.manifestFiller {height: 89px;}
.manifest {margin-left: 19px; margin-bottom: 10px; width: 725px; border: 1px solid #ffffff; overflow: hidden;}

.zoomFiller {height: 93px;}
.zoom {margin-left: 86px; margin-bottom: 10px; width: 657px; height: 312px; border: 1px solid #ffffff; overflow: hidden;}

.fillerIstImg {height: 13px;}
.fillerIstNoImg {height: 89px;}
.newsImgRight {width: 743px;  margin-left: 10px;}
.newsImgRight img {border: 0px; display: block; float: right}

.news {float /**/:left; font-size: 11px; overflow: auto; margin-left: 10px; margin-bottom: 10px;}
.news .content {width: 741px; border: 1px solid #ffffff; background-color: #c6d8e9;}
.news .padding {padding: 3px;}
.news .title {color: #ffffff; font-weight: bold;}
.news .subtitle {color: #06324C;}
.news .abstract {color: #06324C;}
.news .text {color: #06324C;}
.news .back {width: 741px; font-size: 9px; color: #ffffff; font-weight: bold; overflow: auto; text-align: right;}
.news .back a {font-weight: bold; color: #ffffff;}
.news .back a:visited, a:link, a:active, a:hover {text-decoration: none;}

.fillerDirectory {height: 89px;}
.directory {font-size: 11px; overflow: auto; margin-left: 10px; margin-bottom: 10px;}
.directory .content {width: 741px; border: 1px solid #ffffff; background-color: #c6d8e9;}
.directory .padding {padding: 3px;}
.directory .category {color: #ffffff; font-size: 11px; font-weight: bold; overflow: auto; margin-bottom: 16px;}
.directory .container {float: left; width: 364px; overflow:auto; color: #06324C; font-weight: normal; font-size: 11px; min-height: 40px; height: auto !important; height: 100%;}
.directory a {font-weight: bold; font-size: 10px; color: #516372;}
.directory a:visited, a:link, a:active, a:hover {text-decoration: none;}
#directorySearch {position: absolute; left: 423px; top: 42px; width: 320px; height: 30px; color: #ffffff; text-align: right; font-weight: bold; font-size: 11px;}


.hidden {display: none; overflow: auto;}
.show {display: inline; overflow: auto;}

.imgNoBorder {border: 0px solid #000000;}

.welcomeImg {position: absolute; left: 10px; top: 88px; width: 438px; height: 365px;}
.welcomeNews {position: absolute; left: 460px; top: 125px; font-weight: bold; color: #ffffff;}
.welcomeSubtitle {position: absolute; left: 460px; top: 140px; color: #ffffff;}
.welcomeText {position: absolute; left: 460px; top: 155px; width: 285px; height: 300px; color: #06324c; overflow: auto;}

#newsSearch {position: absolute; left: 423px; top: 42px; width: 320px; height: 30px; color: #ffffff; text-align: right; font-weight: bold; font-size: 11px;}
#newsSearch a, a:visited, a:link, a:active {font-weight: bold; color: #ffffff; text-decoration: none;}
#newsSearch a:hover {font-weight: bold; color: #404040;}
#newsContentTile {position: absolute; left: 240px; top: 80px; width: 200px; height: 20px; color: #ffffff; font-weight: bold; font-size: 11px;}
#newsContentPaging {position: absolute; left: 543px; top: 80px; width: 200px; height: 20px; color: #ffffff; text-align: right; font-weight: bold; font-size: 9px;}
#newsContentPaging a, a:visited, a:link, a:active {font-weight: bold; color: #ffffff; text-decoration: none;}
#newsContentPaging a:hover {font-weight: bold; color: #404040;}
#newsContent {position: absolute; left: 240px; top: 102px; width: 503px; height: 347px; border: 1px solid #ffffff; background-color: #c6d8e9;}
#newsContent .padding {padding: 3px; font-size: 11px; overflow: auto;}
#newsContent hr {background-color: #ffffff; border: 0px; height: 1px;}
#newsContent .date {color: #06324c;}
#newsContent .title {color: #ffffff; font-weight: bold;}
#newsContent .abstract {color: #06324c;}
#newsContent a, a:visited, a:link, a:active, a:hover {color: #06324c; text-decoration: none;}

#newsPaging {color: #ffffff; text-align: right; font-weight: bold; font-size: 9px;}
#newsPaging a, a:visited, a:link, a:active {font-weight: bold; color: #ffffff; text-decoration: none;}
#newsPaging a:hover {font-weight: bold; color: #404040;}

#newsDownload {color: #06324c; text-align: center; font-weight: bold; font-size: 9px;}
#newsDownload a, a:visited, a:link, a:active {font-weight: bold; color: #06324c; text-decoration: underline;}
#newsDownload a:hover {font-weight: bold; color: #06324c;}

#gallery {position: absolute; left: 173px; top: 93px; width: 571px; height: 348px; border: 1px solid #ffffff; background-color: #c6d8e9; color: #ffffff; font-size: 11px;}
#gallery .padding {padding: 7px;}
#gallery .player {position: absolute; right: 200px; width: 360px; height: 270px; border: 1px solid #ffffff; background-color: #000000; text-align: center;}
#gallery .info {float: right; width: 192px; height: 271px; background-color: #839db4; overflow: hidden; text-align: left;}
#gallery .credits {color: #0b3456; font-size: 11px; font-weight: bold;}
#gallery .infoask {color: #ffffff; font-size: 11px;}
#gallery .infoans {color: #ffffff; font-size: 11px; font-weight: bold;}
#gallery .previewBox {position: absolute; left: 43px; top: 286px; width: 519px; height: 56px; background-color: #839db4; overflow: hidden; text-align: center;}
#gallery .previewImg {float: left; width: 72px; height: 54px; border: 1px solid #ffffff; background-color: #000000; overflow: hidden; margin-right: 10px;}
#gallery .previewImg a img{filter: alpha(opacity=50); -moz-opacity: 0.5 !important; opacity: 0.5;}
#gallery .previewImg a:hover img{filter: alpha(opacity=100); -moz-opacity: 1.0 !important; opacity: 1.0;}
#gallery .previewPaging {float: right; width: 180px; height: 54px; overflow: hidden; text-align: right; color: #516372;}
#gallery .galleryDownload {float: right; width: 180px; height: 12px; overflow: hidden; text-align: right;}
#gallery a, a:visited, a:link, a:active {font-weight: bold; color: #516372; text-decoration: none;}
#gallery a:hover {font-weight: bold; color: #ffffff;}
#gallery .imgNoBorder {border: 0px;}

#landmark {position: absolute; left: 333px; top: 81px; width: 410px; height: 170px; overflow: auto;}
#landmark .title {font-family: Verdana; font-weight: bold; color: #ffffff; font-size: 11px;}
#landmark .subtitle {font-family: Verdana; color: #ffffff; font-size: 11px;}
#landmark .text {font-family: Verdana; color: #06324C; font-size: 11px;}
#landmark .text a, a:visited, a:link, a:active {color: #06324C; font-family: Verdana; font-size: 11px; font-weight: normal; text-decoration: underline;}
#landmarkImg {position: absolute; left: 333px; top: 260px; width: 410px; height: 163px; border: 1px solid #ffffff; overflow: hide;}
#landmarkImgZoom {position: absolute; left: 333px; top: 435px; width: 410px; height: 16px; overflow: hide; font-weight: bold; color: #ffffff; font-size: 11px; text-align: right;}
#landmarkImgZoom a, a:visited, a:link, a:active {color: #ffffff; font-size: 9px; text-decoration: none; font-weight: bold;}
#landmarkImgZoom a:hover {color: #516372; font-size: 9px; text-decoration: none; font-weight: bold;}
#landmarkFull {font-family: Verdana; position: absolute; left: 333px; top: 81px; width: 410px; height: 364px; overflow: auto;}
#landmarkFull .title {font-family: Verdana; font-weight: bold; color: #ffffff; font-size: 11px;}
#landmarkFull .subtitle {font-family: Verdana; color: #ffffff; font-size: 11px;}
#landmarkFull .text {font-family: Verdana; color: #06324C; font-size: 11px;}
#landmarkFull .text a, a:visited, a:link, a:active {color: #06324C; font-family: Verdana; font-size: 11px; font-weight: normal; text-decoration: underline;}
.back {width: 741px; font-size: 9px; color: #ffffff; font-weight: bold; overflow: auto; text-align: right;}
.back a {font-weight: bold; color: #ffffff;}
.back a:visited, a:link, a:active, a:hover {text-decoration: none;}