html {
   color: #000000;
   background-color: #FFFFFF;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 11px;
   line-height: 20px;
}

body {
   margin: 0;
   padding: 0;
   text-align: center;
}

/* ---------------------------------------------- */

img.left {
  float: left;
  margin-right: 12px;
}

img.right {
  float: right;
  margin-left: 12px;
}

/* ---------------------------------------------- */

#layout {
   position: relative;
   width: 760px;
   margin: 0 auto;
   padding: 325px 0 12px 0;
   color: #FFFFFF;
   background-color: #001683;
   background-image: url("../gfx/header.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   text-align: left;
}

/* ---------------------------------------------- */

#nav {
   position: absolute;
   top: 82px;
   right: 0;
   width: 260px;
   height: 243px;
   background-image: url("../gfx/nav-bg.jpg");
   background-position: top right;
   background-repeat: no-repeat;
   text-align: right;
}

#nav ul {
   margin: 0;
   padding: 8px 0 0 0;
}

#nav ul li {
   margin: 0 12px 0 0;
   padding: 0;
   list-style-type: none;
}

#nav ul li img {
   border-width: 0;
   vertical-align: bottom;
}

/* ---------------------------------------------- */

#intro {
   position: absolute;
   top: 82px;
   left: 0;
   width: 500px;
   height: 243px;
   padding: 9px 0 0 0;
   color: #000000;
   background-color: transparent;
   background-position: top left;
   background-repeat: no-repeat;
}

#intro h1 {
   margin: 0px 170px 11px 26px;
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 16px;
}

#intro p {
   margin: 11px 170px 20px 26px;
}

/* ---------------------------------------------- */

#content {
   margin: 0 12px;
   padding: 12px;
   color: #FFFFFF;
   background-color: #000658;
   background-image: url("../gfx/content-bg.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   min-height: 430px;
   _height: 430px;
}

#content h1 {
   margin-top: 0;
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 16px;
}

#content p {
   margin-top: 0;
   margin-bottom: 20px;
}

/* ---------------------------------------------- */

#subnav ul {
   position: relative;
   bottom: 20px;
   margin: 0 0 20px 0;
   padding: 0;
}

#subnav ul li {
   float: left;
   width: 150px;
   margin: 0;
   font-size: 10px;
   background-image: url("../gfx/button.gif");
   background-position: left center;
   background-repeat: no-repeat;
   list-style-type: none;
}

#subnav ul li a {
   display: block;
   padding: 0 0 0 14px;
   background-position: left center;
   background-repeat: no-repeat;
   font-weight: bold;
   text-decoration: none;
   line-height: 28px;
}

#subnav ul li a:link,
#subnav ul li a:visited {
   color: #515FC7;
   background-color: transparent;
   background-image: url("../gfx/arrow.gif");
}

#subnav ul li a:hover,
#subnav ul li a:active {
   color: #0015B1;
   background-color: transparent;
   background-image: url("../gfx/arrow2.gif");
}

/* ---------------------------------------------- */

div.text {
   clear: both;
}

/* ---------------------------------------------- */

   h2 {
      font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
      font-size:15px;
      font-weight:bold;
      color:#000000;
      margin:0 0 0 25px;   
   }
      
      img.right {
         float:right;
         margin: 0 0 0 20px;
      }
      
      img.qpcolor {
         margin:20px 0 20px 20px;
      }

#content a {
   color: #ADBADD;
   background-color: transparent;
}

#intro a {
   color: #0015B1;
   background-color: transparent;
}