body {
 font-family: Arial, Verdana, sans-serif;
 font-size: 12px;
 background: #ffffff url('https://www2.pyc.edu.hk/pycnet/images/bg_g.gif') repeat-x;
 background-attachment: fixed;
 scrollbar-face-color: #DEE3E7;
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-shadow-color: #DEE3E7;
 scrollbar-3dlight-color: #D1D7DC;
 scrollbar-arrow-color:  #006699;
 scrollbar-track-color: #EFEFEF;
 scrollbar-darkshadow-color: #98AAB1;
}

a { text-decoration: none;}
a:hover {text-decoration: underline}

/* This is the border line & background colour round the entire page */
.bodyline       { border: 1px #98AAB1 solid; background: #FFFFFF;}
.bodyline2      { border: 1px #98AAB1 solid; background: #FFFFFF url('https://www2.pyc.edu.hk/pycnet/images/a27.gif');}
/* This is the outline round the main forum tables */
.forumline      { background-color: #AAAAAA; border: 2px #006699 solid; }
/* table border for printing */
.tableline {border-left: 1px solid black; border-top: 1px solid black;}
.tableline2 {border-left: 1px solid black; border-top: 1px solid black; line-height: 120%; font-size: 10px;}

/* The largest text used in the index page title and toptic title etc. */
.maintitle      {
font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #000000;
}
/* Forum category titles */
.cattitle { font-weight: bold; font-size: 16px ; letter-spacing: 1px; }    
a.cattitle { text-decoration: none;}
a.cattitle:hover{ text-decoration: underline; }
/* Forum link */
.forumlink { font-size: 16px ; letter-spacing: 1px; }
a.forumlink { text-decoration: none;}
a.forumlink:hover{ text-decoration: underline; }

.forumlink2 { font-size: 16px ; letter-spacing: 1px; }
a.forumlink2 { text-decoration: none;}
a.forumlink2:hover{ text-decoration: underline; }

/* Forum category titles */
.topictitle { font-size: 16px ; letter-spacing: 1px; }
a.topictitle { text-decoration: none;}
a.topictitle:hover{ text-decoration: underline; }
/* Post text */
.posttext { font-size: 1.1em; letter-spacing: 1px;}
.posttext2 { font-size: 1.1em; letter-spacing: 1px;}
.msgtext { font-size: 1.3em;}
.wtext {font-size: 1.3em; line-height: 1.6em; padding: 8px 8px 8px 8px;}

table {
 font-family: Arial, Verdana, sans-serif;
 line-height: 170%;
 font-size: 12px;
}
.td_header { font-size: 1.3em; font-weight: bold; text-align: center; background-image: url('https://www2.pyc.edu.hk/pycnet/images/nentable.gif') }
.td_white { background-color: #ffffff; border-right: 1px solid black; border-bottom: 1px solid black; }
.td_gray { background-color: #888888; border-right: 1px solid black; border-bottom: 1px solid black; }
.td_black { background-color: #000000; border-right: 1px solid black; border-bottom: 1px solid black; }
.td_yellow { background-color: #ffff00; border-right: 1px solid black; border-bottom: 1px solid black; }
.td_green { background-color: #FFEFBF; border-right: 1px solid black; border-bottom: 1px solid black; }
.td_red { background-color: #ff0000; border-right: 1px solid black; border-bottom: 1px solid black; }
.td_trans { background-color: #EAECEE; border-right: 1px solid black; border-bottom: 1px solid black; }
.td_line { border-bottom: 1px solid black; }
.td_book {font-weight: bold;}
.td_box { background-color: #ffffff; border: 1px solid black;}
.row1 { background-color: #FFFFFF; height: 2.8em;}
.row2 { background-color: #FAFAFA; height: 2.8em;}
.row3 { background-color: #FAFAFA; height: 2.8em;}
.row1a { background-color: #FFFFFF; height: 30px;}
.row2a { background-color: #FAFAFA; height: 30px;}
.pagebreakhere {page-break-before: always}

#navlist { font-size: 16px; line-height: 170%; letter-spacing: 1px; list-style-image: url(https://www2.pyc.edu.hk/pycnet/images/point2.gif); }
#navlist a { text-decoration: none; padding-left: .1em;}
#navlist a:hover { text-decoration: underline; }

.flatbutton {
 background-color: #AED0F2;
 border-left: 1px #EEEEEE solid;
 border-right: 1px #74ACE4 solid;
 border-bottom: 1px #74ACE4 solid;
 border-top: 1px #EEEEEE solid;
 font-family: Verdana;
 font-size: 8pt;
 color: black;
}

#thumbnail
{
float: left;
width: 200px;
text-align: center;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}
#thumbnail2
{
float: left;
width: 300px;
text-align: center;
margin: 0 8px 8px 0;
padding: 5px;
}
#thumbnail3
{
float: left;
width: 220px;
text-align: center;
border: 1px solid #999;
margin: 0 8px 8px 0;
padding: 5px;
}
#thumbnail4
{
float: left;
width: 170px;
text-align: center;
border: 1px solid #999;
margin: 0 8px 8px 0;
padding: 5px;
}
#pycnetmenu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 4.4em;
  margin: 0em;
  BACKGROUND: url(https://www2.pyc.edu.hk/pycnet/images/menu1.jpg) #9ab169 repeat-x 0px 0px;
}
.clearboth { clear: both; }