html {
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
background:#fff; 
font-size:76%; 
font-family:georgia, palatino linotype, times new roman, serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}

#content {overflow:auto; position:absolute; z-index:3; top:140px; bottom:50px; left:218px; right:0; background:#fff;}

* html #content {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:3; border-top:140px solid #fff; border-bottom:50px solid #fff; border-left:218px solid #fff;}


#head {position:absolute; margin:0; top:0; left:0; display:block; width:100%; height:140px; background:#fff; font-size:4em; z-index:5; overflow:hidden; color:#fff;}
#foot {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:50px; font-size:1em; z-index:5; overflow:hidden; background:#fff; color:0; text-align:center; padding-top:5px;}

#left {position:absolute; left:0; top:140px; bottom:50px; width:218px; background:#fff; font-size:1.2em; z-index:4; overflow:auto;}

* html #left {height:100%; top:0; bottom:0; border-top:140px solid #fff; border-bottom:50px solid #fff; color:#fff;}

#content p {padding:10px;}
.bold {font-size:1.2em; font-weight:bold;}

#menu {position:relative; overflow:hidden; margin-top:20px; left:0; display:block; width:198px; line-height:50px;}
#menu a:active {background-position:0 0;}
#menu a, #menu a:visited {display:block; width:198px; height:50px; background-position:0 -50px; background-color:transparent;}
#menu a:hover {background-position:0 -100px; line-height:31px; overflow:hidden;}
#menu b {display:block; width:198px; height:50px; background-position:0 0;}


a.cal, b.cal {background:url('graphics/nav-c.gif');}
a.hom, b.hom {background:url('graphics/nav-h.gif');}
a.ass, b.ass {background:url('graphics/nav-a.gif');}
a.per, b.per {background:url('graphics/nav-p.gif');}
a.thi, b.thi {background:url('graphics/nav-t.gif');}
a.ent, b.ent {background:url('graphics/nav-e.gif');}
a.rev, b.rev {background:url('graphics/nav-r.gif');}
a.soc, b.soc {background:url('graphics/nav-s.gif');}

.picleft {float:left; top:100px; left:150px; min-height:100px; min-width:80px; background:#e90d27; border:1px solid #000; margin:5px; padding:5px;}
.picright {float:right; top:100px; right:150px; min-height:100px; min-width:100px; background:#f4d66c; border:1px solid #000; margin:5px; padding:5px;}
.hright {text-align:right; padding-right:10px;}
.hleft {padding-left:10px;}
.inhead {font-size:13px; font-weight:bold;}
.centred {text-align:center;}