/* darkred #880000  verylightblue #497ae4 lightblue #3a61b7  darkblue #081234 gray #505050 darkgray #303030 */

body {
   background-color : white ;
   /*
   background-image : url("../images/background2.png") ;
   background-repeat: repeat ;
   */
   }

a:link { color: #081234 ; }
a:visited { color: #303030 ; }
a:hover { color: #3a61b7 ; }
a:active { color: #880000 ; }

.transparent {
   opacity: 1 ;
   }
   
.columns2 {
   column-count: 2;
   column-gap: 20px;
   -moz-column-count: 2;
   -moz-column-gap: 20px;
   -webkit-column-count: 2;
   -webkit-column-gap: 20px;
   }
   
.table {
   margin: auto ;
   text-align: center ;
   display: table;
   width: 100% ;
   border-spacing: 2px ;
   }

.table-row {
   display:table-row;
   }
   
.table-cell {
   display: inline-block ;
   display: table-cell;
   vertical-align:middle;
   }

.buttonshape {
   padding-top: 4px ;
   padding-bottom: 6px ;
   
   -webkit-transition-property: background-color, color ;
   -moz-transition-property   : background-color, color ;
   -ms-transition-property    : background-color, color ;
   -o-transition-property     : background-color, color ;
   transition-property        : background-color, color;

   -webkit-transition-duration: 0.2s, 0.2s ;
   -moz-transition-duration   : 0.2s, 0.2s ;
   -ms-transition-duration    : 0.2s, 0.2s ;
   -o-transition-duration     : 0.2s, 0.2s ;
   transition-duration        : 0.2s, 0.2s ;
   
   box-shadow: 4px 4px 2px 2px gray, -2px -2px 1px 1px #341708 inset, 2px 2px 1px 1px lightgray inset ;
   box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.25), -2px -2px 1px 1px rgba(8,18,52,0.5) inset, 2px 2px 1px 1px rgba(255,255,255,0.5) inset ;
   }

.button:hover {
   color: #f0f0ff ;
   background-color: #3a61b7 ;
   }

.button:active {
   box-shadow: 4px 4px 2px 2px gray, 2px 2px 1px 1px #341708 inset, -2px -2px 1px 1px lightgray inset ;
   box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.25), 2px 2px 1px 1px rgba(8,18,52,0.5) inset, -2px -2px 1px 1px rgba(255,255,255,0.5) inset ;
   }
   
.header-font3 {
   color: #880000 ;
   font-size: 24pt ;
   font-family: Impact, Charcoal, sans-serif ;
   text-shadow: 3px 3px 3px gray ;
   text-shadow: 3px 3px 3px rgba(0,0,0,0.4) ;
   }
   
.header-font2 {
   color: #880000 ;
   font-size: 24pt ;
   font-family: Impact, Charcoal, sans-serif ;
   text-shadow: 3px 3px 3px lightgray ;
   text-shadow: 3px 3px 3px rgba(0,0,0,0.4) ;
   }
   
.header-font1 {
   color: #880000 ;
   font-size: 14pt ;
   font-family: Impact, Charcoal, sans-serif ;
   text-shadow: 3px 3px 3px lightgray ;
   text-shadow: 3px 3px 3px rgba(0,0,0,0.4) ;
   }
   
.CorpName {
   color: #081234 ;
   background-color: #497ae4 ;
   text-decoration: none ;
   }

.CorpName2 {
   color: #081234 ;
   background-color: #d0d0d0 ;
   background-color: RGBA(142,142,142,0.5) ;
   text-decoration: none ;
   }

.header-row a:link {
   color:inherit ;
   text-decoration:none ;
   }

.header-row a {
   color:inherit ;
   text-decoration:none ;
   }

.topic {
   text-decoration: none ;
   background-repeat: no-repeat ;
   background-size: 100% 100% ;
   color: #081234 ;
   }
   
.topic3200 {
   background-image: url("../images/back3200.png") ;
   }
   
.topic3201 {
   background-image: url("../images/back3201.png") ;
   }
   
.topic3210 {
   background-image: url("../images/back3210.png") ;
   }
   
.topic3211 {
   background-image: url("../images/back3211.png") ;
   }
   
.topic3220 {
   background-image: url("../images/back3220.png") ;
   }
   
.topic3221 {
   background-image: url("../images/back3221.png") ;
   }
   
.topic1200 {
   background-image: url("../images/back1200.png") ;
   }
   
.topic1201 {
   background-image: url("../images/back1201.png") ;
   }
   
.topic2300 {
   background-image: url("../images/back2300.png") ;
   }
   
.topic2301 {
   background-image: url("../images/back2301.png") ;
   }
   
.topic2302 {
   background-image: url("../images/back2302.png") ;
   }
   
.topic2310 {
   background-image: url("../images/back2310.png") ;
   }
   
.topic2311 {
   background-image: url("../images/back2311.png") ;
   }
   
.topic2312 {
   background-image: url("../images/back2312.png") ;
   }
   
.current {
   color: #f0f0ff ; 
   background-color: #081234 ;
   }
   
.textblock {
   color: black ;
   font-size: 125% ;
   font-family: Verdana, Geneva, sans-serif ;
   text-align: left ;
   background-color: white ;
   background-color: rgba(255,255,255,0.5)  ;
   padding: 10px ;
   line-height: 1.4em ;
   }

.legalblock {
   color: black ;
   font-size: 100% ;
   font-family: "Times New Roman",Georgia,Serif ;
   text-align: left ;
   background-color: white ;
   background-color: rgba(255,255,255,0.5)  ;
   padding: 10px ;
   }

.indent {
   margin-left: 2em ;
   }
   
.specialword {
   color: #3a61b7 ;
   font-size:300%;
   font-family:'Brush Script MT','Lucida Handwriting',Script,Helvetica;
   text-shadow: 2px 2px 2px lightgray ;
   text-shadow: 2px 2px 2px rgba(0,0,0,0.4) ;
   vertical-align: 20% ;
   }
   
.Footer {
   margin-top: 1em ;
   color: #505050 ;
   font-size: 8pt ;
   text-align: center ;
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif ;
   }
 
.footer-links  {
   margin-top: 2em ;
   text-align: center ;
   border-top: 1px solid #505050 ;
   }

.footer-links  div {
   text-align: center ;
   }

.footer-links  div a {
   color: #505050 ;
   font-size: 12pt ;
   text-decoration: none ;
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif ;
   }

.footer-links  div a:hover {
   color:black ;
   }

.Content {
   color: #081234 ;
   font-size: 12pt ;
   font-family: "Courier New", Courier, monospace ;
   }
   
.Content p {
   color: black ;
   font-size: 125% ;
   /*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif ;*/
   font-family: Verdana, Geneva, sans-serif ;
   background-color: white ;
   background-color: rgba(255,255,255,0.5) ;
   padding: 10px ;
   }

.Content h1 {
   color: #880000 ;
   border-bottom: 4px solid #303030 ;
   text-shadow: 3px 3px 3px lightgray ;
   text-shadow: 3px 3px 3px rgba(0,0,0,0.4) ;
   }
   
.Content h2  {
   color: #3a61b7 ;
   text-align: center ;
   text-shadow: 2px 2px 2px lightgray ;
   text-shadow: 2px 2px 2px rgba(0,0,0,0.4) ;
   }

.Content h2  span{
   border-bottom: 1px solid #303030 ;
   }

.Content h2 a {
   color: #3a61b7 ;
   text-decoration: none ;
   }
   
.Content h2 a:hover {
   color: #081234 ;
   }
   
.emailform {
   width: 100% ;
   }
  
.emailform input {
   width: 100% ;
   }
   
#emailname {
   }

#emailfrom {
   }

#emailmessage {
   height: 11em ;
   width: 100% ;
   }
   
#emailsubmit {
   width: auto ;
   color: black ;
   background-color: #c0c0c0 ; 
   }
   
#emailsubmit:hover {
   background-color: #808080 ; 
   }
   
.header-col {
   }

.header-row {
   }

.colored-border {
   border: 5pt solid #081234 ;
   box-shadow: 4px 4px 2px 2px gray ;
   box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.25) ;
   }
   
/* start 3D rotating card */

.card-container {
   -webkit-perspective: 600;
   -moz-perspective: 600;
   -ms-perspective: 600;
   -o-perspective: 600;
   perspective: 600;

   position: relative;
   
   /* required width and height calculated in javascript for responsive design */
   }
   
.card {
   width : 100%;
   height: 100%;
   position: relative;

   -webkit-transition: all 1s ease-in-out;
   -moz-transition   : all 1s ease-in-out;
   -ms-transition    : all 1s ease-in-out;
   -o-transition     : all 1s ease-in-out;
   transition        : all 1s ease-in-out;

   -webkit-transform-style: preserve-3d;
   -moz-transform-style   : preserve-3d;
   -ms-transform-style    : preserve-3d;
   -o-transform-style     : preserve-3d;
   transform-style        : preserve-3d;
   }
 
.card-face {
   -webkit-transition: visibility 0s ease-in-out 0.2s ;
   -moz-transition: visibility 0s ease-in-out 0.2s ;
   -ms-transition: visibility 0s ease-in-out 0.2s ;
   -o-transition: visibility 0s ease-in-out 0.2s ;
   transition: visibility 0s ease-in-out 0.2s ;

   -webkit-backface-visibility: hidden ;
   -moz-backface-visibility: hidden ;
   -ms-backface-visibility: hidden ;
   -o-backface-visibility: hidden ;
   backface-visibility: hidden;

   position: absolute;
   height: 100%;
   width: 100%;
   }

.card-face { /* fix for IE */
   -ms-backface-visibility: visible ;
   }
   
.card-back {
   visibility        : hidden ; /* fix for IE */

   -webkit-transform: rotateY(180deg) rotateX(180deg);
   -moz-transform   : rotateY(180deg) rotateX(180deg);
   -ms-transform    : rotateY(180deg) rotateX(180deg);
   -o-transform     : rotateY(180deg) rotateX(180deg);
   transform        : rotateY(180deg) rotateX(180deg);
   }
   
.card-front { /* fix for IE */
   visibility        : visible ;
   }

.card-container:hover .card-back { /* fix for IE */
   visibility: visible;
   }
   
.card-container:hover .card-front { /* fix for IE */
   visibility: hidden;
   }
   
.card-container:hover .card {
   -webkit-transform: rotateX(180deg) rotateY(180deg);
   -moz-transform   : rotateX(180deg) rotateY(180deg);
   -ms-transform    : rotateX(180deg) rotateY(180deg);
   -o-transform     : rotateX(180deg) rotateY(180deg);
   transform        : rotateX(180deg) rotateY(180deg);
   }

/* end 3D rotating card */

   
.image-block {
   margin: auto ;
   /*
   background-color: #fef0df ;
   background-color: rgba(8,18,52,0.1) ;
   */
   border: 5pt solid #497ae4 ;
   border: 5pt solid rgba(8,18,52,0.5) ;
   margin: 2px ;
   
   -webkit-transition-property: background-color, color ;
   -moz-transition-property   : background-color, color ;
   -ms-transition-property    : background-color, color ;
   -o-transition-property     : background-color, color ;
   transition-property        : background-color, color;

   -webkit-transition-duration: 0.2s, 0.2s ;
   -moz-transition-duration   : 0.2s, 0.2s ;
   -ms-transition-duration    : 0.2s, 0.2s ;
   -o-transition-duration     : 0.2s, 0.2s ;
   transition-duration        : 0.2s, 0.2s ;
   
   box-shadow: 4px 4px 2px 2px gray ;
   box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.25) ;
   }
   
.image-block:hover {
   background-color: white ;
   border: 5pt solid #3a61b7 ;
   }

.fullwidth {
   max-width: 100% ;
   }

.size-icon {
   vertical-align: middle ;
   max-width: 5% ;
   }

.example-block {
   border: 1px solid gray ;
   }
   
@media screen and (max-width: 767px) {
   .hide-not-on-desktop {
      display: none !important;
      }
   .hide-not-on-tablet {
      display: none !important;
      }
   }
   
@media screen and (min-width: 768px) and (max-width: 1024px) {
   .hide-not-on-mobile {
      display: none !important;
      }
   .hide-not-on-desktop {
      display: none !important;
      }
   }
   
@media screen and (min-width: 1025px) {
   .hide-not-on-mobile {
      display: none !important;
      }
   .hide-not-on-tablet {
      display: none !important;
      }
   }
   
.grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 0px;
    padding-right: 0px;
  }

.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding-left: 0px;
   padding-right: 0px;
   /* <IE7> */
   *padding-left: 0;
   *padding-right: 0;
   /* </IE7> */
   }
.grid-5 > *, .mobile-grid-5 > *, .tablet-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .tablet-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .tablet-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .tablet-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .tablet-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .tablet-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .tablet-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .tablet-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .tablet-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .tablet-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .tablet-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .tablet-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .tablet-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .tablet-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .tablet-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .tablet-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .tablet-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .tablet-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .tablet-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .tablet-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .tablet-grid-33 > *, .grid-66 > *, .mobile-grid-66 > *, .tablet-grid-66 > * {
   /* <IE7> */
   *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "0px");
   *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "0px");
   /* </IE7> */
   }
  
@media screen and (min-width: 1025px) {
   .Content  .grid-50 {
      padding-left: 0px;
      padding-right: 0px;
      }
   .Content  .grid-50 > * {
      /* <IE7> */
      *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "0px");
      *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "0px");
      /* </IE7> */
      }
   }