/* CSS Document - top section of screen */
body {
  margin:0px;
  padding:0px;
  background:#FFF;
  scrollbar-face-color: #DEDEDE;
  /*scrollbar changes not valid CSS but they work! */
  scrollbar-shadow-color: #CCCCCC;
  scrollbar-arrow-color: #990033;
  scrollbar-track-color: #FFFFFF;
  scrollbar-base-color: #DEDEDE;
  scrollbar-darkshadow-color: #999999;
  font-family: Optima, Tahoma;
  font-size:0.8em;
}
div#header {
  position:fixed;
  top: 0px;
  left: 0px;
  height: 56px;
  width:100%;
  background-color:black;
  z-index:2;
}
#header-logo {
  float: left;
	padding-top: 5px;
	padding-left: 20px;
  z-index:2;
}
#header-title {
  float: right;
	padding-top: 20px;
  padding-right: 25px;
  font-family: Optima, Tahoma;
  font-size:16px;
	font-weight: 500;
	letter-spacing: 1px;
  text-align: right;
  color: #FFFFFF;
  z-index:3;
}
div#subheader {
  position:fixed;
  top: 46px;
  left: 0px;
  height: 15px;
  width: 100%;
  background-color: #CC0033;
  text-align: left;
  font-family: Optima, Tahoma;
  font-size: 10px;
  line-height:1.4em;
	letter-spacing: 1px;
  color:#FFFFFF;
  margin: 0px;
  padding: 0px;
  border: 0px none;
  z-index: 2;
  clear: both;
}
div#blueheader {
	position:fixed;
	top:60px;
	left:0px;
	height:80px;
	width:100%;
	border:0px;
	margin:0px;
	background-image:url("../images/blugrad.gif");
	background-repeat:repeat-x;
	z-index: 2;
}
#headerimage {
  float:right;
}
#blueheader form {
  float:right;
  line-height:0.8em;
  border: none;
  padding: 1px;
  clear: left;
  margin: 5px;
}
#blueheader input {
  font-family: Optima, Tahoma;
  font-size:0.7em;
  border: solid 1px #C0E6ED;
}
#blueheader.formLoginButton {
  background-color: #FFFFFF;
  color:#333333;
  font-family: Optima, Tahoma;
  font-size: 2em;
  height: 1em;
}
#blueheader input.formLoginButton:hover {
  background-color:#ababab;
  clear: both;
}