body {
		margin:20px 20px 20px 20px;
                font-family: verdana, arial, helvetica, sans-serif;
	        font-size: 12px;
                font-weight: normal;
                text-decoration: none;
                color:	#000000;
		}

A {
	        font-family: verdana, arial, helvetica, sans-serif;
	        font-size: 12px;
                font-weight: bold;
                text-decoration: none;
                color:	#000000;
                }

A:hover	{	
	        text-decoration: underline;
	        background: transparent;
                color: #000000;
                }

A:active {	
	        text-decoration: none;
                font-weight: bold;
                background: #7B492B;
                color: #000000;
                }	

	
	#main {
		border:4px solid #000; 
		margin:auto;
                background:#dddddd;
                width:600px;
                }

/* 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:left;
                background: #ccccff;
		width:200px;
                margin:10px 10px 10px 10px;
		}

        #main #footer {
                float:right;
                width:400px;
                }
		
	p,h1,pre {
		margin:10px 10px 10px 10px;
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
		}
	
	#menu p { font-size:12px}