html,
body { height: 100%; }

body { margin: 0; padding: 0; text-align: center; background: #000 url(../images/bg.jpg) no-repeat top center; font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; line-height: 150%; color: #fff; font-size: 0.9em;
}

/* Headers */
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0;  padding: 0; font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; }
h1 { padding-bottom: 0.2em; font: 500 1.6em arial, sans-serif; color: #53ae2b; border-bottom: 12px solid #ddd; }
h2 { font-size: 1.2em; color: #53ae2b; }
h3 { text-transform: uppercase; font-size: 0.9em; color: #53ae2b; }
h4 { font-size: 0.85em; }
h5 { font-size: 0.8em; }

/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}

/* Links */
a { text-decoration: none; color: #53ae2b; }
a:hover { color: #cccccc; }
a img { border: 0; }
a img.border { border: 1px solid #000; }
a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;  border: 1px solid #FC3307; }

/* Images */
img.floatRight { margin: 5px 0 10px 10px; }
img.floatLeft { margin: 5px 10px 10px 0; }

/* Lists */
ul li { list-style-image: url(../images/bg/submenu1.gif); }
ol li { font-weight: bold; color: #668FA3; }
ol li span { font-weight: normal; color: #444; }

/* Blockquote */
blockquote { margin: 0; padding: 0 20px; background: #53ae2b; border: 1px solid #fff; }


/**************************************************************
   Form Elements
 **************************************************************/

form { padding: 0;  }

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}


textarea,
select {
  padding: 1px;
  font: 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
  width:160px;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;
  font: 400 0.9em verdana, serif;
  cursor: pointer;
  color: #fff;
  background: #ccc;
  border-width: 1px;
  border-style: solid;
  border-color: #888;
}

input.radio {
  background: none;
  border: 0px;
}