@media (max-width: 300px) {
    html {
        font-size: 35%;
    }
}

@media (min-width: 301px) {
    html {
        font-size: 50%;
    }
}

@media (min-width: 401px) {
    html {
        font-size: 60%;
    }
}

@media (min-width: 501px) {
    html {
        font-size: 70%;
    }
}

@media (min-width: 601px) {
    html {
        font-size: 70%;
    }
}
@media (min-width: 701px) {
    html {
        font-size: 80%;
    }
}

@media (min-width: 801px) {
    html {
        font-size: 90%;
    }
}

@media (min-width: 901px) {
    html {
        font-size: 100%;
    }
}

@charset "utf-8";
/* CSS Document */


a:hover   { color: #CCC; background-color:#400000 } /* user hovers     */
table, tr, th, td {
	background-color:#FFF;
	padding: 5px;
	border: inset;
	border-width:5px;
	}
	
#hormenu ul{
text-align: justify;
padding:0;
margin:0;
list-style-type: none;
}
#hormenu li{
width:23%;
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
z-index: 1000;
font-family: Arial, Helvetica, sans-serif;
}
#hormenu ul li:hover ul{
visibility:visible;
z-index: 1000;
}
#hormenu ul li:hover ul ul{
visibility:hidden;
z-index: 1000;
}
#hormenu ul ul{
position: absolute;
visibility: hidden;
z-index: 1000;
	width:100%;
	font-size: smaller;
	font-weight: 800;
	text-align:center;
	border: thick ridge #666;
	background-color:#FCDCB8;
}
#hormenu ul ul li:hover ul{
visibility:visible;
}
#hormenu ul ul ul{
visibility: hidden;
position:absolute;
left:92%;
top:0;
font-size: inherit;
font-weight: inherit;
width: 100%;
}
#hormenu li li {
	border: none;
	padding:5px;
	width: 92%;} 


#specialink a{
	background-color:#F1DCC5
	}
#specialink a:hover{
	background-color:#300;
	color:#FFC;
	text-decoration: none;
}
.greekchain {
	background-repeat: repeat-x;
	width:100%;
	height: 50px;
	padding-left:25px
}
.menuindex {
			margin: 5px;
			}
.menutable {
			border: outset 1px #666;
			color:#FFF;
			font-weight:bold;
			text-align:center;
}
.EVIDBEI {
	color:#000;
	background-color: #FFB871;
	font-size: inherit;
	font-style: inherit;
}