body
  {
  margin: 0;
  padding: 1em 1em 1em 12em;
  color: #000;
	background: white url('greenery400.jpg') 0% 0% repeat;
	background-attachment: fixed;
  }
div#sphere
  {
  position: absolute;
  bottom: 0em;
  left: -10px;
  width: 300px;
  height:183px;
  background: transparent url("ball_300r.png") 0% 0% no-repeat;
  }
div#menu
  {
  position: absolute;
  top: 0em;
  left: 0em;
  width: 11em;
	background: transparent url('menubg_1x1.png') 0% 0% repeat;
	color:#FFFFFF;
  }
div#menu a
  {
  margin: 0;
	padding: 6px 0 6px 30px;
	display:block;
	font-style: italic;
	font-weight: bold;
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	
	color:white;
	text-decoration:none;
  }
div#menu p {
	margin:0;
	}

div#menu a:link {
	color:white;
	}
div#menu a:visited {
	color:#CCCCCC;
	}
div#menu a:hover {
	color:#CCCCCC;
	background-color:#999999;
	}
div#menu a:active {
	color:#999999;
	}

div#menu p.top {
	margin-top: 30px;
	}
div#menu p.bottom {
	margin-bottom: 1024px;
	}
/* Start IE fix for fixed positioning */
@media screen
  {
  div#menu, div#sphere
    {
    position: fixed;
    }
  /* Don't do this at home */
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    overflow-y: auto;
    height: 100%;
    padding: 0 1em 0 14em;
    font-size: 100%;
    }
  * html div#menu
    {
    position: absolute;  
    }
  * html div#sphere
    {
    position: absolute;  
    }  /* All done. */
  }
/* End IE fix for fixed positioning */

div.title {margin: 0 auto;text-align:center; padding:0;}

.content {
margin:0 auto;
	top:0px;
	right:0px;
	width: 90%;
	max-width:800px;
	/*width:expression(document.body.clientWidth > 800? "800px": "auto" );  buggy IE fix for max-width */
	background: transparent url('whitebg.png') 0% 0% repeat-y;
	}
	
.content h1 {
	padding: 20px 20px 20px 50px;
	}
	
.content p {
	margin:0;
	padding: 0 20px 0 50px;
	}