/*<!-- START For Main Template ------------------------------------------------------------------------------>*/

.boxLOGO30 {
  display: inline-block;
  vertical-align:top;
  width: 212px;         /*  width: 185px; */
  min-width:212px;
  height: 100px;
  margin: 1px;
  cursor: pointer;
/*box-shadow: 0 0 20px rgba(0,0,0,0.4);*/ }
.boxLOGO70 {
  display: inline-block;
  vertical-align:top;
  width: 65%;         /*  width: 185px; */
  min-width:300px;
  height: 100px;
  margin: 1px;
  cursor: pointer;
/*box-shadow: 0 0 20px rgba(0,0,0,0.4); */}


.boxGALLERY {
  display: inline-block;
  width: 23%;         /*  width: 185px; */
  min-width:170px;
  height: 60px;
  margin: 5px;
  cursor: pointer;
box-shadow: 0 0 20px rgba(0,0,0,0.4); }
.boxGALLERY:hover {
  opacity: 0.3;
transition: .4s ease;
}

.box2LONG {
  display: inline-block;
  vertical-align:top;
  width: 23%;         /*  width: 185px; */
  min-width:170px;
  height: 120px;      /* 118px */
  margin: 5px;
  cursor: pointer;
box-shadow: 0 0 20px rgba(0,0,0,0.4); }
.box2LONG:hover {
  opacity: 0.3;
transition: .4s ease;
}

.boxTEAM_PROFILE {
  display: inline-block;
  vertical-align:top;
  width: 23%;         /*  width: 185px; */
  min-width:170px;
  height: 220px;      /* 118px */
  margin: 5px;
  cursor: pointer;
box-shadow: 0 0 20px rgba(0,0,0,0.4); }
.boxTEAM_PROFILE:hover {
  opacity: 0.3;
transition: .4s ease;
}
.boxGALLERY {
  display: inline-block;
  vertical-align:top;
  width: 23%;         /*  width: 185px; */
  min-width:170px;
  height: auto;      /* 118px */
  margin: 5px;
  cursor: pointer;
  background-color:#ffffff;  /*ccd4db*/
box-shadow: 0 0 20px rgba(0,0,0,0.4); }
.boxGALLERY:hover {
  opacity: 0.3;
transition: .4s ease;
}





.divide5050box {
  display: inline-block;
  width: 270px;         /*  width: 185px; */
  height: auto;
  margin: 1px; 
  vertical-align: top;}



#footer {
  /*width: auto;
  border-radius: 5px;
  font-family: 'Open Sans', Helvetica, sans-serif;*/
  background: #a20000;    /*~444444 */
  background: -o-linear-gradient(top, #a20000, #303030);     /*#5e5e5e, #303030*/
  background: -ms-linear-gradient(top, #a20000, #303030);
  background: -webkit-linear-gradient(top, #a20000, #303030);
  background: -moz-linear-gradient(top, #a20000, #303030);
  background: linear-gradient(to bottom, #a20000, #303030);
}
.footerbox {
  display: inline-block;
  width: 30%;         /*  width: 185px; */
  min-width:190px;
  height: auto;
  margin: 5px; 
  vertical-align: top;}
.footerbox2 {
  display: inline-block;
  width: 300px;         /*  width: 185px; */
  height: auto;
  margin: 1px; 
  vertical-align: top;}


.simpleButton {
display: inline-block;
  width: 170px;         /*  width: 185px; */
    height: 40px;
  margin: 5px;
  cursor: pointer;
/*box-shadow: 0 0 20px rgba(0,0,0,0.4);*/ 

}
.simpleButton:hover {
  opacity: 0.3;
  transition: .4s ease;}


.quicklinksButton {
	padding: 5px ;
	spacing: 5px;
	text-align: center;
	cursor: pointer;
	color: #8c4503;}
.quicklinksButton:hover {
  opacity: 0.5;
  transition: .4s ease;}


.socialButton{
     display: inline-block;
     margin: 2px; 
     width:40px;   height:40px;}
.socialButton:hover {
  opacity: 0.5;
  transition: .4s ease;}


#slideshow {
  margin: 0px auto;
  position: relative;
  width: 100%;
  height: auto; 
 padding: 0px;
 /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); */
}

#slideshow > div {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}



/*<!-- END OF For Main Template ------------------------------------------------------------------------------>*/


/*<!-- START For Help Popup Menus ----------------------------------------------------------------------------------->*/

/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;   /* <!-- change to hidden for final release   change to visible for editing   -->*/
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 14px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/*<!-- END OF For Help Popup Menus -------------------------------------------------------------------------->*/