body {
	margin:20px 20px 0px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
		}
		
	#container {
	width: 800px;
	border:1px solid #000
	}
	
	#main {
	width: 800px;
	background-image: url(images/dd_bg.gif);
		}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

	#main #menu {
	float:right;
	width:230px;
	background:#eee;
	margin:0px 0px 10px 10px;
	text-align: justify;
	padding-right: 10px;
		}
		
	p,h1,h2,pre {
		margin:0px 0px 0px 10px;
		}
		
	h1 {
	font-size:21px;
	padding-top:10px;
	color: #7D1169;
		}
	
	h2 {
	font-size:14px;
	padding-top:5px;
	color: #7D1169;
		}
	
	#menu p { font-size:10px}
	
	#footer {
	font-size: 11px;
	background:#7D1169;
	color: #CCCCCC;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
		}