@import url("global.css");
@import url("banner.css");

BODY {font: 13px Arial;}

.wrapper {width: 1185px; margin: 0 auto; position: relative;}
.stone {position: relative;}
.aLeft {text-align: left !important;}
.aCenter {text-align: center;}
.aRight {text-align: right !important;}
.vMiddle {vertical-align: middle;}
.mCenter {margin: 0 auto;}
.fLeft {float: left;}
.fRight {float: right;}

#header {height: 110px; background: url('../images/header-bg.png') repeat-y top center; display: none;}
#contentInner {min-height: 400px; padding: 0 0 10px 0;}
#contentBottom {height: 35px; background: url('../images/content-bottom.png') no-repeat top center;}
#footer {display: none;}

#content.hasSlideshow {margin-top: 0;}
#content.hasSlideshow .wrapper {padding-top: 10px;}

#logo {position: absolute; top: 0px; left: 20px; z-index: 970;}
#moto {display: none;}
#address {display: none;}

a {color: #185582;}

H1 {color: #1b89ba; font: normal 24px Arial, Times; margin: 0 0 10px 0; padding: 0;}
H2 {color: #81be0e; font: normal 20px Arial, Times; margin: 0; padding: 0;}
H3 {background-color: #f4f4f4; color: #686868; font: normal 16px Arial, Times; margin: 0 0 10px 0; padding: 10px 10px; text-transform: uppercase;}
H5 {color: #cb3260; font: normal 12px Arial; margin: 5px 0; padding: 0 0 0 10px; background: url('../images/dot.png') no-repeat left center;}

#nav {position: absolute; top: 85px; left: 0; right: 0; background: url('../images/nav-bg.png') repeat-x top left; background-color: rgba(229, 231, 233, 0.9); height: 105px; z-index: 200;}
#nav UL {margin: 0; padding: 0; height: 47px; position: relative;}
#nav UL LI {margin: 0; padding: 0; float: left; list-style: none;}
#nav UL LI.on A {color: #ffffff; background: url('../images/nav-on.png') repeat-x 0 0; box-shadow: 2px 2px 2px #999999;}
#nav UL LI A {color: #535e50; font-size: 14px; font-family: 'MyriadPro', Arial; text-transform: uppercase; text-decoration: none; display: block; padding: 15px 21px;}
#nav UL LI:first-child {margin-left: 10px;}
#nav UL LI UL {display: none;}
#nav UL LI.on UL {display: block;}
#nav UL LI UL {position: absolute; top: 47px; left: 0; right: 0; width: 1185px; height: 25px;}
#nav UL LI UL LI A {background-image: none !important; color: #343534 !important; box-shadow: 0 0 0 #000000 !important; font-size: 14px; font-family: 'MyriadPro', Arial; text-transform: none; text-decoration: none; display: block; padding: 5px 14px;}
#nav UL LI UL LI:first-child {margin-left: 0px;}
#nav UL LI UL LI UL, #nav UL LI.on UL LI UL {display: none;}
#nav UL LI UL LI.on UL, #nav UL LI.on UL LI.on UL {display: block;}
#nav UL LI UL LI UL {position: absolute; top: 27px; left: 0; right: 0; width: 1185px; border-top: solid 1px #0080ad;}
#nav UL LI UL LI UL LI A {background-image: none !important; color: #343534 !important; box-shadow: 0 0 0 #000000 !important; font-size: 14px; font-family: 'MyriadPro', Arial; text-transform: none; text-decoration: none; display: block; padding: 5px 21px;}
#nav UL LI UL LI UL LI:first-child {margin-left: 0px;}
#nav a.on {color: #065a7f !important;}

#topNavHolder {display: none;}
#slideShowHolder {display: none;}
#slideshowBannerHolder {display: none;}

#contentInner P {font: normal 12px Arial; color: #767779; line-height: 18px; text-align: justify; margin: 0 0 10px 0;}

.boardHolder {width: 210px; height: 430px; background: url('../images/right-board.png') no-repeat 0 0;}

#headerTitleHolder {background: url('../images/header-title.png') no-repeat top center; height: 150px;}

OBJECT {outline: none;}

.photoBorder {position: relative; display: inline-block; float: left; margin-right: 28px; margin-top: 20px; width: 150px; height: 100px; background: url('../images/photo-border.png') no-repeat;}
.photoBorder .photoBorderOver {display: inline-block; position: absolute; top: 0; left: 0; width: 150px; height: 100px; background: url('../images/photo-border.png') no-repeat; z-index: 5;}
.photoBorder .photoHolder {overflow: hidden; width: 145px; height: 90px; background-position: center center; margin-top: 4px; margin-left: 4px;}
.hr {background: url('../images/h-dot.png') repeat-x bottom left; clear: both; height: 5px; margin-bottom: 5px;}

.photoRight {float: right; border: solid 1px #715E2D; box-shadow: 2px 2px 2px #333333; margin: 0 0 10px 10px;}

.galleryPhoto {width: 150px; height: 100px;}

#searchHolder {display: none;}

#headTools {display: none;}

.newsRow {float: left; border-left: solid 1px #e0e4e3; padding: 5px 20px;}
.newsRow:first-child {border-left: none;}

.bannerRow {float: left; border-left: solid 1px #e0e4e3; padding: 5px 5px; display: none;}

.article {border-bottom: solid 1px #c7d0d7; padding-bottom: 20px; margin-bottom: 10px;}

.more {display: block; text-align: right; background: url('../images/arrow1.png') no-repeat right center; color: #32c4f7; text-transform: uppercase; font-size: 12px; text-decoration: none; padding-right: 20px;}
.moreLess {display: block; text-align: right; background: url('../images/arrow1.png') no-repeat right center; color: #32c4f7; text-transform: lowercase; font-size: 11px; text-decoration: none; padding-right: 20px; padding-top: 2px;}

#contentInner .news p {font-size: 11px; color: #25a5d6; line-height: 14px; padding: 0; margin: 0;}
.news .more {display: block; text-align: left; background: url('../images/dot.png') no-repeat left center; color: #6e6e6e; text-transform: none; font-size: 11px; text-decoration: none; padding: 0; padding-left: 10px; margin: 5px 0 20px 0;}

#rightSideBanner a {clear: both; display: inline-block; background: url('../images/banner-shadow-125.png') no-repeat bottom center; padding-bottom: 11px; margin-bottom: 5px; }

#headerGallery {position: absolute; top: 419px; right: 00px; width: 515px; height: 55px; padding: 20px; z-index: 5;}
#headerGallery .galleryItem {width: 80px; height: 50px; background-position: center center; background-repeat: no-repeat; margin: 0 10px; float: right;}

#indexGallery {}
#indexGallery .galleryItem {width: 80px; height: 80px; background-position: center center; background-repeat: no-repeat; margin: 10px 15px; float: right;}

.box {padding: 10px;}

.pLeft {float: left; margin: 15px 20px 20px 0;}

#weather {position: absolute; top: 25px; right: 0; color: #A2A2A2}
#footerLogo {position: absolute; top: 260px; left: 0;}
#copy {color: #A2A2A2; position: absolute; top: 318px; left: 270px; font-size: 11px;}
#footer a {color: #A2A2A2; text-decoration: none;}

input[type='text'] {border: solid 1px #E0E4E3; padding: 5px; margin-bottom: 5px;}
textarea {border: solid 1px #E0E4E3; padding: 5px; margin-bottom: 5px; width: 400px;}

/* FORM */
.formRow {clear: both;}
.formLabel {float: left; width: 150px; min-height: 1px; font: 12px 'MyriadPro', Arial; color: #555555;}
.formInputHolder {float: left; width: 350px; min-height: 1px;}
.formInputHolder input[type='text'] {width: 300px;}
.formInputHolder textarea {width: 300px; height: 60px;}
.formError {color: #990000; font-size: 10px;}
.formInputHolder .formCheckboxHolder {float: left; margin-left: 20px;}
.formInputHolder .formCheckboxHolder:first-child {margin-left: 0;}
.formInputHolder .formRadioHolder {float: left; margin-left: 20px;}
.formInputHolder .formRadioHolder:first-child {margin-left: 0;}

#navTab {border-bottom: solid 1px #d3d8db; height: 30px; margin-bottom: 2px;}
#navTab ul {margin: 0; padding: 0;}
#navTab ul li {margin: 0; padding: 0; float: left; list-style: none;}
#navTab ul li a {background: #b1b3b5; margin: 0 0 0 10px; display: inline-block; color: #ffffff; text-decoration: none; padding: 8px 10px 0 10px; height: 22px; border: solid 1px #b1b3b5; border-bottom-style: none;}
#navTab ul li.on a {background: #ffffff url('../images/tab-bg-on.png') repeat-x top left; border: solid 1px #d3d8db; border-bottom-style: none; color: #535E50;}

#forthNavLevel  {height: 30px; margin-bottom: 2px;}
#forthNavLevel ul {margin: 0; padding: 0;}
#forthNavLevel ul li {margin: 0; padding: 0; float: left; list-style: none;}
#forthNavLevel ul li a {margin: 0 0 0 10px; display: inline-block; color: #777777; text-decoration: none; padding: 8px 0 0 17px; height: 22px; background: url('../images/breadcrumb_arrow.gif') no-repeat left center;}
#forthNavLevel ul li.on a {margin: 0 0 0 10px; display: inline-block; color: #065A7F; text-decoration: underline; padding: 8px 0 0 17px; height: 22px; background: url('../images/breadcrumb_arrow.gif') no-repeat left center;}

#docCategoryHolder {width: 200px; overflow: auto; padding-right: 10px; border-right: solid 1px #eeeeee; float: left;}
#docDetail {float: left; width: 745px; margin-left: 10px;}

.btn {background: #00ADEE; display: inline-block; padding: 5px 10px; border-radius: 5px; color: #ffffff; font-size: 12px; cursor: pointer; text-decoration: none; border-style: none;}
.btn:hover, .btn.on {text-shadow: 1px 1px 1px #1C8BB7; background-color: #7dba00; border-style: none;}

table.grid {width: 100%; border-collapse: collapse;}
table.grid th {background: #e7e8e7 url('../images/grid-th.png') repeat-x top left; padding: 5px 10px; border: solid 1px #cdcdcd; font-weight: normal; text-align: left; vertical-align: bottom; font-size: 12px;}
table.grid tr.odd td {border: solid 1px #eeeeee; padding: 5px 10px; font-size: 12px;}
table.grid tr.even td {border: solid 1px #eeeeee; background: url('../images/grid-even-bg.png') repeat-x top left; padding: 5px 10px; font-size: 12px;}

.hr {border-bottom: solid 1px #eeeeee;}

fieldset {border: solid 1px #eeeeee; margin-bottom: 10px;}

table.grid1 {width: 100%; border-collapse: collapse; margin-bottom: 10px;}
table.grid1 td {border: solid 1px #888888; padding: 2px 5px; vertical-align: middle; font-size: 11px;}
table.grid1 td.dark {background-color: #cccccc; font-weight: bold;}
table.grid1 td.none {border-right-style: none; border-bottom-style: none; border-top-style: none; }

#mapHolder {width: 100%; height: 300px;}

.locationChBoxList div {clear: both; height: 22px;}
.locationChBoxList {font-size: 12px; color: #777777;}
.locationChBoxList span {display: inline-block; margin-left: 10px; font-weight: bold;}
.locationChBoxList img {float: left; margin-right: 10px;}

#searchResult li {margin-bottom: 20px; color: #777777;}

.portalIcon {width: 100px; height: 30px; float: left; margin: 0 10px 10px 0; background-repeat: no-repeat; background-position: top center; text-align: center; padding: 130px 10px 0 10px; color: #777777; text-decoration: none; font-size: 14px; text-transform: uppercase;}

.tabBox {border-left: solid 1px #d3d8db; border-bottom: solid 1px #d3d8db; border-right: solid 1px #d3d8db; position: relative; margin-top: 30px;}
.tabBoxContent {min-height: 50px; padding: 10px;}
.navTab {border-bottom: solid 1px #d3d8db; height: 30px; margin-bottom: 2px; position: absolute; top: -30px; left: 0; width: 100%}
.navTab ul {margin: 0; padding: 0;}
.navTab ul li {margin: 0; padding: 0; float: left; list-style: none;}
.navTab ul li a {background: #b1b3b5; margin: 0 0 0 10px; display: inline-block; color: #ffffff; text-decoration: none; padding: 8px 10px 0 10px; height: 22px; border: solid 1px #b1b3b5; border-bottom-style: none;}
.navTab ul li.on a {background: #ffffff url('../images/tab-bg-on.png') repeat-x top left; border: solid 1px #d3d8db; border-bottom-style: none; color: #535E50;}
.tabBoxContent .tabContent {display: none;}
.tabBoxContent .tabContent.on {display: block;}

.twoInRow .article {width: 48%; float: right;}
.twoInRow .article:first-child {float: left;}

.poll {margin: 0; padding: 0;}
.poll li {list-style: none; padding: 2px 5px; margin: 0;}
.poll li div {display: inline-block; width: 180px; color: #767779; font-size: 12px;}

.photoLeft {float: left; margin-right: 10px;}
.photo50 {width: 48%;}

#modalPopUpHolder {position: fixed; top: 50%; left: 50%; z-index: 10000; display: none;}
#modalPopUp {width: 300px; height: 150px; margin-left: -150px; margin-top: -100px; border: solid 1px #aaaaaa; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 15px #999999;}
#modalTitle {background: #32C4F7; color: #ffffff; font-weight: bold; padding: 10px;}
#modalMessage {padding: 10px; text-align: center;}

.hidden {display: none;}

.snPluginHolder {display: none;}

#mainPopUpHolder {position: fixed; top: 50%; left: 50%; z-index: 10000;}
#mainPopUp {width: 800px; min-height: 300px; margin-left: -400px; margin-top: -200px; border: solid 1px #aaaaaa; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 15px #999999; position: relative;}
#mainTitle {background: #32C4F7; color: #ffffff; font-weight: bold; padding: 15px;}
#mainMessage {padding: 10px 20px; text-align: justify;}
#mainPopUpClose {position: absolute; right: -16px; top: -16px; width: 35px; height: 37px; display: inline-block; background: url('../images/icon-close.png') no-repeat 0 0; cursor: pointer;}

.paginator li {list-style: none; float: left;}
.paginator li a {display: inline-block; padding: 2px 5px; text-decoration: none;}
.paginator li a.on {font-weight: bold; text-decoration: underline;}

.filterCell label {display: block;}
.filterCell {float: left; margin-left: 50px;}
.filterCell:first-child {margin-left: 0;}

#chartdiv {margin-top: 650px;}