<!--
   P { font-family: verdana; font-size: 11px; color: #000000 }
   H2 { font-family: verdana; font-size: 11px; font-weight: bold; color: #000000; padding-top: 4px; margin-bottom: 10px; border-top: 1px solid #C0C0C0 }
   H3 { font-family: verdana; font-size: 11px; font-weight: bold; color: #FF8400 }
   H3 A { text-decoration: none; color: #FF8400 }
   H4 { font-family: verdana; font-size: 11px; font-weight: bold; color: #000000; margin-bottom: 5px }
   H4 A { text-decoration: none; color: #000000 }
   FORM { margin: 0; padding: 0; spacing: 0 }
   FORM INPUT { font-size: 8pt }
   FORM SELECT { font-size: 8pt }
   HTML { height: 100% }
   body         { align: center; background-color: #F6F6F6; margin: 0px }

   /* MASTER ELEMENTS */
   
   #MASTER { width: 776px; float: center; background: url("images/layout/layout-backgroundcolor.gif"); background-image: url("images/layout/backgroundcolor.gif") }
   .BANNER { top: 0px; left: 0px; height: 285px; width: 776px; background: url("images/layout/collage.jpg") }
   .MENU { height: 55px; width: 776px; background-image: url("images/layout/menu.gif"); background-repeat: no-repeat }
   .LOGIN { position: absolute; top: 25px; left: 260px; height: 55px; width: 776px }
   .CONTENT { position: relative; width: 776px; background: url('images/layout/backgroundwithmenu.gif') }
   .FOOTER { width: 776px; height: 33px; background-image: url("images/layout/footer.gif") }
   .INTRODUCTION { position: absolute; left: 470px; top: 80px; height: 194px; width: 272px; padding: 0px; background-repeat: no-repeat; background-image: url("images/layout/layout-introductionbox.gif") }
   .SPOTLIGHT   { position: absolute; top: 280px; left: 470px; height: 137px; width: 272px; padding: 0px; background-image: url('images/layout/layout-spotlightbox.gif'); background-repeat: no-repeat }
   .USERTOOLS { position: absolute; left: 250px; top: 26px; width: 500px; text-align: right }
      
   /* FOOTER CLASS */
   
   .FOOTER { }
   .FOOTER P { color: #808080; font-size: 10px; text-align: right; margin-right: 20px }
   .FOOTER A { text-decoration: none; color: #808080 }


   /* LOGIN CLASS */
   
   .LOGIN P { color: #FFFFFF }
   .LOGIN A { color: #FFFFFF; text-decoration: none }

   /* TITLE CLASS */
    
   .TITLE #TITLE1 { position: absolute; top: 8px; width: 252px; font-family: arial; color: #FFC600; font-size: 18px; font-weight: bold; border-bottom: 1px solid #B7D7E9; margin: 0px; z-index: 2 }
   .TITLE #NAVIGATOR { position: absolute; margin-top: 20px; color: #FFFFFF; z-index: 3 }
   .TITLE #NAVIGATOR A { text-decoration: none; color: #CCCCCC }
   
   /* TOOLS CLASS */
   
   .COLUMN #TOOLS { margin-top: 40px; margin-bottom: 10px } 
   .TOOLS #TOOL {  }
   .TOOLS #TOOL A { text-decoration: none }
   .TOOLS #HEADER { background-color: #FFFFFF; margin-bottom: 5px; padding: 5px }
   .TOOLS SELECT { width: 100%; background-color: #D2F4FF; font-size: 10px }
   .TOOLS #POLLITEM { background-color: #6296CA; color: #FFFFFF; border: 1px solid #FFFFFF; margin-bottom: 2px; margin-top: 2px; padding: 3px }

   /* ARCHIVE */
   
   /* MAIN CLASS */

   .MAIN { position: relative; width: 538px; float: left; top: 10px; left: 7px }
   .MAIN P { line-height: 150% }
   .MAIN h2     { font-family: Verdana; font-size: 11px; color: #D98800; font-weight: bold; border-top: 1px solid #C0C0C0; margin-bottom: 0px; padding-top: 4px }
   .MAIN .THUMB { float: left; border: 1px solid #000000; margin-right: 10px }
   .MAIN .SINGLE { margin: 0px }
   .MAIN .BODY { margin-top: 0px; line-height: 150% }
   .MAIN .NAVIGATOR { color: #808080 }
   .MAIN .NAVIGATOR A { text-decoration: none; color: #808080 } 
   .MAIN .SUMMARY { color: #808080 }
   .MAIN .TOOLS { margin: 0px; margin-bottom: 10px; color: #808080 }
   .MAIN .TOOLS A { text-decoration: none; color: #808080; font-weight: normal }

   .FEATURES { position: relative; float: right; width: 250px; background-image: url('images/layout/featuresback.gif') }
   .FEATURES #THUMB { padding-top: 10px; text-align: center }
   .FEATURES H3 { color: #000000; margin: 0px; padding: 0px; padding-top: 5px; border: 0px; margin-left: 5px }
   .FEATURES #HOLDER { width: 230px; margin: 10px }
   .FEATURES #HOLDER IMG { border: 1px solid #000000; margin-left: 5px; margin-top: 5px }
   .FEATURES P, .SUPPORT P, .PICTURES P { margin: 0px; margin-left: 5px }
   .FEATURES A { color: #000000 }
   .IMAGES P { padding: 0px }
   
   /* RECORD NAVIGATOR */
   
   .RECORDNAVIGATOR { width: 100%; background-color: #FFFFFF; padding: 5px; margin-top: 15px }
   .RECORDNAVIGATOR A { text-decoration: none }
   .RECORDNAVIGATOR A:hover { color: red }
   .RECORDNAVIGATOR #JUMP SELECT { font-family: arial; font-size: 10px }
   .RECORDNAVIGATOR #TOOLS { font-family: arial; font-size: 13px; font-weight: bold }
   .RECORDNAVIGATOR #TOOLS A { color: #000000 }
         
   /* SIDEBAR CLASS */
   
   .SIDEBAR { position: relative; float: left; width: 218px; background-color: #F2F2F2; left: 13px; top: 5px; height: 400px } 
   .SIDEBAR H2 { font-family: verdana; font-size: 11px; font-weight: bold; color: #000000; border-top: 1px solid #C0C0C0; padding-top: 4px; margin-left: 10px; margin-right: 10px }
   .SIDEBAR P { margin-left: 10px; margin-right: 10px }
   .SIDEBAR .BUTTON { border: 1px solid #535353; width: 70px; background: #B4B4B4; color: #FFFFFF; font-weight: bold }
   .SIDEBAR .INPUT { background: #EBEBEB; width: 120px; border: 1px solid #727272 }
   .SIDEBAR .SELECT { background: #EBEBEB; width: 125px; border: 1px solid #727272 }
   .SIDEBAR .ARCHIVE { background-image: url("images/layout/archivebox.gif"); width: 205px; height: 130px; text-align: center; left: 5px; position: relative }
   .SIDEBAR .ARCHIVE IMG { border: 1 solid #000000; margin-left: 5px; margin-right: 5px; margin-top: 6px }
   .SIDEBAR .LEFT { margin-top: 5px; width: 50%; text-align: left; padding-left: 5px; font-weight: bold; color: #000000; font-family: arial; font-size: 10px }
   .SIDEBAR .RIGHT { margin-top: 5px; width: 50%; text-align: right; padding-right: 5px; font-weight: bold; color: #000000; font-family: arial; font-size: 10px }
   .SIDEBAR .LEFT A, .SIDEBAR .RIGHT A { text-decoration: none; color: #000000 }
   
   /* USERTOOLS */

   .USERTOOLS A { text-decoration: none; color: #FFFFFF; font-size: 10px }

   /* NAVIGATOR */
 
   .MENU DIV { padding-left: 20px; padding-top: 12px }
   .MENU A { font-size: 11px; color: #FFFFFF; margin-right: 25px; font-family: arial; text-decoration: none }
   .MENU A:hover { color: red }
 
   /* IMAGES */
   
   .IMAGES { margin-top: 5px }
   .IMAGES IMG { margin: 2px; border: 1px solid #000000 }
   .IMAGES #METADATA { color: #CCCCCC; font-size: 10px }
   .IMAGES #IMAGEDATA { background-color: #999999; display: hide; border: 1 solid #666666; margin-top: 5px }
   .IMAGES #IMAGEDATA P { font-size: 10px; color: #FFFFFF; font-family: Arial; padding: 4px; margin: 0px }
   .IMAGES #FORWARD, .IMAGES #PREVIOUS { font-weight: bold; margin: 0px }
   .IMAGES #FORWARD { color: #000000; text-decoration: none; font-weight: bold }
   .IMAGES #PREVIOUS { color: #000000; text-decoration: none; font-weight: bold }
   .IMAGES #FORWARD A, .IMAGES #PREVIOUS A { color: #000000; text-decoration: none }
   .IMAGES SELECT { width: 20%; margin-right: 5px; font-family: verdana; color: #808080; font-size: 7pt; background-color: #F0F0F0; margin-top: 5px } 

   .table-general { width: 100%; margin-bottom: 10px; font-family: verdana; font-size: 11px; line-height: 130% }
   .table-general TD { padding: 5px; margin-right: 2px; margin-bottom: 2px; color: #000000 }
   .table-general #NORMAL { vertical-align: top; background: #F9F9F9 }
   .table-general #NORMAL A { } 
   .table-general #COVER { text-align: center }
   .table-general #COVER IMG { border: 1px solid #000000 }
   .table-general #HEADER { background: #E9E9E9; vertical-align: top }
   
    #DESCRIPTION { font-size: 11px; color: #000000; margin: 0px }   
    #SUBTITLE { margin: 0px; font-weight: bold }
    #INPUTTEXT { width: 80%; background-color: #FFFFFF; font-size: 10px; height: 20px; border: 1px solid #808080 }
    #INPUTTEXTAREA  { width: 80%; background-color: #FFFFFF; font-size: 10px; font-family: arial; border: 1px solid #808080 }
    #INPUTBUTTON { width: 30%; background-color: #808080; border: 1px solid #B3C5DB; font-size: 10px; color: #FFFFFF; height: 20px }
    #INPUTSELECT { width: 80%; background-color: #FFFFFF; border: 1px solid #B3C5DB; font-size: 10px; height: 20px }
    #FIELDNAME { font-size: 11px; font-weight: bold; color: #000000; margin-bottom: 0px; margin-top: 5px }


.TEXTBODY, .TEXTBODY TABLE { font-family: arial; font-size: 11px }
.TEXTBODY IMG { border: 1px solid #000000; margin: 11px }
.TEXTBODY A { }
.TEXTBODY H1 { font-family: Verdana; font-size: 11px; color: #D98800; font-weight: bold; border-top: 1px solid #C0C0C0; margin-bottom: 0px; padding-top: 4px; font-size: 12px; font-weight: bold; background-image: url('images/icons/icon-greyboxlowered.gif'); background-repeat: no-repeat; padding-left: 15px } 
.TEXTBODY H1 A { }
.TEXTBODY H2 { font-size: 11px; font-weight: bold; margin-bottom: 0px }
.TEXTBODY UL { }
.TEXTBODY OL { }
.TEXTBODY LI { }
.TEXTBODY HR { height: 1px }
.TEXTBODY blockquote { font-style: italic; background-color: #F3F3F3; border: 1px solid #E2E2E2; margin: 5px; padding: 5px; color: #808080 }
.TEXTBODY .BORDERED TD { border: 1px solid #CCCCCC }
.TEXTBODY .BORDERED #HEADER { background: #E2E2E2; font-weight: bold }
.TEXTBODY .BORDERED #FOOTER { background: #E2E2E2 }
.TEXTBODY .BORDERLESS TD { font-family: arial; line-height: 150% }
.TEXTBODY .BORDERLESS #HEADER { background: #E2E2E2; font-weight: bold }
.TEXTBODY .BORDERLESS #FOOTER { background: #E2E2E2 } 

//-->