@charset "UTF-8";
@import "../src/init.css";
@import "../src/base_style.css";
@import "../src/piece_style.css";
/* ---------------------------

/* ---------------------------
   general
------------------------------ */
/* h2 h3
------------------------------ */
h2 {
  padding: 0 0 0 10px;
  border-bottom: 1px solid #737f00;
  border-left: 5px solid #737f00;
  font-weight: bold;
}

h3 {
  padding: 0 0 0 15px;
  background-image: url("/ph/english/img/ic-h3.gif");
  background-position: left 0.4em;
  background-repeat: no-repeat;
  font-size: 95%;
  font-weight: bold;
}

h4 {
  padding: 0px;
  font-size: 100%;
  font-weight: bold;
}

#contentBody td, #contentBody th, #contentBody tr {
  padding: 5px;
}

/* side-menu
------------------------------ */
#links li, #menu li {
  background-image: none;
}

#sideMenu {
  display: block;
  color: #000000;
  width: 180px;
  padding: 0;
  margin-bottom: 10px;
}

#sideMenu img {
  margin-bottom: 6px;
}

#sideMenu .pieceHeader {
  margin-bottom: 10px;
}

#sideMenu a {
  display: block;
  color: #000000;
  text-decoration: none;
}

#sideMenu a:hover, .left-navi li a:hover {
  color: #ff0000;
  text-decoration: underline;
}

#sideMenu ul {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 93%;
}

#sideMenu li {
  display: block;
  width: auto;
  margin-bottom: 2px;
  padding: 5px 5px 5px 6px;
  line-height: 1.4;
  background-color: #f2f2f2;
  border-left: 5px solid #737f00;
  font-weight: normal;
}

#sideMenu li a {
  display: block;
  width: 100%;
  /* height: 1%; */
  padding: 0px;
}

#sideMenu .middleMenu {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
}

#sideMenu .middleMenu ul, #sideMenu .middleMenu li, #sideMenu .smallMenu li {
  display: block;
  width: auto;
  border-left: none;
}

#sideMenu .middleMenu li a {
  display: block;
  width: auto;
  /* height: 1%; */
  padding-left: 1em;
  margin-bottom: 2px;
  background-image: url(/ph/english/img/menu_ic2.gif);
  background-position: 0 0.3em;
  background-repeat: no-repeat;
}

#sideMenu .smallMenu li a {
  width: auto;
  padding-left: 1.8em;
  background-image: url(/ph/english/img/menu_ic2.gif);
  background-position: 0.9em 0.3em;
  background-repeat: no-repeat;
}

#sideMenu .middleMenu li a:hover {
  background-image: url(/ph/english/img/menu_ic3.gif);
  background-position: 0 0.3em;
  background-repeat: no-repeat;
}

#sideMenu .smallMenu li a:hover {
  background-image: url(/ph/english/img/menu_ic3.gif);
  background-position: 0.9em 0.3em;
  background-repeat: no-repeat;
}

/* IE6,IE7
------------- */
*:first-child+html #sideMenu .middleMenu li, #sideMenu .smallMenu li {
  /* height: 1%; */
  margin-bottom: 2px;
}

*html #sideMenu .middleMenu li, #sideMenu .smallMenu li {
  /* height: 1%; */
  margin-bottom: 2px;
}

/* side-list
----------------------------------------------- */
#menu .pieceHeader,
#links .pieceHeader {
  margin-bottom: 5px;
  padding: 0px 0px 0px 17px;
  border-bottom: 1px solid #000000;
  border-left: none;
  background-image: url(/ph/english/img/tl-side.gif);
  background-position: left 7px;
  background-repeat: no-repeat;
  line-height: 26px;
}

#menu .pieceHeader h2,
#links .pieceHeader h2{
  margin: 0px;
  padding: 0px;
  border: none;
  font-weight: bold;
  font-size: 100%;
}

/* page-title
----------------------------------------------- */
#pageTitle {
  margin-bottom: 10px;
}

#pageTitle .pieceContainer {
  padding: 0px;
  background-color:#ffffff;
  background-image: url(/ph/english/img/gtitle_ic.gif);
  background-position: left 0.6em;
  /background-position: left 0.5em;/* ie */
  background-repeat: no-repeat;
}

#pageTitle .pieceBody {
  padding-left: 20px;
  background-image: url(/ph/english/img/tl-bottom-short.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}

#pageTitle h1 {
  margin: 0;
  padding-bottom: 5px;
  font-size: 130%;
  font-weight: bold;
  color: #000000;
  line-height: 1.5em;
}

/* table
------------------------------ */
#contentBody td, #contentBody th, #contentBody tr {
  padding: 5px;
}

/* inquiry
----------------------------------------------- */
.inquiry {
  clear: both;
  margin: 30px 0px 20px 0px;
  padding: 5px 10px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  color: #333333;
}

.inquiry h2 {
  padding: 0px;
  margin: 0px 0px 5px 0px;
  border: none;
  font-size: 110%;
}

.department, .section {
  font-weight: bold;
}

.top, .middle {
  margin-bottom: 0px;
}

.department, .section, .tel, .fax {
  margin-right: 10px;
}

/* ol
---------------------------------------------- */
.contentPage ol {
  margin-left: 2em;
}

/* ---------------------------
   sitemap
------------------------------ */
.siteMap {
  width: 100%;
  float: left;
}

.siteMapLeft {
  width: 260px;
  margin-right: 20px;
  float: left;
}

.siteMapRight {
  width: 260px;
  margin-right: 10px;
  float: right;
}

.siteMap h2 {
  border-left: none;
  border-bottom: 2px solid #f06d05;
  font-size: 100%;
  font-weight: bold;
  color: #f06d05;
  margin-bottom: 5px;
  padding-left: 5px;
}

.siteMap li{
  margin-left: -10px;
}

/* faculty
----------------------------------------------- */
#page-ph-english-faculty-message #sideMenu li.faculty1 a, #page-ph-english-faculty-introduction #sideMenu li.faculty2 a, #page-ph-english-faculty-resources #sideMenu li.faculty3 a, #page-ph-english-faculty-laboratories #sideMenu li.faculty4 a, #page-ph-english-faculty-facilities #sideMenu li.faculty5 a {
  color: #FF0000;
  font-weight: bold;
}
/* faculty
----------------------------------------------- */
#page-ph-english-admissions-admission #sideMenu li.admissions1 a {
  color: #FF0000;
  font-weight: bold;
}