body {
		margin:80px 80px 80px 80px;
		background: #cc6600 url(champaka-buds.gif) no-repeat top left;
		}

	a:link {color: #0000cc;}
		a:visited {color: #0000cc;}
		a:link:hover {color: #000000;}
		a:visited:hover {color: #000000;}
		
	
		
	/* To place images on the left */											
	.photoInsetL {
		float: left; 
		margin: 15px; 
		font-style: italic;
		}
	
	/* To place images on the right */	
	.photoInsetR {
		float: right; 
		margin: 15px; 
		font-style: italic;
		}
	.caption { font-size: x-small; line-height: 0.7em; }
	
	.centered { text-align:center; 	}
	
	.hilite { font-style: italic; }
	
	.copyright { font-size: small; }
	
	#maincontent {
		border:1px solid #000000; 
		background: #fff; 
		}

	#maincontent img {
		border: #336600 1px solid; 
		margin: 5px 5px 5px 5px; 
		padding: 2px;
		}
	
		
/* THIS CONTROLS THE WRAPPING OF TEXT AROUND THE BACKGROUND IMAGE. 	PLACE THE EMPTY DIV ELEMENT WHERE REQUIRED ON THE THE CONTENT PAGE */
		#backimage {
			background: #ffffff url(champaka.gif) no-repeat bottom right;
			width: 164px; 
			height: 142px; 
			float:right; 
			clear:right; 
			}
			
	

/* 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. */

	#maincontent #menubox {
		margin:0px 0px 10px 10px;
		padding: 20px 0px 0px 0px;
		border-left:1px solid #000000; 
		border-bottom:1px solid #000000;
		float:right;
		width:350px;
		background-color: #cc9933;
		
		}
		
		#home .home, #about .about, #about .about, #contact .contact
{
commands for highlighted navigation go here
}
		
	p,h1,h2,h3,pre {
		margin:10px 20px 10px 20px;
		}

	dt,dd {font-family: courier, gothic; font-style: italic; color: #336600;}
	dt {font-weight: bold; font-size: x-large; }
		}
	dd { font-size: x-small; }
		
	h1 {
		padding-top:10px;
		color: #ff6600;
		}
		
	h2 {
		padding-top:10px;
		color: #336600;
		}
	
	#menubox p { font-size:medium;}