@charset "utf-8";

/* CSS Document */

body {
    background-color: #646464;
    font-family: Garamond, Arial;
    font-size: 100%;
    color: #333;
    text-align: left;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    background-repeat: repeat-x;
    background-position: top;
    background-image: url(../assets/images/zeas_back1.jpg);
}

#maincontent a:link, #maincontent a:visited {
    text-decoration: none;
    color: #33CDCF;
}
#black_body {
    background-color: #343A40;
}

#maincontent a:hover, #maincontent a:active {
    color: #B5E8E9;
    text-decoration: none;
}
#rightcol .sidebox  a {
    color: #4EE8E5;
}




#container4 {
	width: 90%;
	font-size: 85%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#container {
	width: 95%;
	font-size: 85%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#container2 {
	width: 95%;
	font-size: 95%;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.style1 {
	background-color: #FFF;
	text-align: center;
	border: 3px double #96F;
	padding: 7px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 145%;
	color: #639;
}

#languages {
    float: right;
    text-align: center;
    margin: 7px;
    padding: 2px;
    font-size: 85%;
    letter-spacing: 0.1em;
    color: #666;
    font-weight: normal;
}
.clearfloat {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	width: 1px;
}

.leftfloat {
	margin: 0px;
	padding: 5px;
	float: left;
}

.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.smallcol {
    color: #0B7983;
}
.smallcol h2 {
    color: #239DA2;
}


#rightcol {
    margin: 0px;
    padding: 7px;
    border-left: 2px dotted #2CB6BB;
}
#leftcol {
    margin: 0px;
    padding: 7px;
}

#maincontent {
	background-color: #FFF;
	margin-top: 7px;
	border: 2px ridge #999;
	padding-top: 12px;
	padding-right: 17px;
	padding-bottom: 12px;
	padding-left: 17px;
}
#navigation a:link, .navigation a:visited {
	font-size: 112%;
	color: #F17805;
	padding-right: 7px;
	padding-left: 7px;
	text-decoration: none;
	padding-bottom: 3px;
}
#navigation a:hover, .navigation a:active {
	color: #FFF;
}
#bottom a:link, #bottom a:visited {
    color: #26B0B1;
    text-decoration: none;
}
#bottom a:hover, #bottom a:active {
    color: #96DDD5;
}

#bottom {
    font-size: 80%;
    color: #E3E3E3;
    width: 95%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

#navigation {
	text-align: center;
	padding: 12px;
	color: #EC871D;
	letter-spacing: 0.1em;
	border: 1px groove #666;
	background-color: #333;
	background-image: url(../assets/images/grey_shade.jpg);
	background-repeat: repeat-x;
	font-size: 75%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}
#navigation p {
	margin: 0px;
	padding: 0px;
}
.sideback {
    background-image: linear-gradient(#0f696a, #062b2b);
    margin: 0px;
    color: #F0F0F0;
    font-size: 112%;
    text-align: left;
    padding: 7px;
}

.sideback1 {
	  background-image: linear-gradient(#0f696a, #062b2b);
    margin: 0px;
    color: #F0F0F0;
    font-size: 112%;
    text-align: left;
    padding: 7px;
}
#languages a:hover, #languages a:active {
	color: #09C;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#flash {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	color: #333;
	float: right;
}
#flash p {
	margin: 0px;
	padding: 0px;
}
.sidebox {
    background-color: #09B8BA;
    border: 1px groove #333333;
    text-align: center;
    color: #FFF;
    padding-top: 0px;
}
.sidebox1 {
	background-color: #003399;
	border: 1px groove #333333;
	text-align: center;
	color: #CCC;
	padding-top: 0px;
}
.sidebox2 {
    background-color: #1E9596;
    border: 1px groove #333333;
    text-align: center;
    color: #CCC;
    padding-top: 0px;
}
body p strong {
	margin: 0px;
	padding: 0px;
}
.dot_line {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E78218;
}




#languages a:link, #languages a:visited {
	color: #FFF;
	font-weight: bold;
	margin-right: 5px;
	margin-left: 5px;
	text-decoration: none;
}
#leftcol h1 {
    font-size: 150%;
    font-weight: bold;
    background: -webkit-linear-gradient(#21c6c8, #0c6f70);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: thin solid #2EB8BA;
    padding-top: 12px;
    padding-bottom: 12px;
}
#photorow {
	width: 90%;
}
.phindiv {
	float: left;
	width: 20%;
}
#container3 {
	background-color: #FFF;
}
.rightfloat {
	margin: 0px;
	padding: 0px;
	float: right;
}
.sidebox p {
    padding-left: 7px;
    padding-right: 7px;
}
h3 {
    color: #1E4353;
    text-align: center;
    font-size: 120%;
}
.coloured_block {
    padding: 12px;
    background-color: #E2EBED;
}
.imgpad {
    padding-right: 12px;
}
#bottom_section h1 {
    font-size: 150%;
    font-weight: bold;
    background: -webkit-linear-gradient(#21c6c8, #0c6f70);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: thin solid #2EB8BA;
    padding-top: 12px;
    padding-bottom: 12px;
}
#bottom_section {
    padding-left: 21px;
    padding-right: 21px;
}
.box_row {
  display: flex;
  flex-wrap: wrap;
}

.box {
  display: flex;
  flex-direction: column;
  width: 25%;
  box-sizing: border-box;
  vertical-align: top;
  padding: 0 12px;
  margin: 24px -4px 24px 0;
	text-align: center;
}

@media (max-width: 800px) {
  .box {
    width: 50%;
	  text-align: center;
  }
}
@media (max-width: 450px) {
  .box {
    width: 100%;
	  text-align: center;
  }
}

.box_top {
  padding: 10px;
  text-align: center;
  border-top: 1px solid #bbbbbb;
	 border-right: 1px solid #bbbbbb;
	 border-left: 1px solid #bbbbbb;
}

.box_wording {
  flex: 1 1 auto;                   /* IE need 1 1 auto */
  padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
}

.box_bottom {
 padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
  text-align: center;
  border-bottom: 1px solid #bbbbbb;
	 border-right: 1px solid #bbbbbb;
	 border-left: 1px solid #bbbbbb;
}

 
.box_wording h3 a {
    text-align: center;
    color: #D3191C;
    font-size: 65%;
	 padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
}

.box_row_lg {
  display: flex;
  flex-wrap: wrap;
}

.box_lg {
  display: flex;
  flex-direction: column;
  width: 50%;
  box-sizing: border-box;
  vertical-align: top;
  padding: 0 12px;
  margin: 24px -4px 24px 0;
	text-align: center;
}

@media (max-width: 600px) {
  .box_lg {
    width: 100%;
	  text-align: center;
  }
}

.box_top_lg {
  padding: 10px;
  text-align: center;
  border-top: 1px solid #bbbbbb;
	 border-right: 1px solid #bbbbbb;
	 border-left: 1px solid #bbbbbb;
}

.box_wording_lg {
  flex: 1 1 auto;                   /* IE need 1 1 auto */
   padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}

 
.box_wording_lg h3 a {
	 padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
    text-align: center;
    color: #D3191C;
    font-size: 65%;
}