a:visited {color:#000;}
html {height:100%; overflow:hidden;}

body {height:100%; padding:0; margin:0; overflow:auto; font-family:trebuchet ms, helvetica, georgia, serif; font-size:13px; background:url(http://www.stunicholls.myby.co.uk/lautrec/img/back.jpg) no-repeat rgb(235,225,224); background-position:top right; background-attachment:fixed;}

#header {position:absolute; top:0; width:700px; height:50px; left:50px; background:transparent; font-family:georgia, serif; font-size:50px; color:#c00; z-index:10;}


#footer {position:absolute; width:700px; height:30px; right:20px; bottom:0; color:#000; font-size:10px; text-align:right;}

#menu {display:block; margin:20px 0 0 35px; padding:130px 0 10px 10px; background-color:transparent; z-index:20;}

.left {width:300px; float:left; letter-spacing:0.05em; line-height:19px;}
li {list-style-type:none;}


.clear {clear:both;}
.date {color:#c00; display:block; width:213px; height:25px; background:url(date_line.gif);font-family: georgia, serif;}
.bold {font-weight:bold;}

em {font-style:normal;}

#instruct {position:absolute; top:60px; left:50px; width:400px; z-index:20;}

#menu a:visited, #menu a {text-decoration:none; color:#c00; z-index:10;}
#menu a:hover {background:transparent;}
#menu a em, #menu a:visited em {display:none;}
#menu a:active, #menu a:focus {background: #fff; z-index:10;}
#menu a:active em, #menu a:focus em {display:block; position:absolute; top:0; right:0; width: 480px; height: 100%; background: transparent; overflow: auto; 
z-index:0; font-weight:normal; color:#000;}

.black {color:#000;}
img {border:1px solid #000;}