body { background-color: #caffca; font-family: Arial, Helvetica, sans-serif; }
* { margin: 0; padding: 0; }

p { padding: 5px; }
h2 { padding: 5px; }
#Container { margin: 20px auto; width: 1000px; border: 5px solid #00ff00;}
#Page { background-color:#9ef09e; text-align: left; padding:10px;}

#Main {  font-size: 16px;}
#Main ul { margin-bottom: 20px; }
#Main ul li {padding:5px; margin-left: 42px; }
#Main p { padding-left: 10px; }
#Main h { padding-left: 10px; }
#Main a:link{color:#000000; text-decoration:underline;}
#Main a:visited{color:#000000; text-decoration:underline;}
#Main a:hover{color:#0000FF; text-decoration:underline;}
#Main a:active{color:#000000; text-decoration:underline;}

#Banner {background: url("images/final logo green.jpg") no-repeat; background-size: 280px 280px; height: 288px; }

#Contact {position: relative; left: 670px; top: 45px;}
#Contact a:link{color:#000000; text-decoration:none;}
#Contact a:visited{color:#000000; text-decoration:none;}
#Contact a:hover{color:#0000FF; text-decoration:underline;}
#Contact a:active{color:#000000; text-decoration:underline;}
.ContactN {text-align: right; font-size: 18pt; }
.ContactT{text-align: right;}

#Navigation  { background-color:#9ef09e; padding:2px;text-align:center;font-size:12px; border-top: 1px solid #00ff00; border-bottom: 1px solid #00ff00; height: 42px; }
#Navigation ul { list-style:inside none; padding:0; margin:0;}
#Navigation  ul li { list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#Navigation  ul li  a { outline:none; display:block; position:relative; padding:12px 20px; font:bold 16px/100% Arial, Helvetica, sans-serif; text-align:left; text-decoration:none; color:#000000; }
#Navigation  ul li a:hover{background:#ffb13b; border-color:#ffb13b;} 

#Header { background-color:#caffca; text-align: center; padding:10px; }
.list2 { background-color:#caffca; }
.list2 ul {  margin:0;}
.list2 ul li { list-style:inside none; float:left; display:block;  padding:5px 15px; }

.pptable { border-collapse: collapse; border: 1px solid black; }
.tabd { border: 1px solid black; padding-left: 8px; padding-right: 8px;  }
.tabh { border: 1px solid black; padding-left: 8px; padding-right: 8px; font-weight: bold; }

.VacancyInfo { vertical-align: top; text-align: center; padding: 10px 5px;  }
.VacancyDay { font-size: 16px; text-align: center; font-weight:bold; color: #000000; padding: 10px; vertical-align: top; width: 250px;}
.VacancyHeader { font-size: 18px; text-align: center; font-weight:bold; color: #BA6F0C; padding: 10px; vertical-align: top; width: 250px;}
.VacancyUpdate { font-size: 12px; text-align: right; width: 950px; padding: 10px; }

.clear { clear: both }

.indent1 { padding-left: 30px; }
.tstyle1 {  border-collapse: collapse;border: 1px solid black; }

.tstyle1d  { border: 1px solid black; padding: 10px; }
.map { width:95%; Height: 450px; }

.pw { }
.th2 {  font-size: 20px; padding-left: 20px;}
.th3 {  font-size: 16px; padding-bottom: 10px;}
.tp { padding: 5px 0 5px 0; }
.intro { padding-left:20px; }
.navl { float: left; width: 32%; }
.navc { float: left; width: 32%; text-align: center;}
.navr { float: left; width: 32%; text-align: right; }
.pict1 { float: left; width: 400px; border: 1px solid #00ff00; margin: 5px 10px 5px 25px; padding: 10px 20px 5px 20px;}
.pict2 { float: right; width: 400px; border: 1px solid #00ff00; margin: 5px 25px 5px 10px; padding: 10px 20px 5px 20px;}
.pictext { padding: 6px; }
#TourNav { padding: 10px; border-top: 1px solid #00ff00;} 

#EysfMain {  font-size: 16px;background-color:#ffffff;}

.eyfsTitle { text-align: center; font-size:20px; }
.eyfsor { background-color:#ed7d31; color:white; width:31%; height:120px; text-align: center; float:left;  font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsgy { background-color:#a0a0a0; color:white; width:31%; height:120px; text-align: center; float:left; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsdy { background-color:#f5c418; color:white; width:31%; height:120px; text-align: center; float: left; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsdy2 { background-color:#f5c418; color:white; width:22%; height:120px; text-align: center; float: left; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsbl { background-color:#6491d0; color:white; width:22%; height:120px; text-align: center; float: left; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsgr { background-color:#5af424; color:white; width:22%; height:120px; text-align: center; float: left; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsli { background-color:#45e196; color:white; width:22%; height:120px; text-align: center; float: left; font-size: 30px; vertical-align: middle; border:10px solid white; }
.nofloat { clear: both; }

.eyfsHeaddy { border: 1px solid #f5c418; margin: 12px; }
.eysfTitledy { background-color:#f5c418; color:white;  }
.eysfList { padding: 10px; margin: 10px; }
.eyfsHeadbl { border: 1px solid #6491d0; margin: 12px}
.eysfTitlebl { background-color:#6491d0; color:white; }


#Footer { background-color:#0; padding-top:10px;text-align:center;font-size:12px; border-top: 1px solid #00ff00; height:36px; }
#Footer a:link{color:#000000; text-decoration:none;}
#Footer a:visited{color:#000000; text-decoration:none;}
#Footer a:hover{color:#0000FF; text-decoration:underline;}
#Footer a:active{color:#000000; text-decoration:underline;}
#Footer ul {list-style-type:none;}
#Footer  li {display:inline;padding-left:10px;padding-left:10px;}
@media screen and (max-width:1020px)
{
#Container { margin: 0 auto; width: 98%; border: 5px solid #00ff00;}
#ContactDets{ top: 45px; float:right;}
#Contact { left: 0; padding-right: 5px;}
.indent1 { padding-left: 25px; }
.map { width:94%; Height: 450px; }

.navl { float: left; width: 32%; }
.navc { float: left; width: 32%; }
.navr { float: left; width: 32%; }
.pict1 { float: none; width: 100%; }
.pict2 { float: none; width: 100%; }
.eyfsor { background-color:#ed7d31; color:white; width:94%; height: auto; text-align: center; float:none;  font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsgy { background-color:#a0a0a0; color:white; width:94%; height: auto; text-align: center; float:none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsdy { background-color:#f5c418; color:white; width:94%; height: auto; text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsdy2 { background-color:#f5c418; color:white; width:94%; height: auto; text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsbl { background-color:#6491d0; color:white; width:94%; height: auto; text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsgr { background-color:#5af424; color:white; width:94%; height: auto; text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsli { background-color:#45e196; color:white; width:94%; height: auto; text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }

}
@media screen and (max-width:600px)
{
#Container { margin: 0 auto; width: 98%; border: 5px solid #00ff00;}
#Banner {background: url("images/final logo green.jpg") no-repeat; background-size: 180px 180px; height: 188px; }
#Contact { left: 0; padding-right: 5px; top: 0;}
.indent1 { padding-left: 20px; }
#Main p { padding-left: 5px; }
#Main h { padding-left: 5px; }
#Navigation  ul li  a { outline:none; display:block; position:relative; padding:8px 16px; font:bold 15px/100% Arial, Helvetica, sans-serif; text-align:left; text-decoration:none; color:#000000; }
.map { width:94%; Height: 450px; }

.ContactN {text-align: right; font-size: 16pt; }

.list2 ul {  margin:0;}
.list2 ul li { list-style: none;  padding:5px 15px; float: none; }

.navl { float: left; width: 32%; }
.navc { float: left; width: 32%; }
.navr { float: left; width: 32%; }
.eyfsor { background-color:#ed7d31; color:white; width:94%; text-align: center; float:none;  font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsgy { background-color:#a0a0a0; color:white; width:94%;  text-align: center; float:none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsdy { background-color:#f5c418; color:white; width:94%;  text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsdy2 { background-color:#f5c418; color:white; width:94%; text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsbl { background-color:#6491d0; color:white; width:94%; text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsgr { background-color:#5af424; color:white; width:94%;  text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsli { background-color:#45e196; color:white; width:94%;  text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }

}
@media screen and (max-width:490px)
{
#Container { margin: 0 auto; width: 97%; border: 5px solid #00ff00;}
#Banner {background: url("images/final logo green.jpg") no-repeat; background-size: 80px 80px; height: 188px; }
.indent1 { padding-left: 10px; }
#Main p { padding-left: 2px; }
#Main h { padding-left: 2px; }
#Main h2 { font-size: 22px; }
#Navigation  ul li  a { outline:none; display:block; position:relative; padding:3px 3px; font:bold 12px/100% Arial, Helvetica, sans-serif; text-align:left; text-decoration:none; color:#000000; border: solid 1px #00ff00;}
.map { width:94%; Height: 450px; }

.ContactN {text-align: right; font-size: 15pt; }


.navl { float: left; width: 32%; }
.navc { float: left; width: 32%; }
.navr { float: left; width: 32%; }

.pict1 { float: none; width: 100%; }
.pict2 { float: none; width: 100%; }

.eyfsor { background-color:#ed7d31; color:white; width:94%;  text-align: center; float:none;  font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsgy { background-color:#a0a0a0; color:white; width:94%; text-align: center; float:none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsdy { background-color:#f5c418; color:white; width:94%; text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsdy2 { background-color:#f5c418; color:white; width:94%;  text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsbl { background-color:#6491d0; color:white; width:94%; text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsgr { background-color:#5af424; color:white; width:94%;  text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }
.eyfsli { background-color:#45e196; color:white; width:94%;  text-align: center; float: none; font-size: 30px; vertical-align: middle; border:10px solid white; }

}