#menutitle{
	font-weight: bold;
	font-size: 10px;
	position: relative;
	right: 1em; 
	margin-top: 5px;
	
	
}

#submenu{
font: 11px, arial, sans-serif; 
	text-align: left;
	position: relative;
	left: 1em
}

#titlebar{
	border-bottom: 1px solid black;
	font-weight: bold;
	text-align: left;
	font-variant:small-caps;
	font-size: 14px;
	padding: 5px;
	background-color: white	}

#menubar{
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	background-color: white	}

BODY {
	BACKGROUND: #eee; PADDING: 0px; margin: 0px; FONT-family: Verdana, Arial, Helvetica, sans-serif;
}
A {
	COLOR: #c00; TEXT-DECORATION: none
}

A:hover {
	COLOR: #abc; TEXT-DECORATION: none
}
	
	#main {

		border-left: 1px solid #000;
	
		border-bottom: 1px solid #000;
		background: transparent;
		font: x-small;
		background:#fff;
   		margin-left: 150px;
   		margin-right:160px;
   		padding-top: 20px;
   		padding-bottom: 20px;


		}

			

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

	#menu {			
		float: right;
		border-bottom: 1px black solid;
		background: #fff;
		text-align: center;
		clear: both;
		position: absolute;
		top: 0px;
		right:0px;
		}


	#main #lbox {
		border:1px dashed #000; 
		float:left;
		font-size: 11px;
		background:#eee;
		margin: 4px;
		padding:5px;
		width: 100px;
		text-align: center; 	
		background-color: #ddd
		}


	#main #rbox {
		border:1px dashed #000; 
		float: right;
		font-size: 11px;
		background:#eee;
		margin: 4px;
		padding:5px;
		width: 100px;
		text-align: center; 	
		background-color: #ddd
		}

	#menuleft {
		float: left;
		background:#eee;
		margin-left: 5px;
		}
		

	p { 
		COLOR: #000;
		margin: 10px
		}

h1 {
		margin:0px 10px 10px 10px;
		COLOR: #000;
		font-size:14px;
		padding-top:0px;
		}
h2 {
		margin:0px 10px 10px 10px;
		COLOR: #000;
		font-size:12px;
		padding-top:0px;
		}