header {
  text-align: center;
  position: relative;
  background-image: url(images/rotator.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-size: 400%;
  -webkit-animation: h_slide 24s ease-out infinite;
  -moz-animation: h_slide 24s ease-out infinite;
  animation: h_slide 24s ease-out infinite; }


@-webkit-keyframes h_slide {
  0% {
    background-position: 0% bottom; }

  20% {
    background-position: 0% bottom; }

  25% {
    background-position: 33.33333% bottom; }

  45% {
    background-position: 33.33333% bottom; }

  50% {
    background-position: 66.66667% bottom; }

  70% {
    background-position: 66.66667% bottom; }

  75% {
    background-position: 100% bottom; }

  95% {
    background-position: 100% bottom; }

  100% {
    background-position: 133.33% bottom; } }

@-moz-keyframes h_slide {
  0% {
    background-position: 0% bottom; }

  20% {
    background-position: 0% bottom; }

  25% {
    background-position: 33.33333% bottom; }

  45% {
    background-position: 33.33333% bottom; }

  50% {
    background-position: 66.66667% bottom; }

  70% {
    background-position: 66.66667% bottom; }

  75% {
    background-position: 100% bottom; }

  95% {
    background-position: 100% bottom; }

  100% {
    background-position: 133.33% bottom; } }

@keyframes h_slide {
  0% {
    background-position: 0% bottom; }

  20% {
    background-position: 0% bottom; }

  25% {
    background-position: 33.33333% bottom; }

  45% {
    background-position: 33.33333% bottom; }

  50% {
    background-position: 66.66667% bottom; }

  70% {
    background-position: 66.66667% bottom; }

  75% {
    background-position: 100% bottom; }

  95% {
    background-position: 100% bottom; }

  100% {
    background-position: 133.33% bottom; } }


.header {font-family: 'Didact Gothic', sans-serif; color: #372f85;font-size: 34px;}

.headerlink {font-family: 'Didact Gothic', sans-serif;color: #372f85;font-size: 20px;}
a.headerlink:link, a.headerlink:visited,a.headerlink:active {font-family: 'Didact Gothic', sans-serif;color: #372f85;font-size: 20px;text-decoration: none;}
a.headerlink:hover {font-family: 'Didact Gothic', sans-serif;color: #ab3192;font-size: 20px;text-decoration: none;}

.navtitle {font-family: 'Didact Gothic', sans-serif; color: #000000;font-size: 24px;}	
.navbody {font-family: 'Didact Gothic', sans-serif; color: #000000;font-size: 15px;}	
a.navbody:link, a.navbody:visited, a.navbody:active {font-family: 'Didact Gothic', sans-serif; color: #000000;font-size: 15px;text-decoration: none;}
a.navbody:hover {font-family: 'Didact Gothic', sans-serif; color: #ab3192;font-size: 15px;text-decoration: none;}

.prodnav {font-family: 'Didact Gothic', sans-serif; color: #2a63ad;font-size: 12px;}	
a.prodnav:link, a.prodnav:visited, a.prodnav:active {font-family: 'Didact Gothic', sans-serif;font-size: 12px;color: #2a63ad;text-decoration: none;}
a.prodnav:hover {font-family: 'Didact Gothic', sans-serif; font-size: 12px; color: #f36f31;text-decoration: none;}


.supheader {font-family: 'Didact Gothic', sans-serif; color: #2a63ad;font-size: 34px;}
a.supheader:link, a.supheader:visited, a.supheader:active {font-family: 'Didact Gothic', sans-serif; color: #2a63ad;font-size: 34px;text-decoration: none;}
a.supheader:hover {font-family: 'Didact Gothic', sans-serif; color: #ab3192;font-size: 34px;text-decoration: none;}

.supnavbodyblue {font-family: 'Didact Gothic', sans-serif; color: #2a63ad;font-size: 15px;}
.bluetext {font-family: 'Didact Gothic', sans-serif; color: #2a63ad;font-size: 15px;text-decoration: none;}
a.bluetext:link, a.bluetext:visited, a.bluetext:active {font-family: 'Didact Gothic', sans-serif; color: #2a63ad;font-size: 15px;text-decoration: none;}
a.bluetext:hover {font-family: 'Didact Gothic', sans-serif; color: #ab3192;font-size: 15px;text-decoration: none;}

.smallclick {font-family: 'Didact Gothic', sans-serif;font-size: 15px;color: #ab3192;}
a.smallclick:link, a.smallclick:visited, a.smallclick:active {font-family: 'Didact Gothic', sans-serif;font-size: 15px;color: #ab3192;text-decoration: none;}
a.smallclick:hover {font-family: 'Didact Gothic', sans-serif; font-size: 15px; color: #000000;text-decoration: none;}
		
.titleblack {font-family: 'Didact Gothic', sans-serif;color: #000000;font-size: 30px;}
.titleorange {font-family: 'Didact Gothic', sans-serif;color: #ab3192;font-size: 23px;}
p {font-family: 'Didact Gothic', sans-serif;color: #000000;font-size: 23px;}

.navbar {font-family: 'Didact Gothic', sans-serif;font-size: 22px;color: #ffffff;}
a.navbar:link,a.navbar:visited,a.navbar:active {font-family: 'Didact Gothic', sans-serif;font-size: 22px;color: #ffffff;text-decoration: none;}
a.navbar:hover {font-family: 'Didact Gothic', sans-serif; font-size: 22px; color: #ab3192;text-decoration: none;}

.circlenav {font-family: 'Didact Gothic', sans-serif;font-size: 18px;color: #ffffff;}
a.circlenav:link,a.circlenav:visited,a.circlenav:active {font-family: 'Didact Gothic', sans-serif;font-size: 18px;color: #ffffff;text-decoration: none;}
a.circlenav:hover {font-family: 'Didact Gothic', sans-serif; font-size: 18px; color: #ffffff;text-decoration: none;}

.smallclickdark {font-family: 'Didact Gothic', sans-serif;font-size: 15px;color: #00305f;}
a.smallclickdark:link, a.smallclick:visited, a.smallclickdark:active {font-family: 'Didact Gothic', sans-serif;font-size: 15px;color: #00305f;text-decoration: none;}
a.smallclickdark:hover {font-family: 'Didact Gothic', sans-serif; font-size: 15px; color: #ab3192;text-decoration: none;}

.LHDfooter {font-family: 'Didact Gothic', sans-serif; font-size: 11px; color: #ffffff;}
a.LHDfooter:link, a.LHDfooter:visited, a.LHDfooter:active {font-family: 'Didact Gothic', sans-serif; font-size: 11px; color: #ffffff;text-decoration: none;}
a.LHDfooter:hover {font-family: 'Didact Gothic', sans-serif; font-size: 11px; color: #ab3192;text-decoration: none;}

.footertitle {font-family: 'Didact Gothic', sans-serif; font-size: 14px; font-weight:bold;color: #ffffff;}

.footernav {font-family: 'Didact Gothic', sans-serif; font-size: 12px; color: #ffffff;}
a.footernav:link,a.footernav:visited,a.footernav:active {font-family: 'Didact Gothic', sans-serif; font-size: 12px; color: #ffffff;text-decoration: none;}
a.footernav:hover {font-family: 'Didact Gothic', sans-serif;font-size: 12px; color: #ab3192;text-decoration: none;}

.navbottom {border-bottom: 5px solid #2A63AD;background-color: #00305f;}

.navbox:hover {background-color: #2A63AD;}
.activebox {background-color: #2A63AD;}

.HPtopbg {background-image: url(images/HPtopbg.png);background-repeat: no-repeat;}

.HPbotbg {background-image: url(images/HPbotbg.png);background-repeat: no-repeat;border-bottom: 5px solid #2A63AD;}

.bluecircle {background-image: url(images/buttoncircle.png);background-repeat:no-repeat;}
.bluecircle:Hover {background-image: url(images/buttoncircleorange.png);background-repeat:no-repeat;cursor: pointer;}

.supplierimagebox {border: 4px solid #F3F3F3;background: #fff;}
.supplierimagebox2 {border: 4px solid #F3F3F3;background: #ab3192;}

.supplierboarderbox {border-bottom:5px solid #2A63AD;cursor: pointer;}
.supplierboarderbox:hover {background-color: #efefef;cursor: pointer;}
.supplierboarderbox2 {border-top:5px solid #2A63AD;cursor: pointer;}

.left{float:left;margin-bottom: 10px;padding:2;}
.allround2 {border: 1px solid #000;	background-color: #fff;}

div.relative {position: relative;width: 1000px; } 
div.absolute {position: absolute;top: 0px; right: 0; width: 300px; height: 300px;border: 0px solid #00305f;}
.textwrap {float: right; padding: 10px;}

.btn {
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  color: #ffffff;
  font-family: 'Didact Gothic', sans-serif; font-size: 11px; color: #ffffff;
  background: #00305f;
  padding: 0px 10px 0px 10px;
  text-decoration: none;
}

.btn:hover {
  background: #ab3192;
  text-decoration: none;
}


/* Dropdown Button */
.dropbtn {
    color: white;
    padding: 10px;
font-family: 'Didact Gothic', sans-serif;font-size: 22px;color: #ffffff;
text-decoration: none;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
  
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
left: 20px;
    top: 50px;
font-family: 'Didact Gothic', sans-serif;font-size: 18px;color: #ffffff;
text-decoration: none;
    background-color: #00305f;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #ffffff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #2A63AD;color: #ab3192;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;

}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #2A63AD;
color: #ab3192;
}





/* The container <div> - needed to position the dropdown content */
.activedropdown {
    position: relative;
  background-color: #2A63AD;
}

/* Dropdown Content (Hidden by Default) */
.activedropdown-content {
    display: none;
    position: absolute;
left: 20px;
    top: 50px;
font-family: 'Didact Gothic', sans-serif;font-size: 18px;color: #ffffff;
text-decoration: none;
    background-color: #00305f;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.activedropdown-content a {
    color: #ffffff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;


}

/* Change color of dropdown links on hover */
.activedropdown-content a:hover {background-color: #2A63AD;color: #ab3192;}

/* Show the dropdown menu on hover */
.activedropdown:hover .activedropdown-content {
    display: block;

}

/* Change the background color of the dropdown button when the dropdown content is shown */
.activedropdown:hover .dropbtn {
    background-color: #2A63AD;
color: #ab3192;
}