﻿*{padding:0px;margin:0px;}
a{text-decoration:none;}
h2{color:#467aa7;font-family:Georgia,serif;font-size:2.2em;font-weight:400;margin:0px 0px 10px 0px;}
h3{margin:0px 0px 10px 0px;}
img{padding:0px;margin:0px;border-width:0px;}
body{font-family:Georgia, "Times New Roman", Times, serif;font-size:13px;background-color:#FFFFFF;background-image:url('/GeneralImages/HeaderGrad_blue.png');background-repeat:repeat-x;}
#wrapper{margin:0px auto;width:980px;}
#faux{margin-bottom:0px;overflow:auto;;width:100%;position:relative;}
#header{height:152px;background-repeat:repeat-x;margin-right:0px;margin-bottom:0px;margin-left:0px;}
#HeaderImage{background-image:url('/GeneralImages/siteLogo2.png');float:left;width:373px;height:140px;background-repeat:no-repeat;margin-top:0px;}
.HeaderMessagesIm{background-position:left top;float:left;width:560px;height:100px;margin-top:20px;margin-left:20px;position:relative;background-image:url('../GeneralImages/HeaderMessagesImage.png');background-repeat:no-repeat;}
.HeaderMessages{border-width:0px;border-color:#2626f6;padding:5px;float:left;width:548px;height:87px;margin-top:1px;margin-left:1px;position:relative;background-color:#82a4cc;display:block;}
.MsgItem{padding:7px;position:absolute;display:block;width:525px;height:68px;background-color:#82a4cc;text-align:center;vertical-align:middle;}
.HeaderMessages p{color:#ffffff;font-style:normal;font-weight:bold;font-size:14pt;}
#navbar{height:50px;z-index:10;position:relative;}
#flags{height:50px;z-index:10;position:relative;float:right;}
#leftcolumn{display:inline;color:#333;margin:10px 5px 5px 5px;padding:0px;width:240px;float:left;z-index:0;}
#content{float:left;color:#333;margin:10px 5px 5px 5px;padding:0px 0px 0px 5px;width:710px;display:inline;position:relative;z-index:1;}
#content ul{list-style:none;margin:0px 0px 10px 10px;padding:0px 0px 0px 10px;}
#content ul li{list-style-type:disc;margin-top:0px;margin-right:0px;margin-bottom:7px;list-style-position:inside;list-style-image:url('../GeneralImages/accept.png');padding-left:5px;}
#fcontact ul li{margin-top:0px;margin-right:0px;margin-bottom:7px;list-style-position:inside;list-style-image:url('../GeneralImages/exclamation.png');padding-left:5px;}
#content ol{margin:10px 0px 10px 10px;padding:0px;}
#content ol li{margin:0px 0px 10px 0px;list-style-position:inside;text-align:justify;padding-right:10px;}
#content ul li a{color:#467aa7;font-weight:400;}
#rightcolumn{display:inline;position:relative;color:#333;margin:10px 10px 10px 0px;padding:0px;width:195px;float:right;}
#footer{border-color:#333399;clear:both;color:#333;margin:0px;padding:10px;border-top-width:thin;border-top-style:solid;background-color:#7196d0;}
.clear{clear:both;background:none;}
#leftcolumn .sidebarbox{background-color:#F6F6F6;border:1px solid #467aa7;margin-bottom:5px;}
#leftcolumn p{margin:10px 0 10px 10px;}
#leftcolumn h2{background-color:#7196d0;color:#fff;font-size:18pt;margin:0px;padding:5px 5px 5px 10px;font-weight:normal;}
#leftcolumn li{padding:0;margin:0;}
#leftcolumn ul{margin:0px;padding:0px;list-style:none;}
#leftcolumn ul li{margin:0 0 0px 0;}
#leftcolumn ul li a{color:#467aa7;display:block;padding-left:10px;padding-top:2px;padding-bottom:2px;}
#leftcolumn ul li ul li a{color:#003399;display:block;padding-left:25px;}
#leftcolumn ul li ul li ul li a{color:#001379;display:block;padding-left:40px;}
#leftcolumn ul li a:hover{background-color:#eee;}
#leftcolumn a:hover{color:#000055;}
.ImFloatLeft{float:left;margin-right:10px;margin-bottom:10px;}
.ImFloatRight{float:right;margin-left:10px;margin-bottom:10px;}
.lcBox{border:thin solid #467aa7;padding:0px;background-color:#F6F6F6;margin-bottom:5px;}
.lcBox img{margin:0px;padding:0px;}
.slideshow{height:195px;width:240px;position:relative;margin-bottom:5px;}
.slideshow img{padding:15px;border:1px solid #ccc;background-color:#eee;position:absolute;top:0px;left:0px;display:block;}
#photoBar{
float: right;
width: 265px;
padding: 0px 0px 0px 5px;
margin: 60px 0px 0px 0px;
}

.sprite{background:url(/GeneralImages/SpriteImage.png)}
.YouTube{width:48px;Height:45px;background-position:-110px -2px}
.YouTube:hover{width:48px;Height:45px;background-position:-110px -50px}
.Twitter{width:48px;Height:45px;background-position:-60px -2px}
.Twitter:hover{width:48px;Height:45px;background-position:-60px -50px}
.GreekFlag{width:25px;Height:30px;background-position:-2px -2px}
.GreekFlag:hover{width:25px;Height:30px;background-position:-34px -2px}
.EnglishFlag{width:25px;Height:30px;background-position:-2px -34px}
.EnglishFlag:hover{width:25px;Height:30px;background-position:-34px -34px}

.ss1{padding:0px;width:252px;height:158px;position:relative;margin-bottom:5px;}
.ss2{padding:0px;width:252px;height:158px;position:relative;margin-bottom:5px;}
.ss3{padding:0px;width:252px;height:158px;position:relative;margin-bottom:5px;}
.ss4{padding:0px;width:252px;height:158px;position:relative;margin-bottom:5px;}
.ssItem{padding:0px;position:absolute;display:block;width:252px;height:158px;background-color:#82a4cc;}
.ssItem img{padding:5px;background-color:#eee;position:absolute;top:0px;left:0px;display:block;width:242px;height:148px;}
#navphoto1 a{border:1px solid #ccc;background:#fc0;text-decoration:none;margin:0px 0px 0px 0px;padding:0px 5px 5px 5px;}
#navphoto1 a.activeSlide{background:#00FF00}
#navphoto1 a:focus{outline:none;}
#navphoto2 a{border:1px solid #ccc;background:#fc0;text-decoration:none;margin:0px 0px 0px 0px;padding:0px 5px 5px 5px;}
#navphoto2 a.activeSlide{background:#00FF00}
#navphoto2 a:focus{outline:none;}
#navphoto3 a{border:1px solid #ccc;background:#fc0;text-decoration:none;margin:0px 0px 0px 0px;padding:0px 5px 5px 5px;}
#navphoto3 a.activeSlide{background:#00FF00}
#navphoto3 a:focus{outline:none;}
#navphoto4 a{border:1px solid #ccc;background:#fc0;text-decoration:none;margin:0px 0px 0px 0px;padding:0px 5px 5px 5px;}
#navphoto4 a.activeSlide{background:#00FF00}
#navphoto4 a:focus{outline:none;}
/*Drop Down CSS*/
@charset "UTF-8";ul.dropdown, ul.dropdown li, ul.dropdown ul{list-style:none;margin:0;padding:0;}
ul.dropdown{position:relative;z-index:597;float:left;}
ul.dropdown li{float:left;line-height:1.3em;vertical-align:middle;zoom:1;}
ul.dropdown li.hover, ul.dropdown li:hover{position:relative;z-index:599;cursor:default;}
ul.dropdown ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%;}
ul.dropdown ul li{float:none;}
ul.dropdown ul ul{top:1px;left:99%;}
ul.dropdown li:hover > ul{visibility:visible;}
@charset "UTF-8";ul.dropdown{font-weight:bold;}
ul.dropdown li{padding:7px 10px;border-style:solid;border-width:1px 1px 1px 0;border-color:#fff #d9d9d9 #d9d9d9;background-color:#f6f6f6;color:#0000CC;}
ul.dropdown li.hover, ul.dropdown li:hover{background-color:#eee;color:#0000CC;}
ul.dropdown a:link, ul.dropdown a:visited{color:#0000CC;text-decoration:none;}
ul.dropdown a:hover{color:#0000CC;}
ul.dropdown a:active{color:#ffa500;}
ul.dropdown ul{width:150px;margin-top:1px;}
ul.dropdown ul li{font-weight:normal;}
ul.dropdown *.dir{padding-right:20px;background-image:url(/CSS/images/nav-arrow-down.png);background-position:100% 50%;background-repeat:no-repeat;}
ul.dropdown-horizontal ul *.dir{padding-right:15px;background-image:url(/CSS/images/nav-arrow-right.png);background-position:100% 50%;background-repeat:no-repeat;}
ul.dropdown-upward *.dir{background-image:url(/CSS/images/nav-arrow-top.png);}
ul.dropdown-vertical *.dir, ul.dropdown-upward ul *.dir{background-image:url(/CSS/images/nav-arrow-right.png);}
ul.dropdown-vertical-rtl *.dir{padding-right:10px;padding-left:15px;background-image:url(/CSS/images/nav-arrow-left.png);background-position:0 50%;}


/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 600; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  /*margin: auto; */
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 20px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

.image-container {
	display:flex;
	flex-direction:column;
	align-items:center;
}