body {
	vertical-align:middle;
	font-family:  Arial,Verdana, Helvetica,Trebuchet;
	font-size:12px;
	margin: 0;
	/*background-color: #fef9f2;*/
	background-color: #fcf3e6; /*    XRWMA ARXIKOU MENU    
	background-color: #fef9f2;*/
}

.greek       {font-family: Palatino Linotype,Cardo,Vusillus Old Face,Arial Unicode MS,Georgia Greek,Athena Roman,Athena,Athena Unicode,Code2000,TITUS Cyberbit Basic,Aisa Unicode,Lucida Sans Unicode;}

a.bio_link
{
 color: #c45206;font-weight:bold; cursor:pointer;
}

a {
	text-decoration:none;
	color: inherit;
}
a:link {
	text-decoration:none;
	color: #6a6865;
}
a:visited {
	color: #6a6865;
}

.hp_header{
	font:Arial, Helvetica, sans-serif; 
	font-size:15px;
	font-weight:bold; 
	color:#9a600a;
}
.support_header{
	font-weight:bold;
	color:#820505;
}
.support {
	height: 62px;
	font-size:11px; 
	font-weight: bold;
}

div.support a:link {
	color:#820505;
}

#trueContainer {
	padding-top: 3px;;
}

html>body #trueContainer{
	padding-top: 0;
}

html>body .support{
	height: 64.1px;
	font-size:11px; 
	font-weight: bold;
	color:#820505;
}
.chronology_menu{
	float: left;
	padding-left:16px;
	margin-left:0px;
	margin-top:-5px;
	padding-top:0px;
	vertical-align:top;
}

html>body .chronology_menu{
	float: left;
	margin-left:0px;
	margin-top:0px;
	padding-left: 14px;
	padding-top:4px;
}

.chron_menu2{
	/*padding-top:5px;*/
}

html>body .chron_menu2{
	padding-top:0px;
}

.arrows{
	margin-top:-25px;
}

html>body .arrows{
	margin-top:-12px;
}

.sbhsimo{
	margin-top:-5px;
}

html>body .sbhsimo{
	margin-top:0px;
}

.chron_h{
	height: 165px;
}
html>body .chron_h{
	height: 156px;
}

#see_also a:hover {
	color: #820505;
}
#issue a:hover {
	color: #820505;
}
#archive a:hover {
	color: #820505;
}
#path a:hover {
	color: #6a6865;
}
#wrapper {
	text-align:center;
	width: 100%;
	height: 100%;
	/*visibility:hidden;*/
	filter:progid:DXImageTransform.Microsoft.Fade(duration=3);
}
#loading {
	text-align:center;
	width: 100%;
	height: 100%;
}
#main {
	width: 985px; /* 900px old */
	height: auto;
	overflow: visible;
	margin-left:auto;
	margin-right:auto;
	font-size:100%;
	/*border: 1px solid #acaca9;*/
}

#top {
	width: 100%;
	overflow: auto;
}
#main_body {
	width: 100%;
	overflow: auto;
}

.middle {
	width: 100%;
	overflow: auto;
}

#bottom {
	width: 100%;
	overflow: auto;
}


.left {
	float: left;
	margin: 0;
	padding: 0;
}

.connect {
	margin: 0;
	padding: 0;
	border: 0;
	position:relative;
}

img {
	vertical-align: bottom;
	/*filter: alpha(opacity: 0);*/
}

div.hidden {
	visibility: hidden;
	display: none;
}

div.visible {
	visibility: visible;
	display: block;
}

.chron_h{
	height: 155px;
}
html>body .chron_h{
	height: 156px;
}

.balloonstyle{
display: none;
margin-top: 614px;
position:absolute;
color: #f7f0e7;
background-color: #907450;
margin-left: 0px;
padding-top: 7px;
padding-bottom: 6px;
padding-left: 4px;
padding-right: 4px;
visibility: hidden;
font:normal 12px Verdana;
line-height: 18px;
height: 22px;
z-index: 2000;
font-weight:bold;
width: auto;
}
html>body .balloonstyle{
margin-top: 611px;
}
.balloonstyle2{
display: none;
position: absolute;
cursor:pointer;
/*display:none;*/
padding: 5px;
visibility: hidden;
font:normal 12px Verdana;
line-height: 18px;
z-index: 2000;
background-color: #ffffff;
/*background: url('../history/images/shadow.png') no-repeat bottom right;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}
/*
html>body .balloonstyle2{
margin-left:margin-left+200;
}*/
div.balloonstyle2 div {
	z-index: 1000;
	background-color: #fff;
	display: block;
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 0px;
}
html>body div.balloonstyle2 div{
	padding: 0px 5px 0px 0px;
}
#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}
/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 130px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}
/*
#motioncontainer a:hover {
text-decoration: ;
color: red; /* Dummy definition to overcome IE bug 

}
/* End Gallery Styles 
div.img-dec {
	background: url('../history/images/shadow.png') no-repeat bottom right;
	float: right;
}

div.img-dec div {
	background-color: #fff;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
}

*/
.link_over {
	color: #820505;
}

.highslide {
	cursor: pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: #d6cec5;
	background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;	
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
.highslide-html {
    background-color: #e4dacb;
}
.highslide-html-blur {
    border: 2px solid gray;
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
	background-color: #e4dacb;
}
.highslide-display-none {
    display: none;
}

.highslide-overlay {
	display: none;
}
/* Controlbar example */

.control-next{
	background:url(images/graphics/next.gif);
	display: block;
	background-repeat:no-repeat;
	top: 78%; 
	left:85px; 
	margin-bottom:-20px;
	margin-left:136px;
	position:absolute;
}

.control-prev{
	background:url(images/graphics/prev_n.gif);
	display: block;
	background-repeat:no-repeat;
	top: 78%;
	left:85px; 
	margin-bottom:-20px;
	position:absolute;
	
}

.control-zoomin{
	display: block;
	background-repeat:no-repeat;
	top: 78%; 
	left:85px; 
	margin-bottom:-20px;
	margin-left:34px;
	position:absolute;
}

.control-zoomout{
	display: block;
	background-repeat:no-repeat;
	top: 78%; 
	left:85px; 
	margin-bottom:-31px;
	margin-left:68px;
	position:absolute;
}

.control-met{
	background:url(images/graphics/met.gif);
	display: block;
	background-repeat:no-repeat;
	top: 78%; 
	left:85px; 
	margin-bottom:-20px;
	margin-left:102px;
	position: absolute;
}


.control-met a{
	display: block;
	float: left;
	margin: 0px 0 0 2px;
	height: 38px;
	width: 40px
}
.control-zoomout a{
	display: block;
	float: left;
	margin: 0px 0 0 2px;
	height: 38px;
	width: 40px
}
.control-zoomin a{
	display: block;
	float: left;
	margin: 0px 0 0 2px;
	height: 38px;
	width: 40px
}
.control-prev a{
	display: block;
	float: left;
	margin: 0px 0 0 2px;
	height: 38px;
	width: 40px
}
.control-next a{
	display: block;
	float: left;
	margin: 0px 0 0 2px;
	height: 38px;
	width: 40px
}

.controlbar {	
	background: url(images/graphics/koumpakia.gif);
	width:370px;
	height : 19px;

	
}
.controlbar a {	
	display: block;
	float: left;
	margin: 0px 0 0 2px;
	height: 17px;
	width: 58px;
	
}
.control {
	cursor: pointer;
	background:url(../images/graphics/koumpi.jpg);
	background-repeat:no-repeat;
	float: right;
    display: block;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color:white;
	height:14px;
	width:12px;
	
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}
.thumb-view{
display:none;
visibility:hidden;
width:20px;
height:20px;
}

.highslide {
	cursor:  pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: #d6cec5;
	background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;	
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
.highslide-html {
    background-color: #e4dacb;
}
.highslide-html-blur {
    border: 2px solid gray;
}
.highslide-html-content {
	position: absolute;
	display:none;
}
.highslide-display-block {
    display: block;
	background-color: #e4dacb;
}
.highslide-display-none {
    display: none;
}

.highslide-overlay {
	display: none;
}
/* Controlbar example */

.control-next{
	background:url(images/graphics/next.jpg);
	display: block;
	background-repeat:no-repeat;
	top: 82%; 
	left:260px; 
	margin-bottom:-20px;
	margin-left:106px;
	position:absolute;
}

.control-prev{
	background:url(images/graphics/prev_n.jpg);
	display: block;
	background-repeat:no-repeat;
	top: 82%;
	left:212px; 
	margin-bottom:-20px;
	position:absolute;
	
}

.control-zoomin{
	display: block;
	background-repeat:no-repeat;
	top: 82%; 
	left:100px; 
	margin-bottom:-20px;
	margin-left:154px;
	position:absolute;
}

.control-zoomout{
	display: block;
	background-repeat:no-repeat;
	top: 82%; 
	left:100px; 
	margin-bottom:-31px;
	margin-left:188px;
	position:absolute;
}

.control-met{
	background:url(images/graphics/met.jpg);
	display: block;
	background-repeat:no-repeat;
	top: 82%; 
	left:100x; 
	margin-bottom:-20px;
	margin-left:239px;
	position: absolute;
}


.control-met a{
	display: block;
	float: left;
	margin: 0px 0 0 2px;
	height: 38px;
	width: 40px
}
.control-zoomout a{
	display: block;
	float: left;
	margin: 0px 0 0 2px;
	height: 38px;
	width: 40px
}
.control-zoomin a{
	display: block;
	float: left;
	margin: 0px 0 0 2px;
	height: 38px;
	width: 40px
}
.control-prev a{
	display: block;
	float: left;
	margin: 0px 0 0 2px;
	height: 38px;
	width: 40px
}
.control-next a{
	display: block;
	float: left;
	margin: 0px 0 0 2px;
	height: 38px;
	width: 40px
}

.controlbar {	
	background: url(images/graphics/koumpakia.gif);
	width:370px;
	height : 19px;

	
}
.controlbar a {	
	display: block;
	float: left;
	margin: 0px 0 0 2px;
	height: 17px;
	width: 58px;
	
}
.control {
	background:url(../images/graphics/koumpi.jpg);
	background-repeat:no-repeat;
	float: right;
    display: block;
	margin: 3px 9px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color:white;
	height:14px;
	width:12px;
	
}
.control:hover {
	color: black !important;
}
.highslide-move {
    
}
.thumb-view{
display:none;
visibility:hidden;
width:20px;
height:20px;
}

.someclass{ 
width: 140px;
height: 147px;
text-align: left;
color: #b0672b;
font-size:11px;
}


.page {
	color:#6a6865;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
}
.on_page {
	color:#FF6600;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.message {
	font-size: 12px;
	font-style: italic;
	color:#999999;
}

a#res {
	color: #a22803;
}
a#res:hover {
	color:#000000;
}

#floating_wrapper {
	width:169px;
	height:55.5px;
}
html>body #floating_wrapper{
	height:54.5px;
}
#floating {
	width:169px;
	height:100%;
	position:relative;
}
#floating div {
	font-size:15px; 
	font-weight:bold; 
	color:#9a600a;
	float: right;
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
}