#center{
  margin: 0 auto 0 auto;
  text-align: center;
  border: 0 solid gray;
}

body{
  text-align: center;
  z-index: -50;/*background-position: left;    /*color: #000;*//*  background-repeat: repeat-x; */
  font-family: arial, helvetica, sans-serif;
  font-style: normal;
  font-size: 1em;
  font-weight: normal;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
}
/*#container{             5/
  width: 760px;
  position: relative;
  border: 0px solid gray;
  line-height: 100%;
  font-family: Arial, sans-serif;
  font-weight: normal;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  background-color: #FFCCFF;
  padding-right: 0px;
  padding-left: 0px;
}*/

.wrapper {
  width: 780px;   /* 240927  was 780 */
  height:auto;
position: relative;         /* 240928 added */
background-color:#B3D9FF;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0px;        /* 240927 added */
  padding-left: 0px;             /* 240927  added */
  /*padding: 1px;*/              /* 240927  was 100 */
  border: thin hidden #000000;
  text-align: center;
}
.header{
  width: 780px;   /* 240927  was 780*/
  position: relative;
  height:auto;
  border: 8px solid black;
  line-height: 110%;        /* 240927  was 100 */
  font-family: Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 0px;
  margin-left: auto;    /* 240927  was auto */
  margin-right: auto;            /* 240927  was auto */
  margin-top: 5px;
  background-color: black;
  padding-right: 0px;       /* 240927  was 0 */
  padding-left: 0px;        /* 240927  was 0 */
  padding-top:10px;
  display:block;
 }
 .content {               /* 5/16/12 */
  display:inline-block;   /* 5/6/12 */
  width: 760px ;   /*!important* 240927 was 780 */
  height:auto;
  text-align:center;
  line-height: 130%;        /* 240927  added */
  position: relative;
  margin-bottom: 0px;
  margin-left: auto;      /* 240927  was auto */
  margin-right: auto;     /* 240927  was auto */
  margin-top: 0px;
  padding-left: 0px;     /* 240927  was 0 */
  padding-bottom: 0px;
  padding-right: 0px;    /* 240927  was 0 */
  padding-top: 0px;
  border:  medium solid  #000000;
  background-color: white;
  background-image:url(images-site/background-logo.gif);
  background-repeat: no-repeat;
 /* background-attachment: fixed;   */
  background-position: right bottom;
}



/*#content {
  display:inline-block;
  width: 760px !important;
  text-align:center;
  position: relative;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  padding-left: 10px;
  padding-bottom: 0px;
  padding-right: 10px;
  padding-top: 0px;
  border:  medium solid  #000000;
  background-color: white;
  background-image: url(images-site/background-logo.gif);
  background-repeat: no-repeat;
   background-position: right bottom;
}    */



#logo{                  /* added 5/6/12 */
  background-color:black;
  display:inline;
}

/* ************************************************************************* */
/*<style type="text/css">  */
 #hmenu {
width:auto;
background: black;
float: none;      /* 5/6/12 was left*/
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin-top: 0px;
margin-left:auto;
Margin-right:auto;
display:inline-block;
z-index:900;
overflow:visible;
 }

div.hmenu-logo {
  background-color: black;
}


#hmenu ul {          /* all levels */
  list-style-image: none;
  margin: 0px;
  padding: 0px;
  width:  auto;               /* 5/16/12*/   /* auto; */
  float: left;
  background-color:black;  /* Added 5/6/12 */
  list-style-type: none;
}

#hmenu a, #hmenu h2 {
display: block;
/*border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;*/
margin: 0px;
border-right: 1px solid  white;/* Added 5/6/12 */
border-left:   1px solid  white;/* Added 5/6/12 */
width:auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;  /* 10/22/24  was 11px */
  font-style: normal;
  font-weight: bold;
}

#hmenu h2 {
color: #fff;
background: black;
text-transform: uppercase;
}

#hmenu a {
color: black;
background: #efefef;
text-decoration: none;
border: 1px  solid  black;
}

#hmenu a:hover {
color: #a00;
  background-color: #CCFFFF
}

#hmenu li {
  position: relative;
  list-style-type: none;
  list-style-image:none;
  white-space:nowrap;
}

#hmenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
  }
#hmenu ul ul {
position: absolute;
z-index: 500;
display: none;
width:  auto;               /* 5/16/12 */

}


#hmenu ul li:hover ul
{display: block;
}

#hmenu ul ul,  #hmenu ul li:hover ul ul,  #hmenu ul ul li:hover ul ul
{display: none;
}

#hmenu ul li:hover ul,  #hmenu ul ul li:hover ul, #hmenu ul ul ul li:hover ul
{display: block;
}


/**************************************************************************** */

/* Vertical Menu *//* Vertical Menu *//* Vertical Menu *//* Vertical Menu *//* Vertical Menu */



.bold{
  font-weight: bold;
}

.borders{
  border: 2px solid #000000;
  border-collapse: collapse;
}

.center{
  margin: auto auto auto auto;
  text-align: center;
}

.chkbox-med{
  height: 20px;
  width: 20px;
  border: 1px solid #000000;
  vertical-align: middle;
}/* Divs*/

.font-blk{
  text-align: center;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #000;

}

.font-white{
  text-align:center;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  color: white;
 }
.font-blk-left{
  text-align: left;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #000;
}

.font-blk-center{
  text-align: center;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #000;
}

.font-blk-u{
  text-align: center;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #000;
  text-decoration: underline;
  font-variant: normal;
}

.font-just{
  text-align: justify;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #000;
}

.font-normal{
  font-weight: normal;
}

.font-red{
  text-align: center;
  font-size: 1.1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #df0000;
}

.font-red-i{
  text-align: center;
  text-decoration: underline;
  color: #F00;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-style: italic;
}

.font-red-u-i{
  text-align: center;
  text-decoration: underline;
   line-height: 110%;        /* 240927  added */
  color: #df0000;
  font-size: 1em;      /*was 1.1 240927*/
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  font-style: italic;
}

.footer-nav{
  background: #fff;
  color: #000;
  width: 98%;
  padding: 0px;
  vertical-align: top;
  font-size: .9em;
  text-align: center;
}

.footerleft{
  text-align: center;
  background: url('images/footerleft.jpg');
  color: #000;
  font-size: .8em;
  font-weight: normal;
}

.footerright{
  text-align: center;
  color: #175;
  font-size: .8em;
  font-weight: normal;
}

.forminput{
  background: #fff;
  color: #000;
  border: 1px solid #c0c0c0;
  padding: 2px;
  margin: 2px 0;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
}/*  Navigation*/

.hr {
  background-color: #0033FF;
  background-position: 60%;
  background-repeat: no-repeat;
  color: #0033FF;
}

.imagecenter{
  margin: auto auto auto auto;
  border: 0;
}

.imageleft{
  float: left;
  display: inline;
  border: 0;
  margin-bottom: 3px;
  margin-left: 2px;
  margin-right: 20px;
  margin-top: 0px;
  padding-left: 15px;
  padding-right:20px;
}

.imageright{
  display: inline;
  float: right;
  margin-bottom: 3px;
  margin-left: 20px;
  margin-right: 2px;
  margin-top: 3px;
  border: 0/*3px double #c0c0c0*/;
}/* hr */

.italic{
  font-style: italic;
}

.justify{
  text-align: justify;
}

.left{
  text-align: left;
}

.main-right{
  padding: 5px 15px;
  vertical-align: top;
  text-align: right;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
}

.main-center{
  padding: 5px 15px;
  vertical-align: top;
  text-align: center;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
}

.main-left{
  padding: 5px 15px;
  vertical-align: top;
  text-align: left;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
}

.main80-center{
  padding: 5px 15px;
  vertical-align: top;
  text-align: center;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
}

 .maintext-right{
  padding: 5px 15px;
  vertical-align: top;
  text-align: right;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
}

.maintext{
  padding: 5px 15px;
  vertical-align: top;
  text-align: justify;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
}

.maintext-center{
  padding: 5px 15px;
  vertical-align: top;
  text-align: center;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
}

.med-text{
  font-size: .8em;
  text-align: left;
}

.menu{
  font-size: .6em;
  text-align: center;
}

.menu-color{
  color: #57163B;
}

.menuright{
  font-size: .6em;
  text-align: right;
}

.no-border{
  border: 0px solid Black;
}

.right{
  text-align: right;
}



.sitename{
  background: #fff url('images/headerbg.jpg');
  color: #723035;
  text-align: center;
  font: bold 1.25em arial, helvetica, sans-serif;
}

.table .yellow{
  margin: 0;
  border-collapse: collapse;
  font-size: 1em;
  padding-top: 4px;
  padding-bottom: 4px;
  background: #FF0;
}

.underline{
  text-decoration: underline;
}

.xlg{
  font-size: 1.1em;
  text-align: justify;
  line-height: normal;
  letter-spacing: normal;
}

.xlg-c{
  font-size: 1.1em;
  text-align: center;
  line-height: normal;
  letter-spacing: normal;
}

.xsml{
  font-size: .7em;
}

.xsml-c{
  font-size: .7em;
  text-align: center;
}

.xsml-right{
  font-size: .7em;
  text-align: right;
}

.xxxlg-c {
  color: #57163B;
  text-align: center;
  font-size: 1.5em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 2px;
}

.xxxsml{
  font-size: .6em;
}

.xxxxlg-l{
  color: #57163B;
  text-align: left;
  font-size: 1.5em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 2px;
}

a:active{
  color: #F00;
  text-decoration: none;
  font-weight: bold;
}

a:hover{
  color: #00F;
  text-decoration: underline;
  font-weight: bold;
}

a:link{
  color: #00F;
  background: inherit;
  font-weight: bold;
}
a:link.wht{
  color: white;
  background: inherit;
  font-weight: bold;
}
/*a:link{
  color: #0000FF;
  text-decoration: none;
  font-weight: bold;
}*/

a:visited{
  color:#0000FF; /*#66CCFF;*/
  text-decoration: none;
  font-weight: bold;
  background: inherit;
}



/* div.bkg {
 background-image: url(images/background-logo.gif);
 z-index: -50;
  background-position: 700px 650px;
  background-repeat: no-repeat;
  margin-right: auto;
  margin-left:auto;
  width:920px;
  background-attachment: fixed;
}       */

div.color-band{
  background: #06C;
  color: #FFFFFF;
  width: 100%;
}

div.horz_menu{
  text-align: center;
  margin: 0em auto 0em auto;
  border: 0 solid gray;
}

div.hr{
  text-align: center;
  margin-left: 30%;
  margin-right: 30%;
  background: url(images/blue-color-line.gif) no-repeat center;
  width: 40%;
}

div.hr-narrow{
  text-align: center;
  height: 3pt;
  width: 30%;
  margin: 0 auto 0 auto;
  background: url(images/blue-color-line.gif) no-repeat scroll center;
}

div.left{
  margin: 0em auto 0em auto;
  text-align: left;
  border: 0 solid gray;
}

div.narrow-40{
  margin: auto 30% auto 30%;
  text-align: left;
  border: 0 solid gray;
}

div.narrow-60{
  margin: auto 20% auto 20%;
  text-align: left;
  border: 0 solid gray;
}

div.narrow-80{
  margin: auto 10% auto 10%;
  text-align: left;
  border: 0 solid gray;
}

div.faq{
  margin: auto 10% auto 10%;
  text-align: center;
   border: medium  solid black
}

div.navbar{
  width: 60%;
  margin: 0 40% 0em 40%;
  border: 0px solid gray;
  font: bold .625em Arial, sans-serif;
  text-align: center;
}/*fonts*/

form{
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 1em;
}

h1{
  font-size: 2.5em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  color: #000;
  text-align: center;
  margin-bottom: 4px;
  margin-top: 4px;
  line-height: normal;
}

h2{
  color: #57163B;
  text-align: left;
  font-size: 1.4em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  margin-bottom: 1px;
  margin-top: 4px;
}

h3{
  color: #000;
  text-align: left;
  font-size: 2em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
}

h4{
  text-align: center;
  font-size: 1.75em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  margin-bottom: 0px;
  margin-top: 0px;
  color: #000;
}

h5{
  text-align: center;
  font-size: 1.5em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  margin-bottom:1px;
  margin-top:0px;
}

h6{
  text-align: center;
  color: #F00;
  font-size: .9em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-variant: small-caps;
}

hr{
  color: #9b3d43;
  background: #9b3d43;
  height: 5px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 1px;
}

html{
  height: 100%;
  margin-bottom: 1px;
}

img-bord {
  border: 2px hidden;
  color: #00F;
}/*tables*/

left{
  text-align: left;
}

p{
  text-align: justify;
  font-weight: bold;
}

right{
  text-align: right;
}

table, td{
  margin: 0px auto 0px auto;
  padding: 5px;
  border-spacing: 3px;/*  margin: 5px;    */
  border-collapse: collapse;
  font-size: 1em;
  font-weight: normal;
  text-align: justify;
}

table.bold{
  border: 1px solid black;
  margin: auto auto auto auto;
  padding: 15px;
  border-spacing: 2px;
  border-collapse: collapse;
  font-size: 1em;
  font-weight: normal;
  text-align: justify;
  background: #80ffff;
  line-height: 100%;
}

table.center{
  margin-left: auto;
  margin-right: auto;
}

table.logo{
  text-align: center;
  font-size: .8em;
  border: 1px solid #C4C4C4;
  font-weight: normal;
  border-spacing: 0px;
  border-collapse: collapse;
  table-layout: auto;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

table.nav, td.nav {
  margin-left: 0px;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: auto;
  border: 1px;
  border-collapse: collapse;
  padding: 0px;
  border-spacing: 0px;
  background: transparent;
  vertical-align: top;
}

table.tight, td.tight{
  padding: 1px;
  margin: 0;
  border-collapse: collapse;
  font-size: .75em;
}

table.yellow{
  margin: 0;
  border-collapse: collapse;
  font-size: 1em;
  padding-top: 4px;
  padding-bottom: 4px;
  background: #FF0;
}

td.bold{
  padding: 10px;
  margin: auto 5px auto 5px;
  border: 1px;
  border-collapse: collapse;
  font-size: 1em;
  font-weight: bold;
  text-align: justify;
}

td.logo{
  text-align: center;
  font-size: .8em;
  font-weight: normal;
  border-spacing: 0px;
  border-collapse: collapse;
  margin: 1px 1px 1px 1px;
  padding: 5px 5px 5px 5px;
  line-height: 100%;
}

ul#vmenu li {
  position: relative;
  list-style-type: none;
  margin: auto;
  list-style-image: none;
  padding: 0px;
  width: auto;
}

ul#vmenu li li {
  width: auto;
  float: none;
}

ul#vmenu, ul#vmenu ul {
  border-bottom: black 1px solid;
  list-style-type: none;
  margin: 0px;
  list-style-image: none;
  border-right: black 1px solid;
  padding: 0px;
  width: auto;
  height: 10px;
}

ul{
  font-size: 1em;
  margin-left: 20px;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 0px;
  padding-top: 0px;/*list-style-image:  url('images/bullet.gif')*/
  list-style-type: square;
 list-style-position: outside;
}


li{
/*  text-align: left;     5/16/12               */
    font-size: 1em;
  margin-left: 0px;
  padding-bottom: 0;
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 0px;/*list-style-image:  url('images/bullet.gif')*/
  list-style-type: square;
 list-style-position: outside;
}

ul.faq{
  font-size: 1em;
  text-align:left;
  margin-left: 50px;
  padding-bottom: 0;
  padding-left: 30px;
  padding-right: 0px;
  padding-top: 0px;/*list-style-image:  url('images/bullet.gif')*/
  list-style-type: square;
  list-style-position: inside;
  outline-color: red;
  outline-style: none;
  outline-width: medium;
}

li.faq{
  color:black;
  font-size: 1em;
  margin-left: 0px;
  padding-bottom: 0;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;/*list-style-image:  url('images/bullet.gif')*/
  list-style-type: square;
  list-style-position: inside;
  outline-color: red;
  outline-style: none;
  outline-width: medium;
}

  /*Indent paragraph*/
  .indent {
  margin-left: 30px;
}

/*Start CSS Carousel  https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow<style>*/

* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
/*end CSS Carousel  https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow<style>*/

