body
	{
	sscrollbar-3dLight-Color: ffffff; 
	scrollbar-Arrow-Color: 3b6073; 
	scrollbar-Base-Color: ffffff;
	scrollbar-Darkshadow-Color: ffffff; 
	scrollbar-Face-Color: f9fafc; 
	scrollbar-Highlight-Color: 3b6073; 
	scrollbar-Shadow-Color: 3b6073; 
	scrollbar-Track-Color: f9fafc; 	
	margin: 0px;
	background-image:url(images/background3.jpg);
	}

h3 {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
}

#content      
	{
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size:10px;
	line-height:17px;
	margin-left: -350px;  /*  = width/2  */
	margin-top: -225px;	  /*  = height/2  */
	position: absolute;
	top: 50%;
	left: 50%;
	width: 700px;
	height: 450px;
	visibility: visible ;
	border: 0px solid #ccc;
	background-color: #E2E7EB;
	}

#left_div  {
		margin: 0px;
		width: 231px;
		height: 411px;
		border: 0 solid red;
		background-color: #E2E7EB;
/*		background-image: url(images/istoria_01.jpg);
		background-repeat:no-repeat;
*/
		position:absolute;
		}
#right_div  {
		margin-left: 231px;
		width: 469px;
		height: 411px;
		border: 0px solid blue;
		background-color: #E2E7EB;
		background-image:url(images/politismos_right.jpg);
		position:absolute;
		}
#footer_div  {
		margin-top: 411px;
		width: 700px;
		height: 39px;
		border: 0px solid green;
		background-color: #E2E7EB;
		background-image: url(images/politismos_bottom.jpg);
		position:absolute;
		}

div.scroll {
position:absolute;
margin-left:10px;
margin-top:50px;
height: 240px;
width: 420px;	
overflow: auto; 
border: 0px solid #DAC9A3;
text-align:justify;
padding-left: 0px;
padding-right: 10px;
padding-bottom: 10px;
color:#000;
}

div.scroll a:link	{color: #900; text-decoration: underline; letter-spacing:1px;  font-weight:100; }
div.scroll a:visited {color:#900; text-decoration: underline; letter-spacing:1px;  font-weight:100;}
div.scroll a:hover	{color: #000; text-decoration: underline; letter-spacing:1px;  font-weight:100;}
div.scroll a:active {color: #900; text-decoration: underline; letter-spacing:1px;  font-weight:100;}

#menu_left {
	position: static;
	margin-left:-15px;
	margin-top:50px;
	height: 197px;
	width: 150px;
/*	overflow: auto; */
	border: 0px dotted #666;
	background-color: transparent;
	text-align:left;
	padding:0px;
	color:#333333;
	left: -192px;
	top: -39px;
	font-size: 11px;
	font-weight: normal;
}

#menu_left li {list-style-type: none }

#menu_top {
	position:absolute;
/*	margin-left:250px;  */
	margin-top:50px;
	height: 20px;
	width: 400px;
	overflow: auto;
	border: 0px dotted #666;
	background-color: transparent;
	text-align:justify;
	padding-left: 20px;
	padding-right: 20px;
	color:#333333;
	left: -192px;
	top: -39px;
	font-weight: normal;
}

#menu_top ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#menu_top ul li { display: inline; color:#000; }

#menu_under_top {
	position:absolute;
	margin-left:0px;
	margin-top:70px;
	height: 20px;
	width: 500px;
	overflow: auto;
	border: 0px dotted #666;
	background-color: transparent;
	text-align:justify;
	padding-left: 0px;
	padding-right: 0px;
	color:#333333;
	left: -20px;
	top: -39px;
	font-weight: normal;
	letter-spacing:0.1px;
	word-spacing:0.1px;
	z-index:100;
}

#menu_under_top ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#menu_under_top ul li { display: inline; color:#000; }





#main_menu {
	position:static;
	margin-left:0px;
	margin-top:10px;
/* height: 197px; */
	width: 700px;
	overflow: auto;
	border: 0px dotted #666;
	background-color: transparent;
	text-align: center;
	padding: 0px;
	color:#555555;
/*	left: -192px;  */
	top: -10px;
	font-weight: 100;
}

#main_menu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#main_menu ul li { display: inline;  }


a:link	{color: #000; text-decoration: none; }
a:visited {color:#000; text-decoration: none;}
a:hover	{color: #000; text-decoration: underline;}
a:active {color: #000; text-decoration: none;}

a.current:link {color: #000; text-decoration: none; font-weight: 600; }
a.current:visited {color: #000; text-decoration: none; font-weight: 600;}
a.current:hover {color: #000; text-decoration: underline; font-weight: 600; }
a.current:active {color: #000; text-decoration: none; font-weight: 600;}

a.current_up:link {color: #000; text-decoration: none; font-weight: 600;}
a.current_up:visited {color: #000; text-decoration: none; font-weight: 600;}
a.current_up:hover {color: #000; text-decoration: underline; font-weight: 600;}
a.current_up:active {color: #000; text-decoration: none; font-weight: 600;}

.popup { 
position: absolute;
margin-left:5px;
margin-top: 70px;
visibility: hidden;
height:300px;
width: 420px;
border: 0px dotted red;
padding: 10px; z-index: 10;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; color:#000;
overflow:auto;
text-align:justify;

}

.popupLink { COLOR: red; outline: none }

#thumb_1 {margin-left:10px; margin-top:330px; border: 1px dotted #b8c9d3;}
#thumb_1_border {position: absolute; margin-left:10px;	margin-top:330px; border: 1px dotted #b8c9d3; height: 60px; width: 60px;	}

#thumb_2 { margin-left:102px; margin-top:330px; border: 1px dotted #b8c9d3;}	
#thumb_2_border { position: absolute; margin-left:102px; margin-top:330px; border: 1px dotted #b8c9d3;		height: 60px; width: 60px; }

#thumb_3 { margin-left:194px; margin-top:330px; border: 1px dotted #b8c9d3;}	
#thumb_3_border { position: absolute; margin-left:194px; margin-top:330px; border: 1px dotted #b8c9d3;		height: 60px; width: 60px; }

#thumb_4 { margin-left:288px; margin-top:330px; border: 1px dotted #b8c9d3;}	
#thumb_4_border { position: absolute; margin-left:288px; margin-top:330px; border: 1px dotted #b8c9d3;		height: 60px; width: 60px; }

#thumb_5 { margin-left:380px; margin-top:330px; border: 1px dotted #b8c9d3;}	
#thumb_5_border { position: absolute; margin-left:380px; margin-top:330px; border: 1px dotted #b8c9d3;		height: 60px; width: 60px; }

.thumb_style { 
	position: absolute;
	height: 60px;
	width: 60px;
	background-color: transparent;
	text-align:left;
	padding:0px;
	color:#ccc;
	font-size: 11px;
	font-weight: normal;
	visibility:visible;
}

#language1 {
		position:absolute;
		margin-top: -15px;
		margin-left: 640px;
		width: 60px;
		height: 20px;
		border: 0 solid green;
		color:#666666;
		}
#language2 {
		position:absolute;
		margin-top: -15px;
		margin-left: 660px;
		width: 60px;
		height: 20px;
		border: 0 solid green;
		color:#666666;
		}
		
#language1 a:link	{color: #666; text-decoration: none; }
#language1 a:visited {color:#666; text-decoration: none;}
#language1 a:hover	{color: #666; text-decoration: none; font-weight: 600;}
#language1 a:active {color: #666; text-decoration: none;}