* {
  padding: 0;
  margin: 0 }


body {
  font-size: 62.5%; 
  font-size: 0.8em;
  font-family: Verdana, Arial, sans-serif;
  background: gray }


a, a:visited {
  color: red;
  font-weight: bold;
  text-decoration: none }


a:hover {
  text-decoration: underline }


a img, a:hover img, a:visited img {
  margin-top: 3px;
  border: none;
  background: white;
  vertical-align: bottom }


h1 a img, h1 a:hover img, h1 a:visited img {
  margin-top: 0px }


.centerImage {
  text-align: center }


#page {
  color: black;
  background: white;
  margin: 0px auto 0px auto;
  width: 760px;
  border: 3px solid black }


#header {
  text-align: right;
  background: url(img/logo-bg.jpg) center center;
  height: 180px }


#right {
  width: 18%;
  margin-right: 25px;
  float: right }


/* IE6 */
* html #right {
  width: 18%;
  margin-right: 12px;
  float: right }


#left {
  width: 72.5%;
  text-align: justify;
  margin-left: 25px;
  margin-top: 25px }


#foot {
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
  clear: both;
  background: black;
  color: white }


.box {
  text-align: right;
  padding-top: 5px;
  margin-top: 25px;
  background: rgb(204,204,204) }


.boxWide {
  padding-top: 5px;
  margin-top: 25px;
  margin-bottom: 25px;
  background: rgb(204,204,204) }


h1 {
  font-size: 1.2em }


h2 {
  font-size: 0.8em;
  color: red;
  text-transform: uppercase }


#right ul {
  font-size: 0.7em;
  text-align: left;
  text-indent: -1em;
  margin-left: 1em;
  line-height: 1.33em;
  list-style: none }  


#left ul {
  font-size: 0.8em;
  text-align: justify;
  line-height: 1.33em;
  list-style: none }  


p {
  margin-bottom: 1em }