html {

  margin-bottom: 1px;

}



html,

body {

  height: 100%;

}



body {

  margin: 0;

  padding: 0;

  text-align: center;



  font: 400 0.8em verdana, serif;

  line-height: 180%;



  background: url(../img/bg/fadebg.png) repeat top left;

  background-color: #FFF;

  color: #222;

}



h1, h2, h3, h4, h5, h6, p, dl {

  margin: 0;

  padding: 8px 0;

}



h1 {   

  clear: both;

  font: 400 1.2em helvetica, serif;

  color: #000;  

}



h2 {

  clear: both;

  font: 400 1.1em helvetica, serif;

  color: #FF0000;

}



#page a {

  text-decoration: underline;

  color: #000;

}





#page a:visited {

  text-decoration: none;

  color: #000;

}



#page a:hover {

  color: #CC0000;

}



b {

  padding: 1px 2px;

  background: #D9F5EC;

  border-top: 1px dotted #BDEDDE;

}



ol, ul {

  margin: 10px 30px;

  padding: 0 30px;

}



ol {  

  font-size: 1.2em;

  color: #532406;

  background-color: #FFF;

}



ol span {

  font-size: 0.7em;

  color: #6D6864;

}



ul {

  list-style: none;

}



ul li {

  padding-left: 20px;

  background: #FFF url(../img/bg/bullet.gif) no-repeat;

  background-position: 0 3px;

}





table {

  width: 100%;

  margin-bottom: 10px;

  font-size: 0.9em;

  border-collapse: collapse;

}



table caption {

  margin-top: 10px;

  padding: 0 0 0.5em 3px;



  font: 400 0.9em verdana, sans-serif;

  text-align: left;  

}



table th,

table td {

  text-align: left;

  vertical-align: top;

  padding: 4px 7px !important;

  padding: 6px 10px;

  background-color: #FFF;

}





thead th {

  background-color: #CC0000;

  border-bottom: 1px solid #D4BFBF;

  color: #FFF;

}



tbody tr.dark {

  background-color: #D4BFBF;

}



tbody td {

  border-bottom: 1px solid #DDD;

}





label {

  float: left;

  text-align: right;

  width: 9em;

  padding-right: 1em;

  

}





input,

textarea,

select {

  padding: 4px;

  font: 400 0.8em verdana, sans-serif;

  

  color: #666;

  background: #FFF;

  border-width: 1px;

  border-style: solid;

  border-color: #888 #DDD #DDD #888;  

}





input:focus,

textarea:focus,

select:focus {  

  padding: 3px;

  color: #000;

  background: #FFF;

  border-width: 2px;

}



input.button {

  padding: 1px 10px;



  font: 400 1em verdana, sans-serif;

  cursor: pointer;



  color: #000;

  background: #FFF;

  border-width: 1px;

  border-style: solid;

  border-color: #888 #DDD #DDD #888;

}



.required {

  border-bottom: 1px dotted #CCC;

}







img.floatRight {

  margin: 8px 0px 8px 15px;  

}



img.floatLeft {

  margin: 8px 15px 8px 0px;

}



img.floatCenter {

  margin: 8px 0px 8px 90px;

}



a img {  

  border: 1px solid #999;

}



a:hover img {  

  border: 1px solid #000;

}