/* Zero out and set defaults */
body, td, th, h1, h2, h3, ul, ol, li, p, form {
  padding: 0px;
  margin: 0px;
  font-family: arial, verdana, helvetica;
  font-size: 12px;
  color: black;
}

td, th {
  padding: 5px; 
}

p {
  padding: 2px 0px 6px 0px; 
  line-height: 1.25em;
}

body {
  background-color: #174c8e;
  background-image: url(/images/background.gif);
  background-repeat: repeat-y;
}


h1 {
  color: #e51837;
  font-family: arial;
  font-size: 20px;
  font-weight: bold;
  padding: 0px 0px 7px 0px;
}

ol li {
  padding: 3px 0px 7px 0px;
}
.h1Color {
  color: #e51837;
}

.h2Color {
  color: #174d8f  
}

a,
a:link,
a:visited,
a:hover,
a:active {
  color: #003371;
  text-decoration: underline;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
}

a:hover {
  color: #e51837; 
}

.note {
  color: #777;
  font-size: 10px;
}

.sectionBg {
  background-color: #f4f3f3
}

.message, .error {
  color: #178C1D;
  font-weight: bold;
  font-size: 14px;
  width: 400px;
  height: auto;
  background-color: #EEE;
  padding: 10px;
  margin: 10px 0px 10px 0px;
  border: 1px solid #178C1D;
}

.error {
  color: #E51837; 
  border: 1px solid #E51837;
}

.errorExplanation {
  position: relative;
  width: auto;
  height: auto;
  padding: 5px 10px 5px 10px;
  margin: 0px auto 10px auto;
  border: 2px solid #E51837;
  background-color: #EEE;
}

.errorExplanation ul {
  padding: 5px 0px 5px 20px; 
}

.errorExplanation h2 {
  color: #E51837; 
}

.fieldWithErrors input {
  background-color: #FFB9B9;  
}

.button {
  font-weight: bold;
  font-size: 11px;
  color: #013778;
  padding: 0px 7px 0px 7px;
  margin: 0px;
  height: 25px;
  width: 100px;  
  background-image: url(/images/button_bg.gif);
  background-repeat: repeat-x;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  cursor: pointer;
}

.button:hover {
  border-top: 1px solid #AAA;
  border-left: 1px solid #AAA;
  border-right: 1px solid #454545;
  border-bottom: 1px solid #454545;
}


#shadow {
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(/images/blue_shadow.jpg);
  width: 100%;
  height: 424px;
  z-index: 1;
}

#topNav {
  position: absolute;
  top: 100px;
  left: 397px;
  width: 450px;
  list-style-type: none;
  background-color: transparent;
}

#topNav li {
  display: inline;
  padding: 0px 0px 0px 38px;
}

#topNav li a,
#topNav li a:link,
#topNav li a:visited,
#topNav li a:hover,
#topNav li a:active {
  color: #CFCFCF;
  text-decoration: none;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
}

#topNav li a:hover {
  color: #FFF;
  text-decoration: underline;
}

#homeLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 350px;
  height: 120px;
  z-index: 30;
}

#footer {
  font-family: verdana;
  position: relative;
  padding: 30px 0px 20px 0px;
  float: left;
  clear: both;
  width: 820px;
  height: auto;
  text-align: right;
  background-color: transparent;
  top: 25px;
}

#footer img {
  float: right;
  margin: 0px 30px 0px 20px;
}

#footer p {
  float: right;
  padding: 3px 0px 5px 0px;
  width: auto;
  font-size: 11px;
}

#footer a {
  padding-left: 20px; 
  font-size: 11px;
}

#mainLogo {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 50;
}