html { 
	margin-top: 100px;	/* for the transparent top banner */
	background:  #861f25;
	font-size: 0.85em;
	font-family:  Arial;	
	font-family:  "Trebuchet MS";
	font-family:  "Century Gothic";
	margin-bottom: 90%;		/* Allow users to bring the stuff at the end closer to the top */
}

#menu:before { content: url("21cx1c.861f25.png"); width:100%; z-index: 100; }

#menu { 
	display:block;
	position:fixed;
	width: 8em;
	z-index:200;	/* links on top -- always accessible */
	background:#861f25;
	color: #eeeeee;
	margin-left:-10em;	/* -10 for body margin, +1 for margin centering effect, -1 for body padding */
	margin-top:-130px;

}

#menu>a { 
	display:block;
	color:  #dddddd;
	border-bottom:  1px #dddddd solid;
	text-transform:  lowercase;
	/*font-family:  cursive;*/
	text-align:center;
	margin-bottom: 5px;
	margin-top: 15px;
}
#menu>a:hover { font-weight:bold; }

#title { 
	position:fixed;
	margin-top: -100px;
	z-index:-200;
	color:#dddddd;

}

body {
	position:relative;
	margin:  0em 5em 0em 10em; 
	color: black;
	background:  #eeeeee;
	border: thin black solid;
	padding: 1em;
}	
	
a { text-decoration: none; }
a { color: #861f25; background:none; }
a:hover { color: #cb202a; background: none; }

*.figure {
	display:block;
	float: right;
	margin-left:1em;
}           
*.figure>img { 
	display:block;
}               
*.figure>a>img { 
	border:none;    
}                   

*.figure>*.caption { 
	display:block;      
	text-align: center;     
	font-size: 0.75em;          
	width: 300px;
}