html, body {
	height: 100%;
  font-family: "Arial";
	margin-top: 0px;
	margin-bottom: 0px;
}

.wrapper {
	position: relative;
  min-height: 100%;
}

* html .wrapper {
	height: 100%;
}

#content {
	padding-bottom: 6em;
}

.menubar {
	position: relative;
	top: 10px;
	margin-bottom: 20px;
  font-family: "verdana";
  font-size: 12px;
  width: 100%;
  height: 40px;
  background-color: #F8F5F5;
  border: 1px solid #D4D0C8;
}
.crumbsmenu {
  margin: 0px; padding: 0px;
  width: 100%;
  height: 50%;
  background-color: #E0DCD8;
}

.crumbsmenu p {
	left: 4px;
}

.activecrumb {
	font-weight: bold;
}

.menu {
  margin: 0px; padding: 0px;
  margin-left: 3px;
  width: 100%;
  height: 50%;
  text-align: center;
}
.footer {
	position: absolute;
  bottom: 0px;
  font-family: "verdana";
  font-size: 13px;
  width: 100%;
  border-top: 1px solid #D4D0C8;
  text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
.menubar p {
  position: relative;
  margin: 0px; padding: 0px;
  top: 2px;
/*  border: 1px solid #000000; */
}

span.cc {
	margin-top: 3px;
	float: left;
	font-size: 7pt;
	width: 200px;
}

span.cc a img {
	border: none;
}

span.ss {
	margin-top: 3px;
	float: right;
}

span.ss a img {
	border: none;
}

span.ss form {
	margin: 0px;
	padding: 0px;
}

form.pp {
	margin: 0px;
	margin-top: 3px;
	float: right;
}

form.pp p {
	margin: 0px;
	padding: 0px;
}

form.pp2 {
	margin: 0px;
	margin-top: 3px;
}

form p {
	margin: 0px;
	padding: 0px;
}

h1 {
  text-align: center;
  font-size: x-large; font-weight: bold;
}

h2 {
  text-align: center;  
  font-size: large; font-weight: bold;
}

h3 {
  text-align: center;  
  font-size: 100%; font-weight: bold;
}

a.external {
	background: url("images/external.png") center right no-repeat;
	padding-right: 13px;
}