*{margin:0; padding:0; font-family:arial; font-weight:normal; font-size: 12px;}
     h3{padding:2px; background-color:#cf9112; color:#fff; font-size:11px;}
     td{vertical-align:top;}
     p{font-size:12px; margin:5px;}
     #header{background-color:#cf9112; margin-bottom:5px;}
     #image01{width:604px; height:100px; background-image: url("images/yellowhead.jpg")}
     #image03{width:200px; height:100px; background-image: url("images/yellowclaas.jpg")}
     .centered{text-align:center; font-size:16px; font-weight:bold;}
     .title, .topic{background-color:#ddd; color:#000; border: solid 1px #ccc;}
     .topic:hover{background-color:#cf9112; color:#fff; border: dashed 1px #000;}
     .topic a{text-decoration:none; color:#000; display:block;}
     .topic a:hover{color:#fff;}
     .subtopic{background-color:#fff; border: solid 1px #000; border: solid 1px #ccc;}
     .subtopic:hover{background-color:#cf9112; border: dashed 1px #000; color:#fff;}
     .subtopic a{text-decoration:none; color:#000; display:block;}
     .subtopic a:hover{color:#fff;}
     .adminbutton{border: solid 1px #999; background-color: #aaa; text-align: center;}
     .adminbutton:hover{border: solid 1px #9f9; background-color: #aaa;}