
   /* structure */

   body { background: #1D000E url('/images/bg.gif') center top; text-align: center; }
   body, div { margin: 0px; }
   #container 
   { 
      margin: 0px auto 0px auto; width: 970px; text-align: left; color: #000000; 
      background-color: #FFFFFF; font: 16px/20px Georgia, serif; 
   }
   #primary { width: 580px; float: left; margin: 40px 0px 40px 40px; }
   #secondary { float: right; width: 270px; margin: 40px 40px 40px 0px; }
   #secondary ul { margin: 10px 0px 10px 0px; padding: 0px; list-style-type:none; }
   #secondary ul li { margin: 0px; padding: 4px 0px 4px 0px; }
   #secondary ul ul, #secondary li ul { list-style-type: square; margin-left: 30px; font-size: 13px; }
   #footer { clear: both; margin: 40px; padding-top: 20px; border-top: 1px solid #000000; }
   .column { width: 270px; }
   #hd 
   { 
      background: #E9AA43 url('/images/hd-bg.jpg') top left no-repeat; padding: 0px 40px 0px 40px; 
      height: 173px; overflow: hidden;
   }
   #topline { width: 364px; float: right; text-align: right; margin-top: 15px; height: 20px; overflow: hidden; }
   #topline form { display: inline; }
   #menu { width: 580px; float: right; text-align: left; margin-top: 15px; height: 100px; } 
   td, input, textarea, select { font: 13px/19px Georgia, serif; }
   input#terms { width: 133px; height: 20px; background-color: #F1C988; color: #000000; border: 0px; padding: 0px; }
   #primary li { padding: 4px 0px 4px 0px; }

   /* type and layout */

   .gt { color: #8D0043; }
   .left { float: left; margin: 2px 20px 12px 0px; }
   .right { float: right; margin: 5px 0px 15px 20px; }
   div.right, div.left { width: 270px; }
   div.callout
   { 
      float: right; width: 300px; margin: 2px 0px 12px 20px; 
      background: transparent url('/images/quotes.gif') center center no-repeat;
   }
   .callout p, .callout div { padding: 0px 35px 0px 35px; font-size: 16px; line-height: 20px; }
   #footer, small, .left, .right { color: #666666; font-size: 12px; }
   .left, .right { line-height: 16px; }
   div.box { border: 1px solid #8D0043; padding: 10px; }

   /* headers */

   h2 { font: normal 26px/28px Georgia, serif; margin-top: 10px; }
   h3 { font: bold 16px Georgia, serif; margin-top: 10px; }
   h5 
   { 
      text-align: center; padding: 3px; color: #FFFFFF; background: #E9AA43 url('/images/h5.gif') center center repeat-x;
      font: bold 13px/13px Georgia, serif; margin-top: 0px;
   }
   h6 { font: bold 11px/14px Arial, sans-serif; margin: 0px; text-transform: uppercase; letter-spacing: 1px; color: #8D0043; }
   .intro { font-size: 20px; line-height: 23px; }
   .quote 
   { 
      font-size: 18px; line-height: 26px; color: #000000; margin: 20px 0px 20px 0px;
      padding: 20px 0px 20px 0px; border-top: 2px dotted #E9AA43; border-bottom: 2px dotted #E9AA43; 
   }
   
   .timeline, table td .timeline { font-size: 18px; text-transform: uppercase; letter-spacing: 1px; color: #8D0043; }
   h3.overline { text-transform: uppercase; letter-spacing: 1px; margin: 20px 0px 20px 0px; padding: 20px 0px 20px 0px; border-top: 2px dotted #E9AA43; }
   
   /* icon font */
   
   .material-icons {
     font-family: 'Material Icons';
     font-weight: normal;
     font-style: normal;
     font-size: 24px;  /* Preferred icon size */
     display: inline-block;
     line-height: 1;
     text-transform: none;
     letter-spacing: normal;
     word-wrap: normal;
     white-space: nowrap;
     direction: ltr;

     /* Support for all WebKit browsers. */
     -webkit-font-smoothing: antialiased;
     /* Support for Safari and Chrome. */
     text-rendering: optimizeLegibility;

     /* Support for Firefox. */
     -moz-osx-font-smoothing: grayscale;

     /* Support for IE. */
     font-feature-settings: 'liga';
   }
   
   /* Rules for sizing the icon. */
   
   .material-icons.md-18 { font-size: 18px; }
   .material-icons.md-24 { font-size: 24px; }
   .material-icons.md-36 { font-size: 36px; }
   .material-icons.md-48 { font-size: 48px; }
     
     .material-icons, .side, ul p:before { color:#8D0043; margin-top: 1px; padding-right:5px; float:left;  /* content: "\e039"; */   font-size: 18px;  }

     

    /* expand code */
      
   dl.expanding { margin: 0px; padding: 0px; list-style-type: none; }
   dl.expanding > dt { border-bottom: 1px solid #8D9A99; padding: 10px 0px; margin: 0px 0px 10px 0px; cursor: pointer; }
   dl.expanding > dt h3 { margin: 0px 0px 8px 0px; padding-left: 20px; background: transparent url('images/caret-down.png') left center no-repeat; }
   dl.expanding > dt h3.expanded { background-image: url('images/caret-up.png'); }
   dl.expanding > dt:last-child { border: none; }
   dl.expanding dt h3.expanded dd p { display: none; }

     

   /* links */

   a, a:link, a:visited { color: #3E9FA3; /* color: #25575B; color: #39888E; */ }
   a:hover, a:active { color: #8D0043; text-decoration: underline; }
   a.btn, a.btn:visited, .btn 
   { 
      color: #FFFFFF; background-color: #39888E; font-weight: bold; text-decoration: none; 
      font-size: 14px; cursor: hand; cursor: pointer; padding: 4px; border: 0px;
   }
   a.btn:hover, a.btn:active, .btn:hover
   {
      color: #FFFFFF; background-color: #8D0043; text-decoration: none; 
   }
   #primary p a { font-weight: bold; }

   /* main menu */

   ul#mainMenu, ul#mainMenu ul { padding: 0; margin: 0; list-style-type:none; }
   ul#mainMenu li { float: left; padding: 0px; width: 150px; }
   ul#mainMenu a { display:block; font: 13px Georgia, serif; text-decoration:none; background: transparent; font-weight: normal; }
   ul#mainMenu a:hover { background: transparent; }
   ul#mainMenu ul a { padding: 4px 9px 4px 10px; margin: 0; color: #25575B; font-weight: normal; }
   ul#mainMenu ul a:hover { color: #FFFFFF; background-color: #3E9FA3; text-decoration: none; }
   ul#mainMenu ul
   {
      padding-top: 10px; position: absolute; visibility: hidden; 
      background: #FFFFFF url('/images/menu/submenu.gif') left top repeat-x; padding-bottom: 5px; 
   }
   ul#mainMenu li:hover ul, ul#mainMenu li.hover ul { visibility:visible; }
   ul#mainMenu li li { float: none; border: none; padding: 0; margin: 0; line-height: 12px; font-size: 11px; }
   ul#mainMenu li { behavior: url('/js/hover.htc'); }
   ul#mainMenu, ul#mainMenu li, ul#mainMenu li ul, ul#mainMenu li ul li { z-index: 5; }

   /* slideshow */

   #slideshow { width: 580px; height: 300px; overflow: hidden; z-index: 1; background-color: #000000; }
   .slide 
   { 
      width: 580px; height: 300px; overflow: hidden; margin: 0px; padding: 0px; 
      color: #FFFFFF; font-size: 18px;
   } 
   .slide .caption 
   { 
      background: transparent url('/images/50percent.png') top left no-repeat; 
      height: 200px; position: relative; top: -62px; padding: 15px; 
   }
   .caption .subtitle { font: 11px/16px Arial, sans-serif; color: #CCCCCC; }
   #slidenav { text-align: right; width: 580px; position: relative; top: -18px; z-index: 3; margin-bottom: 20px; }
   #slidenav a
   {
      display: inline; height: 14px; padding: 0px 4px 0px 4px; margin-right: 4px;
      font: normal 11px Arial, sans-serif; text-align: center;
      background-color: #39888E; color: #FFFFFF; text-decoration: none;
   }
   #slidenav a.activeSlide { background-color: #FFFFFF; color: #39888E; }
   #slidenav a:focus { outline: none; }


