html {
  padding: 0;
  margin: 0;
  height: 100%;
  margin-bottom: 1px;
}
body {
  background: url(/images/hl-background-fade.jpg) top left repeat-x black;
  font-family: arial, sans serif;
  font-size: 12px;
  background-color: black;
  margin: 0;
  padding: 0;
}
      
label {
  display: block;
  font-weight: bold;
  margin-top: 5px;
}

label.not-required {
  font-weight: normal;
}

img.png {
  behavior: url(/css/iepngfix.htc)
}

#page {
  width: 903px;
  background: url(/images/hl-dropshadow.jpg) 0 0 no-repeat black;
  padding: 0 60px;
  margin: auto;
}


h1 {
  margin-top: 0;
  font-size: 19px;
  color: #444444;
}

h2 {
  margin-top: 0;
  font-size: 19px;
  color: #444444;
  font-weight: normal;
}

#noshow {
  display: none;
}


#static {
  width: 80%;
  margin: auto;
}

#static h2, #static h3 {
  margin: 20px 0 10px 0;
  padding: 0;
}

h3 {
  color: #990000;
}

.error {
  background-color: red;
  color: white;
  padding: 5px;
}

.message {
  background-color: green;
  color: white;
  padding: 5px;
}

.critical {
  color: yellow;
  background-color: red;
  border: solid 2px black;
  padding: 5px;
  margin: 5px 10px 5px 5px;
  text-align: center;
  font-weight: bold;
  display: block; 
}

#bottom-info {
  color: #b47d2c;
  border-style: solid;
  border-color: #b47d2c; 
  border-width: 1px 2px 0 2px; 
  text-align: center;
  padding: 5px 0;
  background-color: #b47d2c;  
}

#bottom-info a {
  color: white;
}


#footer { 
  color: #b47d2c;
  border-style: solid;
  border-color: #b47d2c; 
  border-width: 1px 2px 0 2px; 
  text-align: center;
  padding: 10px 0 5px 0;
}

#hp-image-slider {
  width: 420px;
  height: 525px;
  overflow: hidden;
  position: relative;
}

a.button {
	border-radius: 10px; 
	background-color: silver; 
	padding: 4px 10px; 
	text-decoration: none; 
	border: outset 1px gray; 
	box-shadow: 1px 1px 2px silver;
}

a:hover.button {
	background-color: gray; 
	color: white;
	border: inset 1px gray; 
}