body {
	margin: 0;
	font-family:Arial, Verdana,  Helvetica, sans-serif;
	font-size:12px;
	/*background-color: #fef9f2;*/
	background-color: #fcf3e6; /*    XRWMA ARXIKOU MENU    */
}
a {
	text-decoration:none;
	color: #827865;
}

a:hover {
	/*font-weight:bold;
*/	color: #8c4404;
}

#wrapper {
	text-align:center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
#loading {
	text-align:center;
	width: 100%;
	height: 100%;
}
#main {
	width: 900px; /* 900px old */
	height: 650px;
	overflow: visible;
	margin-left:auto;
	margin-right:auto;	
	/*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 {
	text-align:left;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.connect {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 0;
	position:relative;
	display: block;
}

.main_menu {
	color: #827865;
	font-size:12px;
	text-decoration:none;
}


.main_menu_ro {
	color: #935b04;
	font-size:12px;
	text-decoration:none;
}
#history_menu {
	margin-top: 245px;
	position: absolute;
	text-align: right;
	margin-left: 15px;
	z-index: 1000;
}

#san_simera {
	margin-top: 115px;
	position: absolute;
	text-align: justify;
	margin-left: 675px;
	z-index: 1000;
	height: 200px;
	width: 200px;
}

#hp_menu {
	white-space:nowrap;
	position: absolute;
	margin-top: 126px;
	padding-bottom: 5px;
	margin-left: 130px;
	line-height: 1.5;
	z-index: 1000;
	width: 240px;
	color: #827865;
}

#his_is_menu {
	width: 240px;
	position: absolute;
	margin-top: 218px;
	margin-left: 130px;
	z-index: 1000;
	line-height: 1.5;
	color: #827865;
}

.hp_menu {
	line-height: 2;
}

.his_menu_ref {
	color: #827865;
	text-decoration:none;
}

.his_menu_ref_on {
	color: #8c4404;
	text-decoration:none;
	/*font-weight:bold;
*/}


#sights_menu
{
	text-align: right;
	color: #827865;
	margin-top: 199px;
	position:absolute;
	width: 243px;
	overflow:hidden;
	line-height: 1.5;
	z-index: 1000;
}

#culture_menu
{
	text-align: right;
	color: #827865;
	margin-top: 185px;
	position:absolute;
	margin-left: 190px;
	width: 180px;
	overflow: visible;
	line-height: 1.5;
	z-index: 1000;
}

img {
	vertical-align: bottom;
}
div.hidden {
	visibility: hidden;
	display: none;
}

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

#submenus {
	height: auto;
	overflow:visible;
	float: left;
	text-align:left;
}
.year_span {
font-size: 18px
}

#floating {
	height:100%;
	position:relative;
}
#floating div {
	float: right;
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
}

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

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

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
background-color: lightyellow;
border: 1px solid gray;
visibility: hidden;
}