/* ---------- 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 url(images/bg_0.gif) repeat-x left top; 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 { float:right; padding-top:55px;}
.topLinks { float:right; font:normal 12px arial; color:#ce0000; padding-bottom:12px; }
.topLinks a { margin:0 3px; display:inline; font:normal 12px arial; color:#fff; vertical-align:middle }
.topLinks img { vertical-align:middle }
.searchTop { clear:both; display:block; overflow:hidden; float:right; text-align:right; }
.searchTop input { width:166px; height:22px; border:1px solid #676767; background:#fff none; font:normal 13px Trebuchet MS; color:#333333; float:left;
padding:2px 3px 0px 3px }
.searchTop input.searchButton { width:26px; height:26px; background:url(images/searchImg.gif) no-repeat left top; border:none; border:0; margin-left:5px;
display:inline; cursor:pointer; padding:0; }
#menu { float:left; width:980px; padding:10px 0px 0px 0px; margin:0; }
#menu ul { float:left; width:980px; padding:0; margin:0; height:34px; background:#666666 url(images/bgmenu2.gif) repeat-x left top; }
#menu ul li { float:left; list-style:none; background:url(images/red.gif) no-repeat right top; padding-right:1px; }
#menu ul li a { float:left; padding:5px 25px 4px 25px; background:url(images/bgmenu.gif) repeat-x left top; font:normal 16px Trebuchet MS; color:#fff; }
#menu ul li a:hover { background:#666666 none; font:normal 16px Trebuchet MS; color:#fff; text-decoration:none }
#menu ul li a.active{ background:#666666 none; font:normal 16px Trebuchet MS; color:#fff; text-decoration:none }
#menu ul li.last { float:left; list-style:none; background:none; padding-right:1px; }
#menu ul li.last a { float:left; padding:5px 77px 4px 77px; background:url(images/bgmenu.gif) repeat-x left top; font:normal 16px Trebuchet MS; color:#fff; }
#menu ul li.last a:hover{ background:#666666 none; font:normal 16px Trebuchet MS; color:#fff; text-decoration:none }
#mainCont_home { float:left; width:995px; padding:0px 0px 0px 0px; margin:0; text-align:left; }
.mainImage { float:left; width:995px; position:relative; text-align:left; }
.mainImage .image0 { float:left; border-top:10px solid #fff; width:980px; z-index:1; }
.mainImage .whiteBox { position:absolute; right:5px; top:30px; width:341px; background:url(images/whiteTop.png) no-repeat left top; padding-top:5px; z-index:5; }
.mainImage .whiteBox .main { float:left; padding:0; margin:0; width:321px; background:url(images/whiteBottom.png) no-repeat left bottom; padding:6px 20px 20px 20px; }
.mainImage .whiteBox .main h2 { font:normal 25px arial; color:#bf0000; margin-bottom:0.4em; }
.mainImage .whiteBox .main h2 em { font-size:28px; color:#bf0000; font-style:normal; }
.mainImage .whiteBox .main a.more { float:left; clear:both; background:url(images/arrow01.gif) no-repeat right 7px; padding-right:8px; color:#ce0000; }
a.more { float:left; clear:both; background:url(images/arrow01.gif) no-repeat right 7px; padding-right:8px; color:#ce0000; }
#cols3 { float:left; width:980px; padding:20px 0px 80px 0px; text-align:left; }
.col_1 { float:left; width:272px; }
.col_2 { float:left; width:360px; padding:0px 34px; }
.col_3 { float:left; width:280px; }
.col_1 h2,
.col_2 h2,
.col_3 h2 { clear:both; display:block; overflow:hidden; font:normal 20px Trebuchet MS; color:#ce0000; /*border-bottom:4px solid #999999;*/ padding-bottom:5px; }
.col_3 h2.blue { clear:both; display:block; overflow:hidden; font:normal 20px Trebuchet MS; color:#063261; /*border-bottom:4px solid #999999; padding-bottom:0px;*/
padding-top:18px; }
.col_3 h2.blue .left { float:left; font:normal 20px Trebuchet MS; color:#063261; }
.col_3 h2.blue .right { float:right; color:#333; width:115px; }
.col_3 h2.blue .right span { float:left; color:#063260; font-size:16px; }
.col_3 h2.blue .right span.green { float:right; color:#028304; padding-left:10px; }
.col_1 ul { float:left; width:270px; padding:0; margin:0; }
.col_1 ul li { float:left; width:270px;margin:0; padding:7px 0px 0px 0px; list-style:none; }
.col_1 ul li span.link { float:left; width:270px; padding:5px 0px; }
.col_1 ul li span.link a { font:normal 12px Trebuchet MS; margin:0px 5px; display:inline; }
.col_1 ul li span.link a:hover { color:#cc0000; }
.col_1 ul li.close { float:left; width:270px; }
.col_1 ul li.close span.link { display:none; }
.col_1 ul li.open { float:left; width:270px; }
.col_1 ul li.open span.link { display:block; }
.col_1 ul li.close h3 { float:left; width:250px; background:#efefef url(images/arrowUp.gif) no-repeat 252px 10px; padding:8px 10px 6px 10px; }
.col_1 ul li.close h3 a { float:left; width:250px; text-decoration:none; }
.col_1 ul li.open h3 { float:left; width:250px; background:#efefef url(images/arrowDown.gif) no-repeat 250px 13px; padding:8px 10px 6px 10px; }
.col_1 ul li.open h3 a { float:left; width:250px; text-decoration:none; color:#cc0000; }
.col_2 ul { float:left; width:360px; padding:0; margin:0; }
.col_2 ul li{ float:left; width:360px; padding:0px 0px 5px 0px; margin:0; list-style:none; }
.date01 { clear:both; display:block; overflow:hidden; color:#cc0000; }
.col_2 ul li h3 { font:bold 13px Trebuchet MS; margin:0.1em 0; }
.col_2 ul li a { color:#333; }
.col_2 ul li p { margin-bottom:0.2em }
.col_2 ul li .pdf0 { clear:both; display:block; overflow:hidden; color:#cc0000; }
.col_2 ul li .pdf0 a { color:#cc0000; }
.col_2 ul li .pdf0 img { margin-right:5px; display:inline; }
.grammi { clear:both; display:block; overflow:hidden; height:1px; background-color:#999999; margin:5px 0px; }
.col_3 p { margin:0.4em 0 0.2em 0; }
/*------------------------------ footer -----------------------------*/
#bottomCont { width:100%; background:#cccccc none; height:50px; overflow:hidden; text-align:left; }
#footer { margin:0 auto; padding:16px 9px 0px 5px; text-align:center; width:995px; overflow:hidden; clear:both; display:block; }
#footer .bottom { float:left; width:980px; }
#footer .bottom .left { float:left; color:#666; }
#footer .bottom .right { float:right; font:normal 12px arial; color:#ce0000; padding-bottom:12px; }
#footer .bottom .right a { margin:0 3px; display:inline; font:normal 12px arial; color:#666; vertical-align:middle }
/*------------------------------ Content Page ---------------------------*/
#mainCont_inside { float:left; width:980px; background-color:#fff; text-align:left; }
.topImage { float:left; width:980px; height:84px; background-color:#333333; margin-top:6px; }
.topImage h1 { float:left; width:225px; font:normal 20px Trebuchet MS; color:#fff; padding:25px 10px 10px 20px; }
.topImage .image0 { float:left; width:724px; border-left:1px solid #fff; background-color:#FFFFFF;}
.cols2_in { float:left; width:942px; padding:30px 23px 30px 15px; }
.col_left { float:left; width:190px; }
.col_left h3 { float:left; width:190px; font:bold 13px Trebuchet MS; padding-top:6px; padding-bottom:4px; }
.redTitle { clear:both; display:block; overflow:hidden; color:#cc0000; }
.col_left p.addr{ margin-bottom:1em; color:#999; }
.col_left p.addr em{ color:#666; font-style:normal; }
a.redLink { color:#cc0000; }
ul.leftMenu { float:left; width:190px; padding:0; margin:0; color:#666666 }
ul.leftMenu li { float:left; width:190px; padding:0; margin:0; list-style:none; border-bottom:1px solid #dfdfdf; border-top:1px solid #fff; }
ul.leftMenu li a { float:left; width:160px; padding:4px 20px 4px 10px; margin:0; background:none; border-bottom:1px solid #fff; }
ul.leftMenu li a:hover { float:left; width:162px; padding:0; padding:4px 18px 4px 10px; background:#ce0000 url(images/arrowRed_up.gif) no-repeat 172px center;
margin:0; color:#fff; text-decoration:none; }
ul.leftMenu li a.active { float:left; width:162px; padding:0; padding:4px 18px 4px 10px; background:#ce0000 url(images/arrowRed_up.gif) no-repeat 172px center;
margin:0; color:#fff; text-decoration:none; }
ul.leftMenu li ul { float:left; width:190px; padding:0; margin:0; }
ul.leftMenu li ul li { float:left; width:190px; padding:0; margin:0; list-style:none; border-bottom:1px solid #dfdfdf; border-top:1px solid #fff; }
ul.leftMenu li ul li.last { float:left; width:190px; padding:0; margin:0; list-style:none; border-bottom:1px solid #fff; }
ul.leftMenu li ul li a { float:left; width:162px; padding:4px 10px 4px 18px; margin:0; background:url(images/arrow01.gif) no-repeat 10px 11px; }
ul.leftMenu li ul li a:hover { float:left; width:162px; padding:4px 10px 4px 18px; margin:0; background:#dadada url(images/arrow01.gif) no-repeat 10px 11px;
text-decoration:none; color:#666 }
ul.leftMenu li ul li a.active { float:left; width:162px; padding:4px 10px 4px 18px; margin:0; background:#dadada url(images/arrow01.gif) no-repeat 10px 11px;
text-decoration:none; color:#666 }
ul.leftMenu li.parent { float:left; width:190px; padding:0; margin:0; list-style:none; border-bottom:1px solid #dfdfdf; border-top:1px solid #fff; }
ul.leftMenu li.parent.active { border-bottom:none; }
ul.leftMenu li.parent a { float:left; width:160px; padding:4px 20px 4px 10px; margin:0; background:none; border-bottom:1px solid #fff; }
ul.leftMenu li.parent a:hover{ float:left; width:162px; padding:0; padding:4px 18px 4px 10px; background:#ce0000 url(images/arrowRed_down.gif) no-repeat 172px center;
margin:0; color:#fff; text-decoration:none; }
ul.leftMenu li.parent a.active{ float:left; width:162px; padding:0; padding:4px 18px 4px 10px; background:#ce0000 url(images/arrowRed_down.gif) no-repeat 172px center;
margin:0; color:#fff; text-decoration:none; }
ul.leftMenu li.parent ul { float:left; width:190px; padding:0; margin:0; border-top:1px solid #dfdfdf; }
ul.leftMenu li.parent ul li { float:left; width:190px; padding:0; margin:0; list-style:none; border-bottom:1px solid #dfdfdf; }
ul.leftMenu li.parent ul li.last{ float:left; width:190px; padding:0; margin:0; list-style:none; border-bottom:1px solid #fff; }
ul.leftMenu li.parent ul li a { float:left; width:162px; padding:4px 10px 4px 18px; margin:0; background:url(images/arrow01.gif) no-repeat 10px 11px; }
ul.leftMenu li.parent ul li a:hover { float:left; width:162px; padding:4px 10px 4px 18px; margin:0; background:#dadada url(images/arrow01.gif) no-repeat 10px 11px;
text-decoration:none; color:#666 }
ul.leftMenu li.parent ul li a.active{ float:left; width:162px; padding:4px 10px 4px 18px; margin:0; background:#dadada url(images/arrow01.gif) no-repeat 10px 11px;
text-decoration:none; color:#666 }
.col_right { float:right; width:700px; }
.col_right h2 { clear:both; display:block; overflow:hidden; font:normal 20px Trebuchet MS; color:#ce0000; border-bottom:4px solid #999999; padding-bottom:5px;
margin-bottom:0.2em; }
.right_link { float:left; width:700px; padding:5px 0px; text-align:right; }
.right_link .right { float:right; }
.right_link .right a{ margin:0px 3px; }
.right_link .selectBox { float:left; width:600px; text-align:right; color:#666666; }
.right_link .selectBox select { width:130px; }
#content_box { float:left; width:620px; padding:0px ; color:#666666; }
#content_box p { margin-bottom:1.5em; text-align:justify;}
/* ------------------------------------- gallery Page ---------------------------*/
.galleryBox { float:left; width:700px; padding-bottom:20px; }
.galleryBox h3 { font:normal 13px Trebuchet MS; color:#666666; padding-left:45px; margin-top:10px; }
.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 { float:left; width:620px; padding:20px 0px; color:333; text-align:center; color:#999; }
#pages a { margin:0px 3px; color:#333; border:1px solid #dfdfdf; padding:2px 6px; }
#pages a:hover { margin:0px 3px; color:#000; border:1px solid #999; padding:2px 6px; text-decoration:none; }
#pages a.active { margin:0px 3px; color:#000; border:1px solid #999; padding:2px 6px; text-decoration:none; }
#pages a.first,
#pages a.last { border:0; padding:0; color:#999 }
#pages a.first:hover,
#pages a.last:hover { border:0; padding:0; color:#666; text-decoration: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; }
.contactForm label.error {color:#ff0000;display:block}
/*------------------------------ 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 0px 0px 0px; 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 4px; 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:670px; }
.videoBox h2 { float:left; width:670px; color:#666666; font-size:18px; }
.videoBox .video { float:left; width:670px; padding-top:14px; }
.newsBox.small { float:left; width:670px; margin-top:35px; display:block; clear:both; }
.newsBox.small h2 { width:670px; color:#666666; font-size:18px; }
.newsBox.small ul { float:left; width:670px; padding:0; margin:0; }
.newsBox.small ul li { float:left; width:670px; padding:8px 0px 8px 0px; margin:0; list-style:none; border-bottom:1px solid #dfdfdf; }
.galleryBox h2 { color:#666666; margin-top:30px; width:670px; }
/*------------------------------ 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; text-align:justify;}
.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; }
/*---------------------------------- PopUp Page ---------------------------------------*/
#pooUpBox { position:absolute; top:300px; left:300px; z-index:999; background:#ccc; padding:5px; width:690px; text-align:left; }
#pooUpBox .popBox { float:left; width:690px; }
#pooUpBox .img01 { float:left; width:690px; position:relative; }
#pooUpBox .img01 .left { position:absolute; top:60px; left:0; z-index:999 }
#pooUpBox .img01 .right { position:absolute; top:60px; right:0; z-index:999 }
#pooUpBox .txt { float:left; width:665px; position:relative; padding:10px 25px 0px 0px; }
#pooUpBox .txt .close { position:absolute; top:8px; right:0px; z-index:999 }
/* ----------------------------------- Map Page -------------------------------------*/
.mapBox { float:left; width:670px; padding:0; margin:0; }
.mapMain { float:left; width:100%; }
.mapMain .image00 { float:left; width:100%; padding-bottom:10px; text-align:center; }
.mapMain .txt { float:left; width:100%; }
.mapDet { float:left; width:700px; }
.mapDet .leftBox0 { float:left; width:480px; }
.mapDet .leftBox0 table{ float:left; width:480px; padding:0; margin:0; }
.mapDet .leftBox0 th { border-left:1px solid #fff; border-bottom:1px solid #fff; padding:6px 5px; }
.mapDet .leftBox0 td { border-left:1px solid #fff; padding:0; border-bottom:1px solid #fff; }
.mapDet .leftBox0 td .border { border:1px solid #ccc; background-color:#efefef; width:110px; float:left; padding:4px 5px; }
.mapDet .leftBox0 td .border a { color:#cc0000; text-decoration:underline; }
.mapDet .rightBox0 { float:right; width:201px; border:1px solid #ccc; }
/* ------------------------ content table ----------------------- */
#content_box table.borderBox td { border:1px solid #fff; }
#content_box table.borderBox th { border:1px solid #e0e0e0; }
#content_box table.borderBox th { font-weight:bold; background:#e0e0e0; color:#ce0000; }