body {
    font-family: Verdana,Arial,Helvetica,Sans-Serif
  }
  
  #all { background-color: #CCCCCC; }

  #header {
    padding: 1ex;
  }
  #header h1 {
    margin: 0ex;
	font-size: 250%;
	font-weight: normal;
	height: 65px;
  }

,  #headerbar { border-bottom: 1px solid black; }
  #footer { border-top: 1px solid black; }

  #body {
    margin-left: 250px;
    margin-right: 20px;
    padding: 10px;
    font-family: Verdana,Arial,Helvetica,Sans-Serif
  }

  #menu {
	float: left;
	width: 230px;
    padding: 20px 0px 0px 2px;
	color: #b00808;
  }

  .bar {
	clear: both;
	padding: 3px;
	text-align: center;
	font-size: 90%;
    background-color: #AAAAAA;
  }

  .left, .right {
    padding: 0px 1em;
  }

  .left {
	float: left;
	text-align: left;
  }

  .right {
	float: right;
	text-align: right;
  }
  
  #skyline {
	border: 0;
	padding: 0;
	right: 0;
	top: 0;
	position: absolute;
  }
  
  li {
  	margin-bottom: 0.7em;
  }
  
  li li {
	margin-bottom: 0;
  }
  
  h2 {
	font-size: 110%;
  }

  /* styling the menu */

  #menu a, #menu span {
	text-decoration: none;
	font-weight: bold;
	font-size: 108%;
  }

  #menu a:hover {
	text-decoration: underline;
  }

  #menu .webgen-menu-item-selected {
	border-left: 3px solid black;
  }

  #menu ul {
	list-style-type: none;
	padding: 0px;
	margin-left: 10px;
  }

  #menu li > ul {
	font-size: 95%;
  }

  #menu li {
    margin: 0.0em 0px;
    padding: 2px 0px;
    padding-left: 5px;
    border-left: 3px solid #CCCCCC;
  }

  ul.close li {
    margin: 0;
    padding: 0;
  }