body {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: #FFFFEE;
	margin: 0;
}
div#logo{
    width: 780px;
	padding: 2px 0 20px 0;
}
#zbarn {
	position: absolute;
	top:15px;
	left:30px;
}
#signin {
	position: relative;
	top:18px;
	left: 600px;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
}
div#menubar {
	position: relative;
    width: 100%;
	height:1.75em;
	margin: 40px 0 0 0;
	background-color:#336699;
}
div#mainpage {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 10px 0 0 15px;
}
div#about {
	position: absolute;
	width: 210px;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	height: 2000px;
	border-right-color: #336699;
	border-right-style:solid;
	border-right-width: 1px;
}


/* other styles */

div#menubar a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:600;
}
ul.aboutitem {
	list-style-type: none;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
}
ul.aboutitem a {
	text-decoration:none;
	font-weight:700;
	color: #336600;
}
ul.aboutitem a:hover {
	color: #FFFFFF;
	background-color:#00FFFF;
	background-image: url(images/wolf.jpg)	
}
.aboutitem ul {
	list-style-type:none;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
}
p.Caption1 {
	width: 220px;
	font-size: 10px;
	padding: 0 0 15px 3px;
	margin: 0 0 0 0;
}
div#menubar a:hover {
	color:yellow;
}
div#menubar ul {
	width:800px;
	margin: 0 0 0 20px;
	padding: .25em 0 0 0;
}
div#menubar li {
	list-style-type:none;
	display:inline;
	padding-left:15px;
	padding-right:15px;
	}
li#currentpage {
	color:#336699;
	background-color:#FFFFFF;
	height:95%;
}
li#currentpage a {
	color:#336699;
}
li#currentpage a:hover{
	color:#336699;
}
li#inactive {
	color:#CCCCCC;
}
#grayed {
	color:#CCCCCC
}