* {font-size:100%;}

body {margin:0; padding:0; background-color:#d6f1d6; font-family:verdana, arial, sans-serif; font-weight:normal; text-align:center;}

#container {width:100%; max-width:980px; margin-left:auto; margin-right:auto; text-align:left; border:0px solid red; } 

#top {padding:0; margin:5px 0 0 0;}

#header {width:96%; max-width:960px; padding:0; margin-left:auto; margin-right:auto; margin-top:0px; border:0px solid #ed1c24;}

/* nav */
#navbar {margin:0; background:#7dc37d; height:32px; width:950px; padding:10px 0 0 0; border:1px solid #000;}
.nav, .navcurrent {text-align:center; vertical-align:middle; font-size:1em; margin-left:20px; padding:3px 9px 4px 97px;}
.nav:link {color:#000; font-weight:normal; text-decoration:none; background:#7dc37d;}
.nav:visited {color:#000; font-weight:normal; text-decoration:none; background:#7dc37d;}
.nav:hover {color:#666; font-weight:normal; text-decoration:none; background:#7dc37d;}
.nav:active {color:#000; font-weight:normal; text-decoration:none; background:#7dc37d;}
/* override background if needed */
.navcurrent {color:#fff; font-weight:normal; text-decoration:none; background:#7dc37d;}

/* main areas */
#maincol {width:952px; margin:0; padding:0;}
#maincol p {font-size:0.9em; text-align:justify; color:#000;}
#maincol p.ce {text-align:center;}
#maincol p.le {text-align:left;}
#maincol p.flri {padding:0 0 20px 20px; float:right;}
#maincol p.clri {clear:right;}
#maincol p.cesm {text-align:center; font-size:0.8em;}
#maincol p.link { padding-left:50px;}
#maincol p.footer {clear:right; background-color:#7dc37d; text-align:center; padding:5px; border:1px solid #000;}
#maincol img.bdr {border:1px solid #3f3930;}
#maincol table td {font-size:0.9em; padding-right:30px;}

#noticecol {clear:right; margin-left:auto; margin-right:auto; margin-top:5px; width:650px;}
#noticecol p.heading {padding:0 20px 0 20px; font-size:1.0em; text-align:center; font-weight:bold; color:#000;}
#noticecol p {padding:0 20px 0 20px; font-size:0.9em; text-align:justify; color:#000;}
.noticeboardmid {background:transparent url(ctcimages/nbmid.gif) repeat-y left top; margin:0;}
.noticeboardtop {background:transparent url(ctcimages/nbtop.gif) no-repeat left top; height:10px; }
.noticeboardbot {background:transparent url(ctcimages/nbbot.gif) no-repeat left bottom; height:10px; clear:both;}

/* updates */
#updatecol {width:800px; margin-left:auto; margin-right:auto; margin-top:10px; padding:10px; border:1px solid #000; background:#fff;}
#updatecol p, li {font-size:0.8em; text-align:left; }
#updatecol textarea {font-size:1.2em;}
#updatecol text {font-size:1.2em;}
#updatecol p.red {color:#f00; font-weight:bold;}

a {outline:none;}
.bdr {border:1px solid #000;}

/* inline nav */
a.txt {font-size:1em;}
a.txt:link {color:#000; text-decoration:underline;}
a.txt:visited {color:#000; text-decoration:underline;}
a.txt:hover {color:#666; text-decoration:none;}
a.txt:active {color:#000; text-decoration:underline;}

pre{
  overflow: scroll;
  margin-left:auto; margin-right:auto;
  font-size:1em;
  background-color: #eee;
  padding-bottom: 10px;
  width: 550px;
  height: 450px;
}