body
{
    padding:0px;
    background:#ffffff;
    color:#000000;
    font-family:"Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
}

body
{
    font-size: 90%;
}

table.timetable
{
    border-collapse: collapse;
    empty-cells: show;
    width: 100%;
    border: "1";
    cellpadding: "3";
    cellspacing: "0"
}

.timetable td
{
    text-align: center;
    font-size: smaller;
}

.timetable .nty
{
    background-color: white;
}

.timetable .off
{
    background-color: #ffa080;
}


.timetable .tea
{
    background-color: LightGreen;
}

.timetable .res
{
    background-color: #e0b0ff;
}

.timetable .sup
{
    background-color: #c0ffff;
}

.timetable .sch
{
    background-color: Yellow;
}

.timetable .adm
{
    background-color: #ffffcc;
}

.timetable .nvl
{
    background-color: Silver;
}

.timetable .colourkey th
{
    width: 10%;
}

.timetable .colourkey  td
{
    width: 10%;
}

.timetable .detail
{
    font-size: x-small; 
}

table
{
    border-collapse: collapse;
    margin-bottom: 1em;
}

.noborder td,th,tr
{
    border:hidden
}

.nowrap
{
    white-space:nowrap;
}

.topalign
{
    vertical-align: top;
}

td,th,tr
{
    font-size: 100%;
    padding:5px;
    border:thin solid;
}


a
{
    color:#0066CC;
}

a:hover
{
    color:#0099FF;
}

h1,h2,h3,h4,h5,h6
{
    padding:0px;
    margin:0px;
}

h1 a:link
{
    text-decoration:none;
    color:#F5DEB3
}


h1 a:visited
{
    text-decoration:none;
    color:#F5DEB3
}

h1
{
    padding:25px 0px 10px 5%;
    border-top:3px double #006699;
    border-bottom:1px solid #006699;
    color:#F5DEB3;
    background:#006699;
    font:bold 220% Verdana,Sans-Serif;
    letter-spacing:-2px;
}

h1.pic
{
    position:relative;
    height:120px;
}

h1.pic span
{
    position:absolute;
    right:15px;
    top:15px;
} 

h2
{
    color:#9E5205;
    font-weight:bold;
    font-family:Verdana,Sans-Serif;
    letter-spacing:-1px;
}

h3
{
    margin:10px 0px 0px 0px;
    color:#9E5205;
    font-size:100%;
}

h4
{
    color:#000000;
}

.blue
{
    color:#006699;
}

.gray
{
    color:#777777
}

.italy
{
    font-style: oblique;
    color:#006699;
}


a.note {text-decoration:none;}

a.note span {text-decoration:none;display:block;color:#FFFFFF;font-size:small;}

a.note:hover span {text-decoration:none;display:block;color:#FFFFFF;font-size:small;color:#DE7008;}


/*div.content { margin-left: 4pc; margin-right: 3pc; }*/

h3 { display: inline; margin-left: 0pc; font-size: 12pt; margin-right: 4pt; }

h4 { display: inline; margin-left: 0pc; margin-right: 4pt; }

ul { list-style-type: disc; margin-top: 6pt; margin-left: 0pt; padding-left: 3pc; }

.number
{
    list-style-type:decimal;
    margin-top: 6pt;
    margin-left: 0pt;
    padding-left: 4pc;
}

.headlist
{
    list-style-type:decimal;
    margin-top: 6pt;
    margin-left: 0pt;
    padding-left: 2pc;
    font-weight:bold;
}

.normaltext
{
    margin-left: -1pc;
    padding-left: 0pc;
    font-weight:normal;
}

.tab
{
    margin-top: 6pt;
    margin-left: 0pt;
    padding-left: 2pc;
}

table
{
    margin-top: 6pt;
    margin-left: 0pt;
    padding-left: 2pc;
}

.plaintable
{
    font-size:medium;
    margin-top: 6pt;
    margin-left: 0pt;
    padding-left: 1pc;
}

h1
{
    margin-bottom: 1pc;
}

#wrap
{
    min-width:400px;
    margin:0 auto;
}

#left
{
    float: left;
    margin-right: -21em;
    width: 100%;
}

.content
{
    /*width:65%;*/
    padding: 20px 10px;
    margin-right:21em;
    overflow:hidden;
    /*background: #e5ecf9;*/
}

.nav
{
    float:right;
    width:20em;
    /*background: #e5ecf9;*/
}

.clearer
{
    font-size: 0px;
    height: 0px;
    width: 100%;
    display: block;
    clear: both;
}

.head
{
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
}

.orange
{
    font-weight: normal;
    color: #FF3300;
}

.nav_home
{
    background: #e5ecf9;
    width: 20em;
    text-align: left;
    padding: 2px 2px;	/* padding greater than corner height|width */
    margin: 0.25em 0.25em;
    color:#000;
}

.nav_people
{
    background: #e5ecf9;
    width: 20em;
    text-align: left;
    padding: 6px 2px;	/* padding greater than corner height|width */
    margin: 0.4em 0.25em;
    color:#000;
}

.nav_subproj
{
    background: #e5ecf9;
    width: 20em;
    text-align: left;
    padding: 6px 2px;	/* padding greater than corner height|width */
    margin: 0.4em 0.25em;
    color:#000;
}

.nav_download
{
    background: #ddf8cc;
    width: 20em;
    text-align: left;
    padding: 6px 2px;	/* padding greater than corner height|width */
    margin: 0.4em 0.25em;
    color:#000;
}

.nav_links
{
    background: #e5ecf9;
    width: 20em;
    text-align: left;
    padding: 6px 2px;	/* padding greater than corner height|width */
    margin: 0.4em 0.25em;
    color:#000;
}

.nav_home table
{
    margin-top: 6pt;
    margin-left: 0pt;
    padding-left: 1pc;
}

.nav_people table
{
    margin-top: 6pt;
    margin-left: 0pt;
    padding-left: 1pc;
}

.nav_subproj table
{
    margin-top: 6pt;
    margin-left: 0pt;
    padding-left: 1pc;
}

.nav_download table
{
    margin-top: 6pt;
    margin-left: 0pt;
    padding-left: 1pc;
}

.nav_links table
{
    margin-top: 6pt;
    margin-left: 0pt;
    padding-left: 1pc;
}


.tab
{
    margin-left: 20pt;
}

.codeArea
{
    background-color: #E0E0E0;
    padding-left: 20pt;
    padding-top: 5pt;
    padding-bottom: 5pt;
    border: thin dotted #999999;
    margin-bottom: 15pt;
    margin-top:5pt;
}

.codeTitle
{
}

.download
{
    margin-bottom: 10pt;
    margin-left:2pt;
}


.annotatedimage
{
    position: relative;
    width: 100%;
}

.annotatedimage span
{
   position: absolute;
   bottom: 4px;
   right: 10px;
   background: rgb(255, 255, 255); /* fallback color */
   background: rgba(255, 255, 255, 0.4);
   padding: 4px;
   font-size: small;
}

.warn
{
  color: #C30;
}

.del
{
  color: #C30;
  text-decoration: line-through;
}