/*  background-color: #ebebeb;*/
/*    background-image: url('images/bg4.jpg'); */
/*{border:0;margin:0;padding:0;} */
{border:0}

#backimage {background-color: #cccccc;} /* defined also in center-column-td */
	
body {font-family: Calibri; font-size: medium; line-height: normal; color: #2f2f2f; background-color: #f3f3f3;}
h1 {text-align: center; font-size: x-large; font-family: "Gill Sans", sans-serif; color: #2f2f2f;}
h2 {color: #2f2f2f; font-family: "Gill Sans", sans-serif; font-size: x-large; text-align: center;}

.header { height:150px; width:100%; }
a, a:link { color: #6666cc; }
a:visited { color: #cc66cc; }
a:hover { color: #6666cc; }

table{empty-cells:show;}
main-page-content {}

tr {border:0;margin:0;padding:0;}

.center-column-td {width:85%; padding:5px; margin:5px; text-align:center; vertical-align: top; background-color:#cccccc} /* note colour of central panel*/
.left-column-td {width:15%; padding:2px; margin:2px;text-align:left; vertical-align:top; background-color:#D6D6D9} /* note colour of side column */
.center-top-image {text-align: center; vertical-align: top;}
.justified-center {text-align: Left; margin: auto; width: 60%; padding: 10px;}
.image-caption{text-align: center; font-size:smaller}
hr {height:1px; background:gray}

figure {text-align: center; font-style: italic; font-size: smaller; display: table; }  /* This can be any width, so long as it's narrower than any image */}
figure img { display: block; width: 100%;}
figure figcaption {display: table-row;}

/* MENU declarations 3 level for title and drop-down lists */

/*nav li {background-color: white; }*/
nav li {background-color: #E0E0C2; }
#main_nav ul {
	width:100%;
	padding: 0px;
      list-style: none;
      font-family: Calibri;
		float: left;
		-webkit-transition: .5s;
		transition: .5s;
		background: #E0E0C2 ;
		font-style: bold;
	}
	
	#main_nav li {
      width: 160px;
      text-align: center;
      line-height: 18px;
		float: left;
		position: relative;
		list-style: none;
		-webkit-transition: .5s;
		transition: .5s;
		font-style: bold;
	}
	
	#main_nav a {
      display: block;      
      padding: 5px 10px;
      color: Black;
		text-decoration: none;
	}

	#main_nav ul ul {
    	  position: absolute;
        top: 100%;
        left: 0;
        margin: 0;
		  visibility: hidden;
		  opacity: 0;
		  font-style: bold;
	}
	
	#main_nav ul ul ul {
		left: 100%;
		top: 0;
		font-style: bold;
	}
	
	#main_nav li:hover, #main_nav li:hover li {
       color: White;
       background: Gainsboro;  
	}
	
	#main_nav li li:hover, #main_nav li li:hover li {
		background: Gray;
	}
	
	#main_nav li li li:hover {
		background: DarkGray;
	}
	
	#main_nav li:hover > ul {
		visibility: visible;
		opacity: 1;
      z-index: 9999;
	}
/* end declarations 3 level for title and drop-down lists */

/*************************************
 * Basic lightbox styles. Notice the
 * default 'display' is 'none'.
 **************************************/

.lightbox {
  /** Hide the lightbox */
  display: none;

  /** Apply basic lightbox styling */
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: black;
  background: rgba(0,0,0,0.8);
}

.lightbox img {
  /** Pad the lightbox image */
  max-width: 100%;
  max-height: 95%;
  margin-top: 2%;
}

.lightbox:target {
  /** Show lightbox when it is target */
  display: block;
  /** Remove default browser outline style */
  outline: none;
}
/*************************************
 * end of lightbox style
 **************************************/
 /*************************************
 * Cookie popup
 **************************************/
 /* 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;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  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 ;}
}
.right-cookie-box {
  float: right;
  right: 0px;
  width: 128px;
  border: 2px solid #73AD21;
  padding: 0px;
}