/* Created by Isaac Lau (isaac@clsmss.edu.hk) */

body#new {
  margin: 0;
  padding: 0;
  background: #777;
  font-family: Arial, sans-serif;
  text-align: center;

  /* force scrollbar visible */
  overflow:-moz-scrollbars-vertical;
/*
SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
*/
}

div#main {
  width: 770px;
  margin: 5px auto 10px auto;
  padding: 0;
  border-right: 4px solid #000;
  border-bottom: 4px solid #000;
  background: #f90;
  text-align: left;
}

/* Head Block */
div#head {
  height: 80px;
  padding-bottom: 5px;
  position: relative;
  background-image: url(/public/resources/iso-8859-1/images/logo_back.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

img#logo {
  width: 70px;
  height: 66px;
  position: absolute;
  top: 7px;
  left: 5px;
}

ul#links1 {
  display: block;
  position: absolute;
  /*bottom: 13px;*/
  top: 7px;
  left: 80px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  font-weight: bold;
}

ul#links1 a {
  color: #f94;
  text-decoration: none;
}

ul#links1 a:hover {
  text-decoration: underline;
}

div#sname1 {
  position: absolute;
  top: 22px;
  left: 202px;
  font-size: 28px;
  font-style: italic;
  color: #700;
}

div#sname2 {
  position: absolute;
  top: 20px;
  left: 200px;
  font-size: 28px;
  font-style: italic;
  color: #fff;
}

ul#links2 {
  display: block;
  position: absolute;
  bottom: 3px;
  right: 5px;
  margin: 1px;
  padding: 0;
  list-style: none;
  font-size: 11px;
  font-weight: bold;
  color: #ff7;
}

ul#links2 li {
  float: left;
  position: relative;
  display: block;
  /*margin-left: 3px;*/
  padding: 1px 3px;
}

ul#links2 li a {
  color: #00f;
  text-align: center;
  border: 1px solid #f90;
  text-decoration: underline;
}

ul#links2 li a:hover {
  text-align: center;
  border: 1px dotted #fff;
}

/* Menu Block */
/* Reference: http://alistapart.com/articles/dropdowns */
div#menu_layer { }

ul#menu {
  margin: 0; padding: 0;
  list-style: none;
}

ul#menu a {
  text-decoration: none;
  display: block;
} 

ul#menu li.m1 {
  font-weight: bold;
  font-size: 11px;
  float: left;
  position: relative;
  border-bottom: #999 solid 1px;
  /* max-width: 100px; */
}

ul#menu li.m1 a {
  padding: 3px 8px 3px 7px;
  background-image: url(/public/resources/iso-8859-1/images/corner1.gif);
  background-repeat: no-repeat;
  background-position: right top;
  /* Don't use height: 100% for IE6 */
}

/* for rollover effect on link */
ul#menu li.m1 a.lnk       { color: #eee; background-color: #999; } 
ul#menu li.m1 a.lnk:hover { color: #f90; background-color: #fff; }

/* for current tab */
ul#menu li.now   { border-bottom: #fff solid 1px; }
ul#menu li.now a     { color: #999; background-color: #fff; }
ul#menu li.now a.lnk { color: #999; background-color: #fff; }

/* for drop down submenu */
ul#menu li.m1 ul {
  display: none;
  position: absolute;
  list-style: none;
  margin: 0; padding: 0;
  top: 21px; left: 0;
  border-top: #eee solid 1px;
  z-index: 100;
}

ul#menu li.m2 {
  margin: 0; padding: 0;
}

ul#menu li.m2 a {
  padding: 3px 10px;
  color: #eee;
  background: #999;
  border: #eee solid 1px;
  width: 135px; /* was 120 */
}

ul#menu li.m2 a:hover {
  border: #f90 solid 1px;
}

ul#menu li:hover ul,
ul#menu li.hover ul {
  display: block;  /* Set display to "block" to enable level 2 menu, "none" to disable. */
}


/* Body Block */
div#body {
  margin: 0;
  padding: 5px 5px;
  clear: both;
  background: #fff;
  font-size: 12px;
}

div#copyright {
  text-align: center;
  color: #f90;
  font-size: 10px;
  margin: 10px 0 5px 0;
}

/* main page elements */
table.main_area { width: 100%; margin: 0px; }
table.main_area td { width: 50%; vertical-align: top; }
div.banner { text-align: center; }
div.school_info { margin: 40px 5px 20px 5px; font-size: 10px; }
div#whatsnew { }
div#whatsnew img { display: block; }
div#whatsnew ul { margin-top: 10px; list-style-type: square; }
/* div#whatsnew ul { margin-top: 10px; list-style-image: url(/public/resources/iso-8859-1/images/d-396.gif); } */
div#whatsnew ul li { margin-bottom: 0px; color: #C0C0C0 }
div.more_news { text-align: right; }

/* for the news page (cid=653) */
div.pnews_item { clear:both; padding-left: 10px; }
div.pdate { font-weight: bold; float: left; width: 70px; }
div.pyear, div.pmonth { float: left; width: 50%; }
div.pnews { float: left; width: 600px; }
div.pnews ul { list-style-type: square; margin: 0; padding: 0 0 0 15px; }
div.pfooter { clear: both; border-top: 2px #f90 solid; margin-top: 30px; }

/* for the Google Custom Search page */
div#search_block { }
span#search_title { font-weight: bold; }
input#search_box { }
input#search_button { font-size: 90%; }

/* IE Hack for Google Maps API */
v\:* {
  behavior:url(#default#VML);
}

/* for curriculum table only (cid=2153) */
table#curr { text-align: center; }
table#curr tr.lvl { background: #fc7; }
table#curr tr.strm { background: #cfc; }
table#curr tr.cls { background: #ccf; }
table#curr tr.odd { background: #fcc; }
table#curr tr.even { background: #cff; }
table#curr th { text-align: left; color: #000; }
table#curr th.kla { background: #ccc; width: 90px; }
table#curr td { text-align: center; }
table#curr td.n { width: 20px; }
table#curr td.w { width: 30px; }

/* for OLE page (cid=4245) */
table.ole td { padding: 5px; background: #ffc; font-size: 90%; width: 180px;}

/* Others */
h2 { font-size: 16px; }
h2.red { color: red; text-decoration: underline; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
img {
  border: 0;
}