body {font-family:Arial,Gulim;color:#606060;}
html {-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
/* links */
a:link { text-decoration:none; font-weight:bold; color:#606060; }
a:active { text-decoration: none; font-weight:bold;color: #606060; }
a:visited { text-decoration: none; font-weight:bold;color: #606060; }
a:hover { text-decoration: none; font-weight:bold;color: #e05454; }
/* Background images for the different pages */
.panoramas {background-image:url(../thumbs/BG-Panoramas.jpg);background-position:center top; background-attachment:fixed; }
.mokpo {background-image:url(../thumbs/BG-Mokpo.jpg);background-position:center top; background-attachment:fixed; }
.jaeundo {background-image:url(../thumbs/BG-Jaeundo.jpg);background-position:center top; background-attachment:fixed; }
.amtaedo {background-image:url(../thumbs/BG-Amtaedo.jpg);background-position:center top; background-attachment:fixed; }
.aphaedo {background-image:url(../thumbs/BG-Aphaedo.jpg);background-position:center top; background-attachment:fixed; }
/* Genral stuff */
DIV.wrap {position:absolute; left:50%; margin-left:-500px; width:1000px; }
h2 {font-size:20px;font-weight:bold;margin:6px;}
h3 {font-size:16px;font-weight:bold;margin:6px;}
h4 {font-size:13px;font-weight:bold;margin:3px;}

.w120 {position:relative;width:220px;margin:5px; border:1px solid #a0a0a0; border-radius:5px;padding-top:10px;padding-bottom:10px;background-color:#ffffff;line-height:130%;}
.thumb {width:200px; border:1px solid #a0a0a0; border-radius:3px;}
.infobut {width:20px;margin:1px;}
.fl {float:left;}
.mr5 {margin-right:5px;}
.ibut {position:absolute;bottom:3px;right:3px;border:1px solid #a0a0a0; background-color:#83b351;color:#ffffff; border-radius:11px;width:22px;height:22px;font-size:14px;}
.ibut:hover { text-decoration: none; font-weight:bold;color: #e05454; }
.nbut {position:absolute;bottom:0px;left:3px;border:none; color:#606060; background:none;font-weight:bold;width:22px;height:22px;font-size:14px;}
.nbut:hover { text-decoration: none; font-weight:bold;color: #606060;background:none; }
.imbut {border:1px solid #a0a0a0; background-color:#83b351;color:#ffffff; border-radius:11px;width:22px;height:22px;font-size:14px;}
.imbut:hover { text-decoration: none; font-weight:bold;color: #e05454; }
coli {display: grid; grid-template-columns: auto auto auto auto;}
.closebut {background:#f87575; font-weight:bold;font-size:16px;color:#ffffff;float:right;margin-right:10px;height:30px;width:30px;border:1px solid #a0a0a0;border-radius:5px;}
.closebut:hover { text-decoration: none; font-weight:bold;color:#f87575; background:#ffffff; }
.lh130 {line-height:130%;}
.ctr {margin-left:auto;margin-right:auto;}
.images {position:absolute;z-index:990;overflow:auto;margin-bottom:0px;margin-right:0px;border:3px solid #909090;border-radius:10px;padding:20px;background:rgb(50 50 50/1);color:#f5f5f5;font-size:13px;line-height:130%;}
.imgbrd {margin:20px;border:2px solid #a0a0a0;border-radius:5px;}
.imgframe {overflow:auto;}
.ximgframe img {border:2px solid #a0a0a0;border-radius:5px;}

.notes {position:absolute;z-index:999;margin-bottom:20px;margin-right:20px;border:3px solid #909090;border-radius:10px;max-width:850px;padding:20px;background:#f5f5f5;font-size:13px;line-height:130%;}
.notes h2 {font-size:28px;}
.notes img {border:1px solid #a0a0a0;border-radius:5px;}
.fs18 {font-size:18px;}
.panbut {border:none;background:none;font-weight:bold;font-size:12px;}
.panbut:hover { text-decoration: none; font-weight:bold;color: #e05454; }
col2 {display: grid; grid-template-columns: auto auto;font-family: sans-serif;font-size:.9em;}
.infomap {width:450px;border:1px solid #a0a0a0;border-radius:5px;margin-left:auto;margin-right:auto;}
.infolist {text-align:left;}

.flbxw2 {background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:0px 10px 5px 10px;font-weight:bold;font-family:Arial; font-size:12px;border-radius: 5px;}
.flbxw2 img {width:420px;border:1px solid #a0a0a0; border-radius:5px;}
.htboxtl {width:944px;margin-left:auto;margin-right:auto;background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:5px;font-weight:bold;font-family:Arial; font-size:10px;line-height:130%;border-radius: 5px;}


.fx {font-size:20px;font-weight:bold;color:#ff0000;}
.fy {font-size:20px;font-weight:bold;color:#ff0000;}
.fyy {font-size:18px;font-weight:normal;color:#ff0000;}
.fr {float:right;}
.mc {margin-left:auto;margin-right:auto;}
.ml23 {margin-left:23px;}
.ml10 {margin-left:10px;}
.mt5 {margin-top:5px;}
.mt9 {margin-top:9px;}
.mt10 {margin-top:10px;}
.mb5 {margin-bottom:5px;}
.ml8 {margin-left:8px;}
.mr8 {margin-right:8px;}
.mr10 {margin-right:10px;}
.m5 {margin:5px;}
.m10 {margin:10px;}
col3 {display: grid; grid-template-columns: auto auto auto;font-family: sans-serif;font-size:.9em;}
col3 img {width:270px}
col4 {display: grid; grid-template-columns: auto auto auto auto;font-family: sans-serif;font-size:.9em;}
col4 img {width:190px}
col4 h3 {font-size:14px;font-weight:bold;margin:5px;}
col4 .flbox {background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:0px 5px 0px 5px;font-weight:bold;font-family:Arial; font-size:12px;border-radius: 5px;}
col7 {display: grid; grid-template-columns: auto auto auto auto auto auto auto;}
.fs13 {font-size:13px;}
.fs092 {font-size:88%;}
.tl {text-align:left;}
.tc {text-align:center;}
.clr0 {clear:both;}
.bg1 {background-color:#ffffff;}
.bg2 {background-color:#fafafa;}
.bg3 {background-color:#f0f0f0;}
.bgy {background-color:#ffffff;}
.thumb {border:1px solid #a0a0a0; border-radius:5px;}
.itb {cursor:url(../res/lupe.cur), pointer;}

/* boxes */
.thbox {margin-bottom:10px;padding:10px;border:1px solid #a0a0a0;width:980px;border-radius: 5px;background:#efefef;text-align:center;}
.txbox0 {width:934px;margin-left:auto;margin-right:auto;margin-top:10px;padding:10px;border:1px solid #a0a0a0;border-radius: 5px;background:#f5f5f5;text-align:left;font-size:10px;text-align:center;}
.txboxm {width:944px;margin-left:auto;margin-right:auto;margin-top:0px;padding:5px;border:1px solid #a0a0a0;border-radius: 5px;background:#f5f5f5;text-align:left;font-size:13px;text-align:center;}
.flbxwg {background:#f0f0f0;border:1px solid #a0a0a0;text-align:center;padding:5px 10px 5px 10px;font-weight:bold;font-family:Arial; border-radius: 5px;margin-bottom:5px;}
.flbxw3 {background:#fcfcfc;border:1px solid #a0a0a0;text-align:left;padding:10px 10px 10px 10px;font-weight:bold;font-family:Arial; border-radius: 5px;}
.hlbx {background:#fcfcfc;border:1px solid #a0a0a0;text-align:left;padding:3px 10px 3px 10px;font-weight:bold;font-family:Arial; border-radius: 5px;}
.cntthx {padding:10px;border:1px solid #a0a0a0;border-radius: 5px;background-color:#f0f0f0;}
.cnttht {font-size:11px;width:110px;text-align:center;padding:0px 5px 5px 5px;margin-top:10px;line-height:120%;border:1px solid #a0a0a0;border-radius: 5px;}
.cnttht img {width:103px;margin-left:auto;margin-right:auto;border:1px solid #a0a0a0;border-radius: 5px;margin-top:10px;}
.cntthto img {width:188px;margin-left:auto;margin-right:auto;border:1px solid #a0a0a0;border-radius: 5px;margin-top:10px;}
.emptyt {font-size:.8em;width:110px;text-align:center;padding:0px 5px 5px 5px;margin-bottom:10px;line-height:120%;border:0px solid #a0a0a0;border-radius: 5px;}
.htboxtm {width:944px;margin-left:auto;margin-right:auto;background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:5px;font-weight:bold;font-family:Arial; font-size:10px;line-height:130%;border-radius: 5px;}
.flbox {background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:0px 10px 5px 10px;font-weight:bold;font-family:Arial; font-size:12px;border-radius: 5px;}
.flbxw img {border:1px solid #a0a0a0; border-radius:5px;}
.map img {width:888px;border:1px solid #a0a0a0;border-radius:5px;margin-left:auto;margin-right:auto;z-index:900;}
.year {font-size:11px;text-align:center;padding:5px 5px 5px 5px;line-height:120%;border:1px solid #a0a0a0;border-radius: 5px;}
.hthumb {border:1px solid #a0a0a0;border-radius: 5px;width:120px;}
.hthumbe {border:0px solid #a0a0a0;border-radius: 5px;width:122px;}

/* menu */
.marbut {height:50px;background-color: #fcfcfc;color: #606060; text-align: left; font-size: .86em; font-weight:bold; border: 1px solid #a0a0a0; border-radius:5px; display: inline-block;cursor: pointer;text-decoration:none;}
.butbirds {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/But-Birds.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butphotos {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/But-nphoto.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butturtles {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/But-Turtles.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butpublications {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/But-PDFs.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butpanoramas {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/But-Panos.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.buthl {min-width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-home-n.jpg); background-position:0px 0px; background-repeat:no-repeat;}

.butMokpo {width:140px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/But-Mokpo.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butAphaedo {width:140px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/But-Aphaedo.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butAmtaedo {width:140px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/But-Amtaedo.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butNamhang {width:140px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/But-Namhang.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butJaeundo {width:140px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/But-Jaeundo.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.imenu {position: relative;display: inline-block;}
.imenu-numlist {display: none;position: absolute;top:10px; left:-82px;background-color:#ffffff;font-weight:bold; z-index: 65;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.imenu:hover .imenu-numlist {display: block;}

.hdr {width:910px;margin-top:5px;text-align:center;}
button:hover {color: #e05454;border_bottom:3px solid #e05454;background-color:#ddf4d5;}
.marbut {height:50px;background-color: #fcfcfc;color: #606060; text-align: left; font-size: .86em; font-weight:bold; border: 1px solid #a0a0a0; border-radius:5px; display: inline-block;cursor: pointer;text-decoration:none;}
.menbut {width:32px;height:42px;background-color: #fcfcfc;color: #606060; background-image:url(../res/But-Images/BG-menu.png);text-align: left; font-size: .82em; font-weight:bold; border: 1px solid #a0a0a0; border-radius:5px; display: inline-block;cursor: pointer;text-decoration:none;}
.mb {margin:0px 0px 5px 0px;}
.dpd {position: relative;display: inline-block;}
.dpd-numlist {display: none;position: absolute;top:10px; left:-192px;background-color:#ffffff;font-weight:bold; z-index: 55;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.dpd:hover .dpd-numlist {display: block;}
.dpd-turtlelist {display: none;position: absolute;top:10px; left:-262px;background-color:#ffffff;font-weight:bold; z-index: 55;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.dpd:hover .dpd-turtlelist {display: block;}