body {font-family:Arial,Gulim;color:#606060;text-size-adjust: none;}
html {-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
.index {background-image:url(../flagrecords/home.jpg);background-position:center top; background-attachment:fixed;background-repeat: repeat-y;}
.birds {background-image:url(../flagrecords/Gallery-bg.jpg);background-position:center top; background-attachment:fixed;background-repeat: repeat-y;}
.edu {background-image:url(../Education/images/Education.jpg);background-position:center top; background-attachment:fixed;background-repeat: repeat-y;}
DIV.wrapper {position:absolute; left:50%; margin-left:-500px; width:1000px; }
DIV.wrap {position:absolute; left:50%; margin-left:-500px; width:1000px; }
h2 {font-size:20px;font-weight:bold;margin:6px;text-align:center;}
h3 {font-size:15px;font-weight:bold;margin:6px;text-align:center;}
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; }
.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;}
.box0 {margin-bottom:10px;padding:10px;border:1px solid #a0a0a0;width:980px;border-radius: 5px;background:#efefef;text-align:center;}
.box1 {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:13px;}
.htbox {background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:5px 10px 5px 10px;font-weight:bold;font-family:Arial; border-radius: 5px;}
.htboxtl {margin-left:auto;margin-right:auto;margin-top:10px;padding:10px;border:1px solid #a0a0a0;border-radius: 5px;background:#fcfcfc;text-align:left;font-size:11px;line-height:130%;}
.htboxtlo {background:#fcfcfc;border:1px solid #a0a0a0;text-align:left;padding:5px;font-weight:bold;font-family:Arial; font-size:12px;line-height:130%;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;}

.mbut { padding:.5em ; /* padding:5px 8px 5px 8px;*/ background-color: #ffffff; color: #606060; font-size: 12px; font-weight:bold; text-align: center; border: 1px solid #a0a0a0; border-radius:5px; display: inline-block;cursor: pointer;text-decoration:none;}
.mbut:hover {color: #fcfcfc;background:#c0c0c0;}
col2 {display: grid; grid-template-columns: auto auto;font-family: sans-serif;font-size:.9em;}
col2 .imgbox {width:350px;text-align:center;padding-bottom:5px;margin-top:5px;margin-bottom:5px;line-height:120%;background-color:#f0f0f0;border:1px solid #a0a0a0;border-radius: 5px;}
col2 img {width:320px;border:1px solid #a0a0a0;border-radius: 5px;margin-top: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:.7em;}
col4 .imgbox {width:175px;text-align:center;padding-bottom:5px;margin-top:5px;margin-bottom:5px;line-height:120%;background-color:#f0f0f0;border:1px solid #a0a0a0;border-radius: 5px;}
col4 img {width:150px;border:1px solid #a0a0a0;border-radius: 5px;margin-top:10px;}
col5 {display: grid; grid-template-columns: auto auto auto auto auto;font-family: sans-serif;font-size:.7em;}
col5 .imgbox {width:138px;text-align:center;padding-bottom:5px;margin-top:5px;margin-bottom:5px;line-height:120%;background-color:#f0f0f0;border:1px solid #a0a0a0;border-radius: 5px;}
col5 img {width:123px;border:1px solid #a0a0a0;border-radius: 5px;margin-top:10px;}
col6 {display: grid; grid-template-columns: auto auto auto auto auto auto;font-family: sans-serif;font-size:.7em;}
col6 .imgbox {width:138px;text-align:center;padding-bottom:5px;margin-top:5px;margin-bottom:5px;line-height:120%;background-color:#f0f0f0;border:1px solid #a0a0a0;border-radius: 5px;}
col6 img {width:123px;border:1px solid #a0a0a0;border-radius: 5px;margin-top:10px;}
colG {display: grid; grid-template-columns: auto auto auto auto auto;font-family: sans-serif;font-size:.8em;}
colG .imgbox {width:130px;text-align:center;padding-top:5px;padding-bottom:5px;margin-top:5px;margin-bottom:5px;line-height:120%;background-color:#f0f0f0;border:1px solid #a0a0a0;border-radius: 5px;}
li .imgbox {width:130px;text-align:center;padding-top:5px;padding-bottom:5px;line-height:120%;background-color:#f0f0f0;border:1px solid #a0a0a0;border-radius: 5px;}

.ml6 {margin-left:6px;}
.mb20 {margin-bottom:20px;}
.mb10 {margin-bottom:10px;}
.mt10 {margin-top:10px;}
.mr10 {margin-right:10px;}
.ml10 {margin-left:10px;}
.fr {float:right;}
.fl {float:left;}
.bgi {font-size:10px; margin-right:20px; text-align:right;}
.clr {clear:both;}
.clr0 {clear:both;}
.clr20 {clear:both;margin-bottom:20px;}
.mc {margin-left:auto;margin-right:auto;}
.p10 {padding:10px;}
.bp10 {padding-bottom:10px;}
.bp5 {padding-bottom:5px;}
.fs08 {font-size:.8em;}
.hidden {display:none;}
.thumb {border:1px solid #a0a0a0; border-radius:5px;}
.w350 {width:350px;}
.logo {font-size:1em;width:170px;margin-top:10px;margin-bottom:10px;text-align:center;float:left;padding:1px;background:#efefef;line-height:120%;border:1px solid #a0a0a0;border-radius: 5px;}
.logom  {background:#fafafa;border:1px solid #a0a0a0;border-radius: 5px;width:150px;margin-top:5px;margin-bottom:5px;}
.thumbm {background:#fafafa;border:1px solid #a0a0a0;border-radius: 5px;width:150px;padding:0px;}
.f16 {font-size:16px;}
.f12 {font-size:6px;}
.tc {text-align:center;}
.tn {font-weight:normal;}
.fora {width:40px;background-color:#ffc000;color:#000000;border:1px solid #a0a0a0;text-align:center;padding:5px;font-weight:bold;font-family:Arial; font-size:12px;both;margin-right:6px;border-radius: 3px;}
.fgre {width:40px;background-color:#008000;color:#ffffff;border:1px solid #a0a0a0;text-align:center;padding:5px;font-weight:bold;font-family:Arial; font-size:12px;both;margin-left:6px;border-radius: 3px;}
.fblu {width:40px;background-color:#2c4a9a;color:#ffffff;border:1px solid #a0a0a0;text-align:center;padding:5px;font-weight:bold;font-family:Arial; font-size:12px;both;margin-left:6px;border-radius: 3px;}
.fyel {width:40px;background-color:#ffff00;color:#000000;border:1px solid #a0a0a0;text-align:center;padding:5px;font-weight:bold;font-family:Arial; font-size:12px;both;margin-left:6px;border-radius: 3px;}
.fwhi {width:40px;background-color:#ffffff;color:#000000;border:1px solid #a0a0a0;text-align:center;padding:5px;font-weight:bold;font-family:Arial; font-size:12px;both;margin-left:6px;border-radius: 3px;}
.frot {width:40px;background-color:#FF0000;color:#303030;border:1px solid #a0a0a0;text-align:center;padding:5px;font-weight:bold;font-family:Arial; font-size:12px;both;margin-left:6px;border-radius: 3px;}
.fbla {width:40px;background-color:#000000;color:#ffffff;border:1px solid #a0a0a0;text-align:center;padding:5px;font-weight:bold;font-family:Arial; font-size:12px;both;margin-left:6px;border-radius: 3px;}
.fbll {width:40px;background-color:#538dd5;color:#ffffff;border:1px solid #a0a0a0;text-align:center;padding:5px;font-weight:bold;font-family:Arial; font-size:12px;both;margin-left:6px;border-radius: 3px;}

.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;}
.butAphae {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-AP.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butMokpo {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-MO.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butData {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-CT.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butGallery {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-BI.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butEdu {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-ED.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.buthl {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;}
.hdr {width:910px;margin-top:5px;text-align:center;}
button:hover {color: #e05454;border_bottom:3px solid #e05454;background-color:#ddf4d5;}
.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;}