body{background:#122F5F;color:#fff;padding:0;margin:0;}
img {padding:0;margin:0;border:0;}
a {text-decoration:none;color:#fff;}
h1 {font-size:12px;text-decoration:none;}
h2 {
font-size:12px;
font-weight:bold;
text-decoration:none;
margin:3px 5px 0px 5px;
border-bottom:1px solid #fff;
}
#container {
width:100%;
height:100%;
background:#122F5F;
}
#binding {
width:797px;
margin:0 auto;
border-left:2px solid #173F7F;
border-right:2px solid #173F7F;
}
/* ---- TOP -- */
#top {
margin:0 auto 0 auto; /* panta se sxesh me to container */
}

/* --- MAIN --- */
#main {
height:548px;
margin:0 0px;
font-size:12px;
}


/* ---- CONTENT TYPE LAYOYTS --- */

/* ---- Category View ----*/
#left {
float:left;
width:161px;
height:548px;
background:url(../images/left_cat.jpg) no-repeat;
}
#center {
float:left;
width:318px;
height:548px;
background:url(../images/center_cat.jpg) no-repeat;
}
#center .content_area {
width:318px;
height:383px;
margin:130px 0 0 0;
overflow:auto;
}

#center .content_area p {padding:1px 5px;margin:0;}
#center .content_area img {margin:10px 0 10px 100px;border:2px solid #fff;}
#center .image_area {
margin:0 5px;
background:#14376F;
border:1px solid #99B4DF;
}
#center .image_area img {margin:3px 3px;padding-left:5px;}
.more_link {
text-align:center;
}
.more_link a , .more_link a:visited {
display:block;
margin:10px 5px;
padding:5px 0;
color:#99B4DF;
background:#14376F;
border:1px solid #99B4DF;
}
.more_link a:hover , .more_link a:active {
display:block;
margin:10px 5px;
color:#fff;
background:#2C528F;
border:1px solid #99B4DF;
}

#right_drastiriothtes {
float:left;
width:318px;
height:548px;
background:url(../images/drastiriothtes.jpg) no-repeat;
} * html #right_drastiriothtes {margin-right:-3px;} /* IE .. the meaning of pain */


#right_erga {
float:left;
width:318px;
height:548px;
background:url(../images/right_cat.jpg) no-repeat;
}* html #right_erga {margin-right:-3px;} /* IE .. search more , pollute more */

#right_kataskevh {
float:left;
width:318px;
height:548px;
background:url(../images/neakataskevh.jpg) no-repeat;
} * html #right_kataskevh {margin-right:-3px;} /* IE .. you`ll never get those margins working */

#right_metaskevh {
float:left;
width:318px;
height:548px;
background:url(../images/metaskevh.jpg) no-repeat;
} * html #right_metaskevh {margin-right:-3px;} /* IE .. the unvalid solution */

#right_epanaxromatismos{
float:left;
width:318px;
height:548px;
background:url(../images/drastiriothtes.jpg) no-repeat;
} * html #right_epanaxromatismos {margin-right:-3px;} /* IE .. time to waste more time */

#right_syntirish {
float:left;
width:318px;
height:548px;
background:url(../images/syntirish.jpg) no-repeat;
} * html #right_syntirish {margin-right:-3px;} /* IE .. lets return to the past */

#right_survay {
float:left;
width:318px;
height:548px;
background:url(../images/survay.jpg) no-repeat;
} * html #right_survay {margin-right:-3px;} /* IE .. testing your patience ..once again.. */


/* ---- PG View ----*/
#pg_left {
float:left;
width:319px;
height:548px;
background:url(../images/pg_left.jpg) no-repeat;
}
#pg_left .pg_content{
width:319px;
height:238px;
overflow:auto;
margin:117px 0 0 0;
}

#pg_left .pg_content p {padding:0 5px}

#pg_right_etaireia {
float:left;
width:478px;
height:548px;
background:url(../images/pg_right.jpg) no-repeat;
}  * html #pg_right_etaireia {margin-right:-3px;} /* IE .. the meaning of pain */

#pg_right_istoria {
float:left;
width:478px;
height:548px;
background:url(../images/istoria_right.jpg) no-repeat;
}  * html #pg_right_istoria {margin-right:-3px;} /* IE .. the meaning of pain */


#pg_right_contact {
float:left;
width:478px;
height:548px;
background:url(../images/contact.jpg) no-repeat;
}  * html #pg_right_contact {margin-right:-3px;} /* IE .. the meaning of pain */

/* ---- INDEX ---- */
#left_index {
float:left;
width:160px;
height:548px;
background:#141a3a url(../images/left_index.jpg) no-repeat;
}
#center_index {
float:left;
width:320px;
height:548px;
background:url(../images/center_index.jpg) no-repeat;
}
#right_index {
float:left;
width:317px;
height:548px;
background:url(../images/right_index.jpg) no-repeat;
} * html #right_index {margin-right:-3px;}

/* --- Contact --- */
#pg_left .contact_content{
width:319px;
height:430px;
overflow:auto;
margin:117px 0 0 0;
padding:0 0 0 5px;
} * html #pg_left .contact_content {padding:0;height:420px;}

#pg_left .contact_content p {padding:0 5px;}

#pg_left .contact_content textarea {
width:250px;
height:50px;
}

.submit {
float:left;
margin:20px 15px 0 0;
} * html .submit {margin:20px 0 0 0;}

/*-- BOTTOM --*/
#bottom {
clear:both;
margin:0 0px;
}

/*-- SUBFOOTER --*/
#subfooter {
clear:both;
margin:0 0px 0 0px;
background:#001D55;
border-top:1px solid #173F7F;
}

#subfooter a , #subfooter a:visited {font-size:12px;text-decoration:none;}
#subfooter a:hover , #subfooter a:active {color: #DFC653;text-decoration:none}

#subfooter .footer_left {
float:left;
}
#subfooter .footer_left p {
font-size:12px;
margin-left:5px;
margin-top:3px;
}
#subfooter .footer_right{
float:right;
width:440px;
height:200px;
}
div#map {
float:right;
width:400px;
height:180px;
border:2px solid #bababa;
background:#fff;
margin:7px 5px 7px 0;
color:#000;
}
/*-- FOOTER --*/
#footer_expand {
clear:both;
width:100%;
height:50px;
margin-bottom:0px;
/*border-top:1px solid #001F3E;*/
/*background:url(../images/footer-repeat.jpg) repeat-x;*/
} * html #footer-expand {margin-bottom:-10px;}
#footer {
width:797px;
margin:0 auto 0 auto;
text-align:center;
border-top:1px solid #173F7F;
}
.credits {
padding-top:10px;
font-size:12px;
color:#99B4DF;
}
.credits a , .credits a:visited {
font-size:12px;
text-decoration:none;
color:#99B4DF;
}
.credits a:hover , .credits a:active {
color:#fff;
}
/* ---- NAVIGATION --- */

/* -- Top Navigation -- */

#top_nav {
margin:0 0px 0 0px;
overflow:hidden;
}
/* --- GREEK --- */
.bouton1_GR {float:left;width:160px;height:30px;text-align:center;}
.bouton1_GR a , .bouton1_GR a:visited {display:block;width:160px;height:30px;background:url(../images/GREEK/bouton1_GR.jpg) no-repeat;}
.bouton1_GR a:hover , .bouton1_GR a:active {text-decoration:none;background:url(../images/GREEK/bouton1_GR_hover.jpg) no-repeat;}

.bouton2_GR {float:left;width:160px;height:30px;text-align:center;}
.bouton2_GR a , .bouton2_GR a:visited {display:block;width:160px;height:30px;background:url(../images/GREEK/bouton2_GR.jpg) no-repeat;}
.bouton2_GR a:hover , .bouton2_GR a:active {text-decoration:none;background:url(../images/GREEK/bouton2_GR_hover.jpg) no-repeat;}

.bouton3_GR {float:left;width:160px;height:30px;text-align:center;}
.bouton3_GR a , .bouton3_GR a:visited {display:block;width:160px;height:30px;background:url(../images/GREEK/bouton3_GR.jpg) no-repeat;}
.bouton3_GR a:hover , .bouton3_GR a:active {text-decoration:none;background:url(../images/GREEK/bouton3_GR_hover.jpg) no-repeat;}

.bouton4_GR {float:left;width:160px;height:30px;text-align:center;}
.bouton4_GR a , .bouton4_GR a:visited {display:block;width:160px;height:30px;background:url(../images/GREEK/bouton4_GR.jpg) no-repeat;}
.bouton4_GR a:hover , .bouton4_GR a:active {text-decoration:none;background:url(../images/GREEK/bouton4_GR_hover.jpg) no-repeat;}

.bouton5_GR {float:left;width:157px;height:30px;text-align:center;} * html .bouton5_GR {;margin-right:-3px;}
.bouton5_GR a , .bouton5_GR a:visited {display:block;width:157px;height:30px;background:url(../images/GREEK/bouton5_GR.jpg) no-repeat;} 
.bouton5_GR a:hover , .bouton5_GR a:active {text-decoration:none;background:url(../images/GREEK/bouton5_GR_hover.jpg) no-repeat;}

/* --- ENGLISH --- */
.bouton1_EN {float:left;width:160px;height:30px;text-align:center;}
.bouton1_EN a , .bouton1_EN a:visited {display:block;width:160px;height:30px;background:url(../images/ENGLISH/bouton1_EN.jpg) no-repeat;}
.bouton1_EN a:hover , .bouton1_EN a:active {text-decoration:none;background:url(../images/ENGLISH/bouton1_EN_hover.jpg) no-repeat;}

.bouton2_EN {float:left;width:160px;height:30px;text-align:center;}
.bouton2_EN a , .bouton2_EN a:visited {display:block;width:160px;height:30px;background:url(../images/ENGLISH/bouton2_EN.jpg) no-repeat;}
.bouton2_EN a:hover , .bouton2_EN a:active {text-decoration:none;background:url(../images/ENGLISH/bouton2_EN_hover.jpg) no-repeat;}

.bouton3_EN {float:left;width:160px;height:30px;text-align:center;}
.bouton3_EN a , .bouton3_EN a:visited {display:block;width:160px;height:30px;background:url(../images/ENGLISH/bouton3_EN.jpg) no-repeat;}
.bouton3_EN a:hover , .bouton3_EN a:active {text-decoration:none;background:url(../images/ENGLISH/bouton3_EN_hover.jpg) no-repeat;}

.bouton4_EN {float:left;width:160px;height:30px;text-align:center;}
.bouton4_EN a , .bouton4_EN a:visited {display:block;width:160px;height:30px;background:url(../images/ENGLISH/bouton4_EN.jpg) no-repeat;}
.bouton4_EN a:hover , .bouton4_EN a:active {text-decoration:none;background:url(../images/ENGLISH/bouton4_EN_hover.jpg) no-repeat;}

.bouton5_EN {float:left;width:157px;height:30px;text-align:center;} * html .bouton5_EN {margin-right:-3px;}
.bouton5_EN a , .bouton5_EN a:visited {display:block;width:157px;height:30px;background:url(../images/ENGLISH/bouton5_EN.jpg) no-repeat;} 
.bouton5_EN a:hover , .bouton5_EN a:active {text-decoration:none;background:url(../images/ENGLISH/bouton5_EN_hover.jpg) no-repeat;}

/* --- GERMAN --- */
.bouton1_GER {float:left;width:160px;height:30px;text-align:center;}
.bouton1_GER a , .bouton1_GER a:visited {display:block;width:160px;height:30px;background:url(../images/GERMAN/bouton1_GER.jpg) no-repeat;}
.bouton1_GER a:hover , .bouton1_GER a:active {text-decoration:none;background:url(../images/GERMAN/bouton1_GER_hover.jpg) no-repeat;}

.bouton2_GER {float:left;width:160px;height:30px;text-align:center;}
.bouton2_GER a , .bouton2_GER a:visited {display:block;width:160px;height:30px;background:url(../images/GERMAN/bouton2_GER.jpg) no-repeat;}
.bouton2_GER a:hover , .bouton2_GER a:active {text-decoration:none;background:url(../images/GERMAN/bouton2_GER_hover.jpg) no-repeat;}

.bouton3_GER {float:left;width:160px;height:30px;text-align:center;}
.bouton3_GER a , .bouton3_GER a:visited {display:block;width:160px;height:30px;background:url(../images/GERMAN/bouton3_GER.jpg) no-repeat;}
.bouton3_GER a:hover , .bouton3_GER a:active {text-decoration:none;background:url(../images/GERMAN/bouton3_GER_hover.jpg) no-repeat;}

.bouton4_GER {float:left;width:160px;height:30px;text-align:center;}
.bouton4_GER a , .bouton4_GER a:visited {display:block;width:160px;height:30px;background:url(../images/GERMAN/bouton4_GER.jpg) no-repeat;}
.bouton4_GER a:hover , .bouton4_GER a:active {text-decoration:none;background:url(../images/GERMAN/bouton4_GER_hover.jpg) no-repeat;}

.bouton5_GER {float:left;width:157px;height:30px;text-align:center;} * html .bouton5_GER {margin-right:-3px;}
.bouton5_GER a , .bouton5_GER a:visited {display:block;width:157px;height:30px;background:url(../images/GERMAN/bouton5_GER.jpg) no-repeat;} 
.bouton5_GER a:hover , .bouton5_GER a:active {text-decoration:none;background:url(../images/GERMAN/bouton5_GER_hover.jpg) no-repeat;}

/* --- DUTCH --- */
.bouton1_D {float:left;width:160px;height:30px;text-align:center;}
.bouton1_D a , .bouton1_D a:visited {display:block;width:160px;height:30px;background:url(../images/DUTCH/bouton1_D.jpg) no-repeat;}
.bouton1_D a:hover , .bouton1_D a:active {text-decoration:none;background:url(../images/DUTCH/bouton1_D_hover.jpg) no-repeat;}

.bouton2_D {float:left;width:160px;height:30px;text-align:center;}
.bouton2_D a , .bouton2_D a:visited {display:block;width:160px;height:30px;background:url(../images/DUTCH/bouton2_D.jpg) no-repeat;}
.bouton2_D a:hover , .bouton2_D a:active {text-decoration:none;background:url(../images/DUTCH/bouton2_D_hover.jpg) no-repeat;}

.bouton3_D {float:left;width:160px;height:30px;text-align:center;}
.bouton3_D a , .bouton3_D a:visited {display:block;width:160px;height:30px;background:url(../images/DUTCH/bouton3_D.jpg) no-repeat;}
.bouton3_D a:hover , .bouton3_D a:active {text-decoration:none;background:url(../images/DUTCH/bouton3_D_hover.jpg) no-repeat;}

.bouton4_D {float:left;width:160px;height:30px;text-align:center;}
.bouton4_D a , .bouton4_D a:visited {display:block;width:160px;height:30px;background:url(../images/DUTCH/bouton4_D.jpg) no-repeat;}
.bouton4_D a:hover , .bouton4_D a:active {text-decoration:none;background:url(../images/DUTCH/bouton4_D_hover.jpg) no-repeat;}

.bouton5_D {float:left;width:157px;height:30px;text-align:center;} * html .bouton5_D {margin-right:-3px;}
.bouton5_D a , .bouton5_D a:visited {display:block;width:157px;height:30px;background:url(../images/DUTCH/bouton5_D.jpg) no-repeat;} 
.bouton5_D a:hover , .bouton5_D a:active {text-decoration:none;background:url(../images/DUTCH/bouton5_D_hover.jpg) no-repeat;}

/* --- ITALIAN --- */
.bouton1_IT {float:left;width:160px;height:30px;text-align:center;}
.bouton1_IT a , .bouton1_IT a:visited {display:block;width:160px;height:30px;background:url(../images/ITALIAN/bouton1_IT.jpg) no-repeat;}
.bouton1_IT a:hover , .bouton1_IT a:active {text-decoration:none;background:url(../images/ITALIAN/bouton1_IT_hover.jpg) no-repeat;}

.bouton2_IT {float:left;width:160px;height:30px;text-align:center;}
.bouton2_IT a , .bouton2_IT a:visited {display:block;width:160px;height:30px;background:url(../images/ITALIAN/bouton2_IT.jpg) no-repeat;}
.bouton2_IT a:hover , .bouton2_IT a:active {text-decoration:none;background:url(../images/ITALIAN/bouton2_IT_hover.jpg) no-repeat;}

.bouton3_IT {float:left;width:160px;height:30px;text-align:center;}
.bouton3_IT a , .bouton3_IT a:visited {display:block;width:160px;height:30px;background:url(../images/ITALIAN/bouton3_IT.jpg) no-repeat;}
.bouton3_IT a:hover , .bouton3_IT a:active {text-decoration:none;background:url(../images/ITALIAN/bouton3_IT_hover.jpg) no-repeat;}

.bouton4_IT {float:left;width:160px;height:30px;text-align:center;}
.bouton4_IT a , .bouton4_IT a:visited {display:block;width:160px;height:30px;background:url(../images/ITALIAN/bouton4_IT.jpg) no-repeat;}
.bouton4_IT a:hover , .bouton4_IT a:active {text-decoration:none;background:url(../images/ITALIAN/bouton4_IT_hover.jpg) no-repeat;}

.bouton5_IT {float:left;width:157px;height:30px;text-align:center;} * html .bouton5_IT {margin-right:-3px;}
.bouton5_IT a , .bouton5_IT a:visited {display:block;width:157px;height:30px;background:url(../images/ITALIAN/bouton5_IT.jpg) no-repeat;} 
.bouton5_IT a:hover , .bouton5_IT a:active {text-decoration:none;background:url(../images/ITALIAN/bouton5_IT_hover.jpg) no-repeat;}
/* --- Bottom Navigation ---*/

#bottom_nav {
margin:0 0px 0 0px;
height:22px;
overflow:hidden;
}

.lang1 {float:left;width:159px;height:23px;text-align:center;}
.lang1 a , .lang1 a:visited {display:block;width:159px;height:23px;background:url(../images/english.jpg) no-repeat;}
.lang1 a:hover , .lang1:active {text-decoration:none;background:url(../images/english_hover.jpg) no-repeat;}

.lang2 {float:left;width:160px;height:23px;text-align:center;}
.lang2 a , .lang2 a:visited {display:block;width:160px;height:23px;background:url(../images/greek.jpg) no-repeat;}
.lang2 a:hover , .lang2:active {text-decoration:none;background:url(../images/greek_hover.jpg) no-repeat;}

.lang3 {float:left;width:160px;height:23px;text-align:center;}
.lang3 a , .lang3 a:visited {display:block;width:160px;height:23px;background:url(../images/german.jpg) no-repeat;}
.lang3 a:hover , .lang3:active {text-decoration:none;background:url(../images/german_hover.jpg) no-repeat;}

.lang4 {float:left;width:160px;height:23px;text-align:center;}
.lang4 a , .lang4 a:visited {display:block;width:160px;height:23px;background:url(../images/dutch.jpg) no-repeat;}
.lang4 a:hover , .lang4:active {text-decoration:none;background:url(../images/dutch_hover.jpg) no-repeat;}

.lang5 {float:left;width:158px;height:23px;text-align:center;} * html .lang5 {margin-right:-3px}
.lang5 a , .lang5 a:visited {display:block;width:158px;height:23px;background:url(../images/italian.jpg) no-repeat;}
.lang5 a:hover , .lang5:active {text-decoration:none;background:url(../images/italian_hover.jpg) no-repeat;}


/*----left navigation---*/
.left_nav{
width:160px;
margin:140px 0 0 0;
}

/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
	margin:0;
	border: 0 none;
	padding: 0 0 0 5px;
	width: 150px; /*For KHTML*/
	list-style: none;
	}

ul#navmenu:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#navmenu li {
	float: left; /*For IE 7 lack of compliance*/
	display: block !important; /*For GOOD browsers*/
	display: inline; /*For IE*/
	position: relative;
	}

/* Root Menu */
ul#navmenu a {
	padding: 0px 0 0 3px;
	display: block;
	background: transparent;
	color:  #fff;
	font: bold 11px/22px Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	}
ul#navmenu .active {color:#DFC653;}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	background: transparent;
	color: #DFC653;
	}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	color: #ffffff;

	}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {

	background: #EF3B3B;
	color: #fff;
	
	}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {

	color: #ffffff;
	}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	background: #EF3B3B;
	color: #fff;
	}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #CCC;
	color: #FFF;
	}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 140px;
	width:640px;
	height:300px;
	overflow:auto;
	background:#198ECF;
	border:1px solid #fff;
	/* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
  /* for Mozilla */
  -moz-opacity:0.9;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	height:30px;
	float:left;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	}
/* FLASH */

#flash_area {
position:absolute;
z-index:2;
width:320px;
height:130px;
background:transparent;
margin:33px 0 0 321px;
}