body {
	font:	0.8em Verdana, Arial, Helvetica, sans-serif;
	background:#168fce;
	padding:0px;
	margin:0px;
	}
	
a {
	text-decoration:none;
	font-weight:bold;
	color:#c00;
	}
	
pre {
	font-size:11px;
	color:blue;
	}
	
ol {
  margin-right:40px;
  }
li {
  margin-bottom:10px;
  }

#main {
      border:1px solid #000; 
	  background:#fff;
	  }

/* 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:#white;
		margin:0px 10px 0px 0px;
		}
		
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size:1.2em;
		padding-top: 2%;
		}
	
#menu p  { 
		font-size:10px
		}
	
#imagefloat { 
			float: right;
			}
				
/* Navbar style*/

#navcontainer
{
	width: 100%;
	float: left;
	background-color: #000000;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul 
{
	margin: 0;
	padding: 0 0 0 7%;
	color: #FFFFFF;
	letter-spacing: 2px;
	font-weight: bold;
}

#navcontainer ul li a 
	{
	padding: 0.2em 12px;
	background-color: #0000000;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	border-right: 1px solid #94B473;
	}

#navcontainer ul li a:hover
{
	background-color: #168fce;
	color: #FFFFFF;
}

#navlist li a:hover, #navlist li a:active
{
	color: #FFFFFF;
	text-decoration: none;
	background: #000000;
	text-align: left;
}