body {color:black; background:white;}

table#options, table#layout {width:100%; border-collapse:collapse;}

#options th {padding:0; border:1px solid #369;}
#options a {display:block; padding:2px; color:black; background:white; text-decoration:none;}
#options a:visited {color:black; background:white;}
#options a:hover {color:teal; background:#eee;}
#options a:active {color:#c00; background:#eee;}
#options #currentmenu {padding:2px; color:#c00; background:#fed;}

#menu {width:200px; padding:0; border-left:1px solid #369; border-right:1px solid #369; background:#eee;}
#menu dl {width:200px;}
#menu dl, #menu dd {margin:0; padding:0;}
#menu dd {border-bottom:1px solid #369;}
#menu dd.bg1 {background:#e0e0e0;}
#menu dd.bg2 {background:#eeeeee;}
#menu a {display:block; padding:3px 12px; color:#009; background:transparent; text-decoration:none;}
#menu a:visited {color:gray; background:transparent; text-decoration:line-through;}
#menu a:hover {color:black; background:white; text-decoration:none;}
#menu a:active {color:#c00; background:white; text-decoration:none;}

#content {padding:15px 30px 20px 30px; font-weight:bold; font-family:Verdana, sans-serif;}
#content p {text-align:justify;}
#content li {padding:4px 0;}
#content .email {border:1px solid #369; padding:8px; color:navy; background:#ffc; font-style:italic;}
#content hr {color:#369; background:#369;}

#advert {width:160px; padding:15px 30px 20px 0;}

#scary {padding:15px 0; color:white; background:black; text-align:center;}
#scary a {padding:0 4px 1px 4px; color:yellow; background:black;}
#scary a:hover {color:navy; background:white;}
#scary a:active {color:red; background:white;}

#preview {padding:60px 0; color:white; background:black; text-align:center;}
#preview a {border:1px solid red; padding:2px 8px; color:red; background:white; text-decoration:none; font-weight:bold;}
#preview a:hover {border:1px solid black; color:black; background:white;}
#preview a:active {border:1px solid white; color:white; background:black;}