.no-disp { display: none; }

body {
  padding: 0;
  margin: 0 0 20px 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;  _font-size:  68.75%;
  color: #000;
  text-align: center;
  background: #bababa url(../img/bg-body.gif) repeat-x 0% 0%;
}

/* **************************************************************** */
/* Basic Settings                                                   */
/* **************************************************************** */

a,
a:link {
  color: #0b3355;
  text-decoration: none;
}

a:hover,
a:active { 
  color: #575b64; 
  text-decoration: underline;
  -moz-outline-style: none;
}

hr {
  border: 0;
  color: #ccc;
  background-color: #ccc;
  height: 1px;
}

img { 
  margin: 0;
  padding: 0;
  border: none; 
}

h1, h2, h3, h4, h5 {
  font-family: Calibri;
  color: #003361;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}

h1 {
  font-size: 1.7em;
  margin-bottom: .35em;
}

h2 {
  font-size: 1.6em;
  margin-bottom: .55em;
}

h3 {
  font-size: 1.3em;
  margin-bottom: .55em;
}

h4 {
  font-size: 1.1em;
  margin-bottom: .55em;
}

h5 {
  font-size: 1em;
  margin-bottom: .55em;
}

h6 {
  font-size: .9em;
  margin-bottom: .55em;
}

h2.pagetitle { padding: 10px 0 10px 0; }

p {
  margin: 10px 0 10px 0;
}

/* **************************************************************** */
/* Layout of template columns                                       */
/* **************************************************************** */

#three-col-home #wrapper, 
#two-col-sub #wrapper {
  text-align: justify;
  margin: 0 auto 0 auto;
  overflow: visible; 
  background: url(../img/bg-wrapper.gif) repeat-y 0% 0%; 
}

#header {
  padding: 0;
  margin: 0;
  height: 248px;
  background: url(../img/bg-header.gif) no-repeat 0% 0%;
}

#header h1 { position: absolute; top: 90px; left: 63px; }

#header-jol {
  padding: 0;
  margin: 0 0 0 15px;
  height: 248px;
  background: url(../img/bg-header-jol.gif) no-repeat 0% 0%;
}
#header-jol h1 { position: absolute; top: 80px; left: 73px; }

/* **************************************************************** */
/* Main Navigation                                                  */
/* **************************************************************** */

#main-navigation { width: 190px; text-align:left; }

#main-navigation a {
  display: block;
  /*color: #1c222e;*/
  width: 165px;
  font-weight: bold;
}

#main-navigation ul { list-style: none; padding: 0; margin: 0; }
#main-navigation li { float: none; _float: left; padding: 11px 0 7px 25px; margin: 0; background: url(../img/bg-main-nav.gif) no-repeat 0% 0%; }

*:first-child+html #main-navigation li { float: left; }

#main-navigation li.first { padding: 14px 0 9px 25px; background: url(../img/bg-main-nav-top.gif) no-repeat 0% 0%; }
#main-navigation li.last { padding: 11px 0 14px 25px; background: url(../img/bg-main-nav-bottom.gif) no-repeat 0% 0%; }

#main-navigation li.last.current_page_ancestor { padding: 11px 0 14px 25px; background: url(../img/bg-main-nav.gif) no-repeat 0% 0%; }

#main-navigation .level1 .current_page a,
#main-navigation .level1 .current_page_ancestor a { font-weight: bold; text-decoration: none; }
#main-navigation .level1 a:hover {
  color: #003361;
  text-decoration: underline;
}

/**** Level 2 ****/
#main-navigation .level1 .level2 { padding: 0; margin: 9px 0 0 -25px; }
#main-navigation .level1 .level2 li { 
  padding: 4px 0 3px 25px; 
  margin: 0; 
  background: url(../img/bg-main-nav-lev-2a.gif) no-repeat 0% 100%; 
}

#main-navigation .level1 .level2 li.last { margin-bottom: -7px; }

#main-navigation .level1 .level2 li a { width: 165px; color: #646464; font-weight: normal; padding: 0; margin: 0; }
#main-navigation .level1 .level2 a:hover {}
#main-navigation .level1 .level2 .current_page a,
#main-navigation .level1 .level2 .current_page_ancestor a { font-weight: bold; }

/**** Level 3 ****/
#main-navigation .level1 .level2 .level3 { font-weight: normal; padding: 0; margin: 3px 0 0 -25px; }

#main-navigation .level1 .level2 .level3 li { 
  padding: 4px 0 3px 25px; 
  margin: 0; 
  background: url(../img/bg-main-nav-lev-3.gif) no-repeat 0% 0%;
}

#main-navigation .level1 .level2 .level3 li.first { background: url(../img/bg-main-nav-lev-3-first.gif) no-repeat 0% 0%; }
#main-navigation .level1 .level2 .level3 li.last { margin-bottom: -3px; } 

#main-navigation .level1 .level2 .level3 li a { width: 165px; color: #646464; font-weight: normal; padding: 0; margin: 0; text-decoration: none; }
#main-navigation .level1 .level2 .level3 a:hover {}
#main-navigation .level1 .level2 .level3 .current_page a,
#main-navigation .level1 .level2 .level3 .current_page_ancestor a { font-weight: bold; }

/**** Level 4 ****/
#main-navigation .level1 .level2 .level3 .level4 { font-weight: normal; padding: 0; margin: 3px 0 0 -25px; }

#main-navigation .level1 .level2 .level3 .level4 li { 
  padding: 4px 0 3px 30px; 
  margin: 0; 
  background: url(../img/bg-main-nav-lev-4.gif) no-repeat 0% 0%;
}

#main-navigation .level1 .level2 .level3 .level4 li.first { background: url(../img/bg-main-nav-lev-4-first.gif) no-repeat 0% 0%; }
#main-navigation .level1 .level2 .level3 .level4 li.last { margin-bottom: -3px; } 

#main-navigation .level1 .level2 .level3 .level4 li a { width: 160px; color: #fff; font-weight: normal; padding: 0; margin: 0; text-decoration: none; }
#main-navigation .level1 .level2 .level3 .level4 a:hover {}
#main-navigation .level1 .level2 .level3 .level4 .current_page a { font-weight: bold; }

/* **************************************************************** */
/* Quick Nav definitions                                            */
/* **************************************************************** */

#qnav {
  position: absolute;
  top: 38px;
  left: 30px;
}

#qnav ul {
  font-size: .9em;
  font-weight: bold; 
  list-style: none; 
  margin: 0; 
  padding: 0; 
}

#qnav ul li { display: inline; float: left; padding: 0; margin: 0; }

#qnav ul li a.first,
#qnav ul li a.second,
#qnav ul li a.third { float: left; height: 20px; padding: 9px 0 0 0; }

#qnav ul li a.first { width: 50px; padding-left: 12px; background: url(../img/bg-qnav-1.gif) no-repeat 0% 0%; }
#qnav ul li a.second { width: 72px; padding-left: 6px; background: url(../img/bg-qnav-2.gif) no-repeat 0% 0%; }
#qnav ul li a.third { width: 60px; padding-left: 3px; background: url(../img/bg-qnav-3.gif) no-repeat 0% 0%; }

#qnav ul li a:hover { text-decoration: none; }
#qnav ul li a.third:hover { background: url(../img/bg-qnav-3.gif) no-repeat 0% 100%; }

/* **************************************************************** */
/* Top banner definitions                                           */
/* **************************************************************** */

#top-banner {
  position: absolute;
  top: 38px;
  right: 0;
}

/**** Links on Top banner ****/
#b-links { position: absolute; top: 188px; left: 538px; }

#b-links ul { list-style: none; padding: 0; margin: 0; }
#b-links li { float: left; padding: 0; margin: 0; }

#b-links li.first { margin-right: 7px; }

#b-links a {
  float: left;
  width: 90px;
  height: 32px;
  text-indent: -10000px;
}

#b-links a.saekja-um { background: url(../img/bg-saekja-um.gif) no-repeat 0% 0%; }
#b-links a.nanar { background: url(../img/bg-nanar.gif) no-repeat 0% 0%; }

/* **************************************************************** */
/* Bottom image left                                                */
/* **************************************************************** */

#bottom-img { 
  position: absolute; 
  bottom: 66px;
  _bottom: 63px;
  left: 0; 
  z-index: 1200;
}

*:first-child+html #bottom-img { bottom: 64px; }

/* **************************************************************** */
/* Main bg image top                                                */
/* **************************************************************** */

#main-bg-boxes {
  position: absolute;
  top: 0px;
  left: -185px;
  width: 200px;
  height: 520px;
  background: url(../img/bg-main-bg-boxes.gif) no-repeat 0% 0%;
}

/* **************************************************************** */
/* Footer                                                           */
/* **************************************************************** */

#footer {
  float: left;
  _float: none;
  height: 73px;
  text-indent: -10000px;
  background: url(../img/bg-footer2.gif) no-repeat 0% 0%;
}

#footer .vcard .content { position: relative; }
#footer .vcard .content .email,
#footer .vcard .content .www { 
  position: absolute; 
  top: 27px; 
  left: 340px; 
  display: block;
  width: 85px;
}

#footer .vcard .content .www { top: 44px; }
#footer .vcard .content .email {margin-left: 5px; text-indent: 0px; }
#footer .vcard .content a.email { color: #fff; }