/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body {
   margin: 20px 0;
   background: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   color: #666666;
}

img {
   border: none;
}

h1 {
   margin: 0;
   padding-top: 5px;
   text-align: center;
   font-size: 1.5em;
   font-style: italic;
   color: #000000;
}

h2 {
   padding-left: 10px;
   color: #000000;
   font-size: 1.2em;
}

h3 {
   padding-left: 10px;
   color: #000000;
   font-size: 1.1em;
}

a {
   color: #653232;
}

a:hover {
   text-decoration: none;
}

p {
   padding: 3px 10px 3px 10px;
}

/***********************************************/
/* Class tag styles                            */
/***********************************************/
.warn {
   color: #FF0000;
}

.hdr {
   background: url(images/header-bkg.gif) no-repeat;
   height: 40px;
   width: 533px;
}

.pdr {
   height: 29px;
}

.flt {
   float: right;
}

.footer {
   background: #F1E4E4 url(/images/footer-bkg.gif) repeat-x left top;
}

.footer p {
   margin: 0;
   text-align: right;
   font-size: x-small;
   color: #000000;
   }

.footer a {
   color: #666666;
   }

/***********************************************/
/* Div tag styles                              */
/***********************************************/
#menu {
   padding: 0;
}

   #menu ul {
      margin: 0;
      padding: 0;
      list-style: none;
   }

   #menu li {
      display: inline;
   }

   #menu a {
      display: block;
      padding: 10px 20px;
      border-top: 1px solid #EEEEEE;
      text-decoration: none;
      font-weight: bold;
      color: #666666;
   }

   #menu a:hover {
      background: #E5CDCD;
      color: #000000;
   }

   #menu .active a {
      background: #F1E4E4;
      color: #000000;
   }

   #menu .first a {
      border: none;
   }