body {
	background: #036 url(/images/tree_background.gif) no-repeat center 100px;
}

.wrap {
	width: 936px;
}

#container {
	background: none;
}

#masthead {
	background: url(/images/masthead-hp.png) repeat-x top left;
}

#navigation {
	width: 200px;
}

	  ul.audience {
		  width: 180px;
		  margin-left: -70px;
		  border-left: solid 70px #fc0;
		  padding: 15px 0;
		  margin-top: 15px;
	  }
	
	  ul.audience li {
		  border: none;
  	}
	
	  ul.audience li a {
		  color: #fff;
		  border: none;
	  }
	
	  ul.audience li a:hover {
		  color: #fc0;
		  background: none;
	  }

	  ul.menu {
		  margin-top: 0;
		  width: 210px;
		  float: left;
	  }

div.menus {
	float: left;
	margin: 25px 0;
}

div.features {
	clear: left;
}

#body .wrap {
}

#themes {
	margin-top: 10px;
	float: right;
}

#main {
	clear: both;
	width: auto;
	background: #fff;
}

    .content {
		  float: left;
    }

#wh {
	float: right;
	background: #f5f5f5 url(/images/happening.png) no-repeat top left;
	height: 300px;
	padding-left: 21px;
}

#wh .rss {
	height: 58px;
}

#wh .pane {
	background: #f5f5f5;
  overflow: auto; 
  height: 204px; 
  width: 230px;
  padding: 10px 25px 10px 15px;
}

#wh dl {
	
}

#wh dt {
	background: url(/images/wharrow.png) no-repeat 0 5px;
	padding-left: 10px;
}

#wh dt a {
  font: bold 1em Arial;
  color: #666;
  text-decoration: none;
}

#wh dt a:hover {
	text-decoration: underline;
}

#wh dd {
	padding-left: 10px;
	margin: 5px 0 10px 0;
	color: #777;
	font-size: 0.9em;
	color: #69c;
}

div.feature {
	margin-top: 10px;
  background: url(/images/featurebg.jpg) no-repeat center left;
  width: 205px;
  height: 119px;
  padding-top: 4px;
  float: left;
  text-align: center;
}