/* ---------- style reset ---------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, code, del, dfn, em,
q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0;
font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus { outline: 0 }
body { line-height: 1.5em }
table { border-collapse: separate; border-spacing: 0 }
caption, th, td { text-align: left; font-weight: normal }
table, td, th { vertical-align: middle }
blockquote:before, blockquote:after, q:before, q:after
{ content: "" }
blockquote, q { quotes: "" "" }
button { cursor: pointer }
a img { border: none }
/* ---------- default body declarations ---------- */
body { margin:0; padding:0; font:normal 13px Trebuchet MS, sans-serif; color:#848484; }
h1, h2, h3, h4, h5, h6
{ font-weight: normal; line-height: 1.1em; color: #000 }
h1 { font-size: 2.1em; margin-bottom: 0.4em }
h2 { font-size: 1.7em; margin-bottom: 0.5em }
h3 { font-size: 1.3em; margin-bottom: 0.6em }
h4 { font-size: 1.2em; margin-bottom: 0.7em }
h5 { font-size: 1.1em; margin-bottom: 0.2em }
h6 { font-size: 1em; margin-bottom: 0.15em }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{ margin: 0 }
p { margin: 0 0 1em 0 }
p img { float: left; margin: 1px 10px 5px 0; padding: 0 }
a { color:#4b4e52; text-decoration:none; }
a:hover { color:#4b4e52; text-decoration:underline; }
hr { display:none; }
* html hr { margin: 1em 0 }
*+html hr { margin: 1em 0 }
blockquote { margin: 1.5em; color:#4b4e52; font-style: italic }
strong, b { font-weight: bold }
em, dfn { font-style: italic; color: #4b4e52 }
dfn { font-weight: bold }
sup, sub { line-height: 0 }
abbr, acronym { border-bottom: 1px dotted #666 }
address { margin: 0 0 1.5em 0; font-style: italic }
del { color: #4b4e52 }
ins { color: #4b4e52 }
pre, code { margin: 1.5em 0; white-space: pre }
pre, code, tt { font: 1em 'Andale Mono', 'Lucida Console', monospace; line-height: 1.5 }
samp, kbd { font: 1em 'Courier New', Courier, monospace }
li ul { margin: 0 1.5em }
li ol { margin: 0 2em }
ul, ol { margin: 0 1.5em 1.5em 1.8em }
ul { list-style-type: disc }
ol { margin-left: 2.5em; list-style-type: decimal }
dl { margin: 0 0 1.5em 0 }
dl dt { font-weight: bold }
dd { margin-left: 1.5em }
table { border-collapse: collapse; margin-bottom: 1em }
thead td, th { font-weight: bold }
thead td { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf }
th, td { padding: .3em 10px .3em 5px; vertical-align: top; }
tr:hover { }
thead tr:hover td, tr:hover th
{ }
tr.even td { background-color: #ebebeb }
tfoot { font-style: italic }
caption { margin-bottom: .2em; padding-left: 5px; font-weight: bold; color: #000 }
input.field { border: 1px solid #dedede }
input, button, select, option, textarea
{ font-size: 1em; color: #000 }
input.button, button
{ margin: 1px; cursor: pointer; color: #4b4e52; outline: 1px solid #cfcfcf; border: 1px solid #111; background-color: #484747 }
button:active { color: #fff }
optgroup { font-weight: bold; font-style: normal; color: #4b4e52 }
textarea { max-width: 650px }
h1, h2, h3, h4, p { padding:0; margin:0 0 0.5em 0; }
body { text-align:center; font:normal 13px Trebuchet MS; color:#333333; padding:0; margin:0 auto; /*background-color:#cccccc;*/ }
#containerIndex { margin:0 auto; text-align:center; background:#fff none; width:100%; position:relative; overflow:hidden }
#container { width:995px; height:100%; text-align:center; position:relative; z-index:2; margin:0 auto; min-height:800px; }
*html #container { height:800px; }
div[id] #container { height:auto; }
#topCont { float:left; width:980px; }
.logo { float:left; padding:40px 0px 0px 0px; }
.rightTop { display:none; }
.topLinks { display:none; }
.searchTop { display:none; }
#menu { display:none; }
#mainCont_home { float:left; width:995px; padding:0px 0px 0px 0px; margin:0; text-align:left; }
a.more { display:none; }
/*------------------------------ footer -----------------------------*/
#bottomCont { display:none; }
.right_link { display:none; }
/*------------------------------ Content Page ---------------------------*/
#mainCont_inside { float:left; width:980px; background-color:#fff; text-align:left; }
.topImage { display:none; }
.cols2_in { float:left; width:942px; padding:30px 23px 30px 15px; }
.col_left { display:none; }
#content_box { float:left; width:620px; padding:0px ; color:#666666; }
#content_box p { margin-bottom:1.5em; }
/* ------------------------------------- gallery Page ---------------------------*/
.galleryBox { float:left; width:700px; padding-bottom:20px; }
.galleryBox h3 { font:normal 13px Trebuchet MS; color:#666666; padding-left:45px; }
.galleryBox .date01 { padding-left:45px; }
.gallery { float:left; width:620px; padding:5px 0px 0px 0px; }
.gallery .left { float:left; width:40px; text-align:center; padding-top:20px; }
.gallery .right { float:left; width:40px; text-align:center; padding-top:20px; }
.gallery .scroll { float:left; width:540px; }
.gallery .scroll ul { float:left; width:540px; padding:0; margin:0; }
.gallery .scroll ul li { float:left; padding:0px 5px; margin:0; list-style:none; }
.gallery .scroll ul li a { float:left; padding:0; }
.gallery .scroll ul li img { border:4px solid #dfdfdf }
#pages { display:none; }
/*--------------------------- Conact Page ------------------------------------*/
.contactForm { float:left; width:700px; }
.contactForm table { float:left; width:630px }
.contactForm td { padding:0px 30px 10px 0px; }
.contactForm input { border:1px solid #dfdfdf; width:278px; height:20px; margin-bottom:5px; padding-top:3px; }
.contactForm input.button02 { float:right; border:0; border:none; background:url(images/bg_01.gif) no-repeat left top; width:88px; height:28px; margin-left:10px;
padding-bottom:1px; margin-top:10px; padding-top:0; }
.contactForm textarea { border:1px solid #dfdfdf; width:608px; height:110px; overflow-y:hidden; }
/*------------------------------ Timeline Page -----------------------------*/
.timelineBox { float:left; width:700px; }
.timeLine { float:left; width:620px; }
.timeLine .left { float:left; width:20px; text-align:center; padding-top:120px; }
.timeLine .right { float:left; width:20px; text-align:center; padding-top:120px; }
.timeLine .scroll { float:left; width:580px; }
.timeLine .scroll ul { float:left; width:580px; padding:0px 3px 0px 4px; margin:0; }
.timeLine .scroll ul li { float:left; padding:0px 0px; margin:0; list-style:none; width:185px; display:inline; background-color:#dadada; height:265px;
margin:0px 3px; overflow:hidden; }
.timeLine .scroll ul li h3 { float:left; width:165px; background-color:#666666; padding:5px 10px; margin:0; font:bold 13px Trebuchet MS; color:#fff; }
.timeLine .scroll ul li .txt { float:left; width:165px; padding:10px; }
/*------------------------------ News Page --------------------------------*/
.newsBox { float:left; width:620px; }
.newsBox ul { float:left; width:620px; padding:0; margin:0; }
.newsBox ul li { float:left; width:620px; padding:8px 0px 8px 0px; margin:0; list-style:none; border-bottom:1px solid #dfdfdf; }
.newsBox ul li h3 { font:bold 13px Trebuchet MS; margin:0.1em 0; }
.newsBox ul li a { color:#333; }
.newsBox ul li p { margin-bottom:0.2em }
.newsBox ul li .pdf0 { clear:both; display:block; overflow:hidden; color:#cc0000; }
.newsBox ul li .pdf0 a { color:#cc0000; }
.newsBox ul li .pdf0 img { margin-right:5px; display:inline; }
/*------------------------------ MediaCenter Page --------------------------------*/
.videoBox { float:left; width:240px; }
.videoBox h2 { float:left; width:240px; color:#666666; font-size:18px; }
.videoBox .video { float:left; width:240px; padding-top:14px; }
.newsBox.small { float:left; width:320px; margin-left:60px; display:inline; }
.newsBox.small h2 { width:320px; color:#666666; font-size:18px; }
.newsBox.small ul { float:left; width:320px; padding:0; margin:0; }
.newsBox.small ul li { float:left; width:320px; padding:8px 0px 8px 0px; margin:0; list-style:none; border-bottom:1px solid #dfdfdf; }
.galleryBox h2 { color:#666666; margin-top:30px; width:620px; }
/*------------------------------ keyManagement Page -----------------------------*/
.managementKey { float:left; width:620px; }
.managementKey ul { float:left; width:620px; padding:0; margin:0; list-style:none; }
.managementKey ul li { float:left; width:620px; padding:0; margin-bottom:2px; }
.managementKey ul li span.link { float:left; width:600px; padding:5px 10px 5px 10px; background-color:#fff; }
.managementKey ul li span.link a{ font:normal 13px Trebuchet MS; margin:0px 5px; display:inline; }
.managementKey ul li span.link a:hover { color:#cc0000; }
.managementKey ul li.close { float:left; width:620px;padding:0; }
.managementKey ul li.close span.link { display:none; }
.managementKey ul li.open { float:left; width:620px; padding:0 }
.managementKey ul li.open span.link { display:block; }
.managementKey ul li.close h3 { float:left; width:600px; background:#efefef url(images/arrowUp.gif) no-repeat 600px 10px;font:normal 13px Trebuchet MS;
padding:7px 10px 7px 10px; margin:0; border:1px solid #dfdfdf; }
.managementKey ul li.close h3 em { color:#cc0000; font-style:normal; padding-left:10px }
.managementKey ul li.open h3 { float:left; width:600px; background:#efefef url(images/arrowDown.gif) no-repeat 600px 12px;font:normal 13px Trebuchet MS;
padding:6px 10px 8px 10px; margin:0; border:1px solid #dfdfdf; }
.managementKey ul li.open h3 em { color:#cc0000; font-style:normal; padding-left:10px }
/*-------------------------------- BoardOfDirectors Page --------------------------*/
.directorsBox { float:left; width:640px; }
.directorsBox ul { float:left; width:640px; padding:0; margin:0; list-style:none; }
.directorsBox ul li { float:left; width:190px; padding:10px 20px 10px 0px; }
.directorsBox ul li .img0 { float:left; width:186px; padding:0; border:4px solid #dfdfdf; }
.directorsBox ul li .name { float:left; width:190px; padding:10px 0px 0px 0px; font:normal 13px Trebuchet MS; }
.directorsBox ul li .name em { clear:both; display:block; overflow:hidden; color:#cc0000; font-style:normal; }
.directorsBox ul li.clear { float:left; width:620px; padding:0; }
/*-------------------------------- BoardOfDirectors inside Page --------------------------*/
.directorsBox_in { float:left; width:620px; padding-bottom:20px }
.directorsBox_in .img0 { float:left; width:186px; padding:0; border:4px solid #dfdfdf; }
.directorsBox_in .txt { float:left; width:370px; padding-left:30px; }
.directorsBox_in .txt .name { float:left; width:370px; border-bottom:1px solid #dfdfdf; padding-bottom:7px; font:normal 18px Trebuchet MS; }
.directorsBox_in .txt .det { float:left; width:350px; padding:10px 10px 10px 10px; border-bottom:1px solid #dfdfdf; line-height:24px; }
.directorsBox_in .txt .det em { clear:both; display:block; overflow:hidden; color:#cc0000; font-style:normal; }
.directorsBox_in a.more { display:none; }
/*---------------------------------- PopUp Page ---------------------------------------*/
#pooUpBox { display:none; }
/* ----------------------------------- Map Page -------------------------------------*/
.mapBox { }