/* Common classes */
      * { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Arial, sans-serif; }
      HTML, BODY { margin: 0; padding: 0; width: 100%; height: 100%; }
      .clear { display: block; clear: both; width: 100%; height: 1px; margin: 0; padding: 0; overflow: hidden; }
      .clearm { display: block; clear: both; width: 100%; height: 8px; margin: 0; padding: 0; overflow: hidden; }

/* Image alignment classes */
      .phl { float: left; margin: 5px 16px 16px 0px; }
      .phr { float: right; margin: 5px 0px 16px 16px; }
      .phc { display: block; width: 100%; text-align: center; }
      .phl2 { float: left; margin: 16px 0px 16px 0px; }
      .phr2 { float: right; margin: 16px 16px 16px 0px; }

      .imgc { cursor: pointer; overflow: hidden; margin: auto; }
      .galcpr { cursor: pointer; overflow: hidden; margin: auto; text-align: left; padding-left: 10px; width: 180px; height: 220px;}
      .galcpr2 { margin: auto; text-align: center; padding: 0 10px 0 10px; width: 180px; margin-bottom: 8px; }

/* Calendar classes */
      #calendarcover { position: absolute; top: 0; left: 0; z-index: 999; visibility: hidden; }
      #calendar { z-index: 1000; position: absolute; visibility: hidden; }
      #calendar * { font-family: Arial, sans-serif; font-size: 11px; }
      .calt { border: 1px solid #515864; background-color: #FFFFFF; }
      .calhdr { background-color: #515864; height: 20px; }
      .calc { width: 20px; height: 16px; }
      A.caln:link, A.caln:active, A.caln:visited, .caln { color: #FFFFFF; font-weight: bold; text-decoration: none; }
      A.caln:hover { color: #A4CEEA; }

      A.cald:link, A.cald:active, A.cald:visited { display: block; background-color: #FFFFFF; width: 16px; height: 12px; text-decoration: none; text-align: right; }
      A.cald:hover {background-color: #CFD9E9; }
      .cnow, A.cnow { color: #009900 !important; }
      .cnor, A.cnor { color: #000000 !important; }
      .cout, A.cout { color: #CEDBF0 !important; }
      A.cout:hover { color: #FFFFFF !important; }
      .chol, A.chol { color: #990000 !important; }
      .calw { text-align: center; background-color: #A7AFBE; width: 20px; height: 16px; }

/* Site layout classes */
      H1 { width: auto; float: left; font-size: 10pt; font-weight: bold; color: #0D2D4C; margin: 0; padding: 0; height: 20px; line-height: 20px; overflow: hidden; vertical-align: middle; }
      H2 { width: auto; float: left; font-size: 9pt; font-weight: bold; color: #486F96; margin: 0; padding: 0; height: 20px; line-height: 20px; overflow: hidden; vertical-align: middle; }
      H2.faq { display: block; font-size: 10pt; width: 100%; font-weight: bold; color: #486F96; margin: 16px 0 8px 0; padding: 0; border-top: 1px solid #CCCCCC; }
      H3 { color: #FF0000; font-size: 9pt; margin-top: 0px; }

      H4 { background-color: #EDEDED; height: 20px; width: auto; line-height: 20px; vertical-align: middle; text-align: right; padding: 0 4px 0 0; font-weight: normal; color: #336699; font-size: 9pt; margin: 0; width: 320px; overflow: hidden; }
      H4 B { color: #336699; }

      .nobold { float: left; font-weight: normal; font-size: 10pt; color: #486F96; margin: 0 0 0 6px; padding: 0; height: 20px; line-height: 20px; }

      .inside-box { padding: 4px 8px 4px 12px; font-size: 9pt; text-align: left !important; }
      .inside-prod { padding: 0; margin: 0; font-size: 9pt; text-align: center !important; }
      .w240 { background-color: #FFFFFF; width: 240px; margin: 0 0 8px 0; }
      .w450 { background-color: #FFFFFF; width: 450px; margin: 0 0 8px 0; }
      .w700 { background-color: #FFFFFF; width: 700px; margin: 0 0 8px 0; }
      .prod-box { background-color: #FFFFFF; float: left; width: 168px; margin: 0 2px 2px 0; }

      .frame-topleft { background: transparent url('../i/frt.gif') no-repeat top left; height: 4px; margin: 0; padding: 0 0 0 4px; overflow: hidden; }
      .frame-topright { background: transparent url('../i/frt.gif') no-repeat top right; height: 4px; margin: 0; padding: 0; overflow: hidden; }
      .frame-bottomleft { background: transparent url('../i/frb.gif') no-repeat top left; height: 4px; margin: 0; padding: 0 0 0 4px; overflow: hidden; }
      .frame-bottomright { background: transparent url('../i/frb.gif') no-repeat top right; height: 4px; margin: 0; padding: 0; overflow: hidden; }
      .frame-left { background: transparent url('../i/frs.gif') repeat-y left; margin: 0; padding: 0; }
      .frame-right { background: transparent url('../i/frs.gif') repeat-y right; margin: 0; padding: 0; }
      .header-left { background: transparent url('../i/hdr.gif') no-repeat top left; height: 20px; margin: 0 4px 0 4px; padding: 0 0 0 8px; overflow: hidden; }
      .header-right { background: transparent url('../i/hdr.gif') no-repeat top right; height: 20px; margin: 0; padding: 0; overflow: hidden; }

      #main-menu { margin-bottom: 8px; }
      #main-menu A:link, #main-menu A:active, #main-menu A:visited { display: block; width: 100px; height: 24px; line-height: 24px; text-align: center; vertical-align: middle; font-weight: bold; color: #486F96; font-size: 9pt; text-decoration: none; }
      #main-menu A:hover { color: #990000; }
      #main-menu TD { background: #FFFFFF url('../i/mmback.gif') repeat-x; }

      #secondary-menu, #secondary-menu A:link, #secondary-menu A:active, #secondary-menu A:visited { font-weight: normal; color: #666666; font-size: 10pt; text-decoration: none; }
      #secondary-menu A:hover { color: #990000; }

      #splash-div { margin-bottom: 8px; }
      #splash-div2 { margin-bottom: 8px; background: #FFFFFF url('../i/flashback.jpg') no-repeat top left; }

      .tdr { border-right: 1px solid #D3D1D1; }

      #search-form { margin: 0; padding: 0; }
      .search-box { border: 1px solid #666666; width: 150px; height: 22px; margin-right: 8px; vertical-align: middle; font-size: 8pt; }
      .search-btn { border: 1px solid #666666; width: 80px; height: 22px; font-weight: bold; vertical-align: middle; background-color: #F4F4F4; color: #666666;  font-size: 8pt; }

      .inside-box A:link, .inside-box A:active, .inside-box A:visited { color: #26384B; text-decoration: underline; }
      .inside-box A:hover { color: #990000; }

      .black { color: #000000; text-decoration: none; font-size: 9pt; }
      .blue { color: #486F96; text-decoration: none; font-size: 9pt; }
      .selector { border: 1px solid #486F96; }
      .control { border: 1px solid #CCCCCC; }

      A.side:link, A.side:active, A.side:visited { padding-left: 12px; background: transparent url('../i/alink.gif') no-repeat top left; color: #486F96; text-decoration: none; line-height: 15px;}
      A.side:hover { color: #990000 }
      A.sidesub:link, A.sidesub:active, A.sidesub:visited { padding-left: 24px; background: transparent url('../i/aslink.gif') no-repeat top left; color: #486F96; text-decoration: none; line-height: 15px;}
      A.sidesub:hover { color: #990000 }
      A.sidena:link, A.sidena:active, A.sidena:visited { color: #486F96; text-decoration: none; line-height: 15px;}
      A.sidena:hover { color: #990000 }
      A.sidesm:link, A.sidesm:active, A.sidesm:visited { color: #486F96; text-decoration: none; line-height: 15px; font-size: 7pt; }
      A.sidesm:hover { color: #990000 }
      A.ndate:link, A.ndate:active, A.ndate:visited, .ndate { color: #FF0000; text-decoration: none; }
      A.ndate:hover { color: #990000 }
      A.ntext:link, A.ntext:active, A.ntext:visited { color: #486F96; text-decoration: none; line-height: 15px; float: right; display: block; width: 525px; clear: none; }
      A.ntext:hover { color: #990000 }

      A.bl:link, A.bl:active, A.bl:visited { color: #486F96; text-decoration: none; font-size: 8pt; font-weight: bold; }
      A.bl:hover { color: #990000 }

      .line25 { line-height: 25px; }
      .fixdate { display: block; float: left; width: 150px; }
      .fixtext { display: block; float: right; width: 525px; padding: 0; margin: 0; }

      .prod-box A:link, .prod-box A:active, .prod-box A:visited { text-align: center; color: #486F96; font-size: 9pt; text-decoration: none; }
      .prod-box A:hover { color: #990000; }
      .cntblock { margin-bottom: 12px; text-align: justify; line-height: 16px; }

.file { display: block; padding: 4px 0 8px 20px; line-height: 14px; margin: 0 0 0 8px; }
.files { display: block; padding: 4px 0 4px 20px; line-height: 14px; margin: 0 0 0 8px; }
.filesss { display: block; padding: 4px 0 4px 20px; line-height: 14px; margin: 0; }
.filenw { display: block; padding: 4px 0 8px 20px; line-height: 14px; margin: 0 0 12px 0; }
.html { background: transparent url('../ico/html.gif') no-repeat top left; }
.zip { background: transparent url('../ico/zip.gif') no-repeat top left; }
.doc { background: transparent url('../ico/doc.gif') no-repeat top left; }
.pdf { background: transparent url('../ico/pdf.gif') no-repeat top left; }
.ppt { background: transparent url('../ico/ppt.gif') no-repeat top left; }
.txt { background: transparent url('../ico/txt.gif') no-repeat top left; }
.xls { background: transparent url('../ico/xls.gif') no-repeat top left; }
.arc { background: transparent url('../ico/arc.gif') no-repeat top left; }
.fileheader { background-color: #EDEDED; border-bottom: 1px solid #CCCCCC; color: #797979; font-size: 9pt; }
.catheader { background-color: #CCCCCC; color: #797979; font-size: 9pt; font-weight: bold; }
.nor { padding: 0; font-size: 9pt; }

A.subm:link, A.subm:active, A.subm:visited  { display: block; width: auto; overflow: hidden; height: 20px; text-decoration: none !important; line-height: 20px; vertical-align: middle; padding: 0 4px; font-size: 9pt; font-weight: bold; color: #486F96 !important; }
A.subm:hover, A.subms { display: block; width: auto; overflow: hidden; height: 20px; text-decoration: none !important; line-height: 20px; vertical-align: middle; padding: 0 4px; font-size: 9pt; font-weight: bold; background-color: #EDEDED; color: #990000 !important; }
.ddm { display: none; position: absolute; width: 195px; top: 0; hidden; z-index: 1000; background-color: #FBFAFA; border: 1px solid #CCCCCC; opacity:.90; filter: alpha(opacity=90); -moz-opacity: 0.90; }
.smmore { background: url('../i/submenu.gif') right no-repeat; }
.smmore:hover { background: #EDEDED url('../i/submenu.gif') right no-repeat !important; }

.outvideo { display: block; position: relative; width: 642px; height: 405px; padding-bottom: 4px; background-color: #CCCCCC; text-align: center; margin: auto;  border: 1px solid #FFFFFF; }
.blankvideo { display: block; position: relative; width: 640px; height: 385px; margin-bottom: 2px; background-color: #FFFFFF; }

.btl { font-size: 8pt; color: #515864; text-align: center; padding-bottom: 8px; }
.btl A:link, .btl A:active, .btl A:visited { font-size: 8pt; color: #212834; text-decoration: none; }
.btl A:hover { color: #990000; }
.req { font-size: 9pt; color: #FF0000; }
.bgshade { background: transparent url('../i/bgr.png') repeat-y top center; text-align: center; }
.bginner { background: none repeat scroll 0 0 #FFFFFF; margin: 0 auto; text-align: left; width: 986px; }

      A.prod-cat:link, A.prod-cat:active, A.prod-cat:visited { color: #AAAAAA; text-decoration: none; font-size: 12pt; font-weight: bold; }
      A.prod-cat:hover { color: #990000; }