@charset "UTF-8";
/*				  						Global					  				  */	
/*--------------------------------------------------------------------------------*/


body  { margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #333; font-family: 'Lucida Grande', 'trebuchet MS', Geneva, Arial, Verdana, sans-serif; font-size: 80%; background-color: #F6EAE4; background-image: url(images/text-back.gif); background-repeat: repeat; background-attachment: fixed; }

/* aferesi perithorion kirios ap tis listes. Xoris afto oi relative theseis metakinoudai analoga me to megethos twn fonts kai analoga me ton browser */
div, p, h1, h2, h3, h4, h5, ul, li {margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, ul, li, strong {line-height: 160%; text-align: left; font-family: "Lucida Grande", Verdana, Arial, "trebuchet MS", Geneva, sans-serif;}
h4 {font-size:100%;}


/* aferesi koukidon ap tis listes ston mozilla */
ul, ol, dl {list-style:none;}

/* aferesi kimenou genikws */
.hidetext {display: none;}

.no_wrap {margin-left: 142px;}
.no_wrap80 {margin-left: 80px;}
.no_wrap_175 {margin-left: 190px;}

.textfield {background: #FAFAFA; color: #06C; font: 105% "Comic Sans MS", cursive;}

/* sproximo aristera twn eikonon me skia (Shadowed Objects Left) */
.shol {position: relative; left: -5px;}
.top_1line { top: -25px; position: relative; float: right; }
.strong { color: #000; font-weight: bold; }

/*--------------------------------------------------------------------------------*/
/*									text formating								  */
/*--------------------------------------------------------------------------------*/

.address {font-size: 70%; text-align: center; color: #666666;}
.small_text {
	font-size: 75%;
	line-height: 250%;
	font-family: "Lucida Grande", "trebuchet MS", Geneva, Arial, Verdana, sans-serif;
}
.small_text_right {
	font-size: 75%;
	line-height: 150%;
	font-family: "Lucida Grande", "trebuchet MS", Geneva, Arial, Verdana, sans-serif;
	text-align: right;
}
.small_text_table {
	font-size: 75%;
	line-height: 150%;
	font-family: "Lucida Grande", "trebuchet MS", Geneva, Arial, Verdana, sans-serif;
}
	

.text_align_right {text-align: right;}
.text_align_center {text-align: center;}
.text_align_justify {text-align: justify;}
h1, h2, h3 {color: #4D4D4D;	font-weight: normal; line-height: 120%;}
h4, h5 {color:#4D4D4D;}

/*ta 3 epomena rytmizoyn to diastixo se pikno h piknotero*/
.tight {line-height: 120%;}
.very_tight {line-height: 70%;}
.extra_tight {line-height: 30%;}

.book_title_1 {
	font: 150% "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
	letter-spacing: 0.1em;
}
.book_title_2 { text-align: right; font-family: "Times New Roman", Times, serif; font-size: 130%; font-style: italic; line-height: 230%; font-weight: normal; }
.book_main_text {
	font: 110%/155% "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: justify;
}

.highlight {
	background: #F0F0F0;
	padding-right: 5px;
	padding-left: 5px;
}
.border_bottom {border-bottom: 1px solid #E6E6E6; padding-top: 3px;	padding-bottom: 4px;}
.no_border_bottom {padding-top: 3px;	padding-bottom: 4px;}

.whitetext {
	color: #FFF;
}
.textNavigation {
	font-size: 75%;
	line-height: 150%;
}
.price { font-weight: bold; color: #DF7000; }
.dollar { font-weight: normal; }

/*--------------------------------------------------------------------------------*/
/*										Links									  */
/*--------------------------------------------------------------------------------*/

/*afairesi toy border ap' tis eikones-links*/
img { border: none; } 

/* genika links */
a:link, a:visited {text-decoration: none; color: #5D98A4;}
a:active, a:hover {text-decoration: none; color: #63C1D3;}

/* defterevonta links */
.alt_link a {color:#333;}
.alt_link a:visited {color:#333;}
.alt_link a:hover {color:#5D98A4;}

/* link kefalidas */
a#hdLogoEn {background-image: url(images/header.gif); height: 106px; width:804px; display:block; }
a#hdLogoEn span { display:none; }
a#hdLogoEn :hover {background-image: url(images/header.gif);}
a#hdLogoGr {background-image: url(images/header_gr.gif); height: 106px; width:804px; display:block; }
a#hdLogoGr span { display:none; }
a#hdLogoGr :hover {background-image: url(images/header_ge.gif);}
a#hdLogoGe {background-image: url(images/header_ge.gif); height: 106px; width:804px; display:block; }
a#hdLogoGe span { display:none; }
a#hdLogoGe :hover {background-image: url(images/header_ge.gif);}

/* kyriws menou. ta ypoloipa dedomena einai parakatw, sto Layout */
#hd_menuEn_01 a {background-image: url(images/hd_menuEn_01.gif);}
#hd_menuEn_01 a:hover {background-image: url(images/hd_menuEn_ro_01.gif);}
#hd_menuEn_02 a {background-image: url(images/hd_menuEn_02.gif);}
#hd_menuEn_02 a:hover {background-image: url(images/hd_menuEn_ro_02.gif);}
#hd_menuEn_03 a {background-image: url(images/hd_menuEn_03.gif);}
#hd_menuEn_03 a:hover {background-image: url(images/hd_menuEn_ro_03.gif);}
#hd_menuEn_04 a {background-image: url(images/hd_menuEn_04.gif);}
#hd_menuEn_04 a:hover { background-image: url(images/hd_menuEn_ro_04.gif);}
#hd_menuEn_05 a {background-image: url(images/hd_menuEn_05.gif);}
#hd_menuEn_05 a:hover { background-image: url(images/hd_menuEn_ro_05.gif);}
#hd_menuEn_06 a {background-image: url(images/hd_menuEn_06.gif);}
#hd_menuEn_06 a:hover { background-image: url(images/hd_menuEn_ro_06.gif);}
#hd_menuGr_01 a {background-image: url(images/hd_menuGr_01.gif);}
#hd_menuGr_01 a:hover {background-image: url(images/hd_menuGr_ro_01.gif);}
#hd_menuGr_02 a {background-image: url(images/hd_menuGr_02.gif);}
#hd_menuGr_02 a:hover {background-image: url(images/hd_menuGr_ro_02.gif);}
#hd_menuGr_03 a {background-image: url(images/hd_menuGr_03.gif);}
#hd_menuGr_03 a:hover {background-image: url(images/hd_menuGr_ro_03.gif);}
#hd_menuGr_04 a {background-image: url(images/hd_menuGr_04.gif);}
#hd_menuGr_04 a:hover { background-image: url(images/hd_menuGr_ro_04.gif);}
#hd_menuGr_05 a {background-image: url(images/hd_menuGr_05.gif);}
#hd_menuGr_05 a:hover { background-image: url(images/hd_menuGr_ro_05.gif);}
#hd_menuGr_06 a {background-image: url(images/hd_menuGr_06.gif);}
#hd_menuGr_06 a:hover { background-image: url(images/hd_menuGr_ro_06.gif);}
#hd_menuGe_01 a {background-image: url(images/hd_menuGe_01.gif);}
#hd_menuGe_01 a:hover {background-image: url(images/hd_menuGe_ro_01.gif);}
#hd_menuGe_02 a {background-image: url(images/hd_menuGe_02.gif);}
#hd_menuGe_02 a:hover {background-image: url(images/hd_menuGe_ro_02.gif);}
#hd_menuGe_03 a {background-image: url(images/hd_menuGe_03.gif);}
#hd_menuGe_03 a:hover {background-image: url(images/hd_menuGe_ro_03.gif);}
#hd_menuGe_04 a {background-image: url(images/hd_menuGe_04.gif);}
#hd_menuGe_04 a:hover { background-image: url(images/hd_menuGe_ro_04.gif);}
#hd_menuGe_05 a {background-image: url(images/hd_menuGe_05.gif);}
#hd_menuGe_05 a:hover { background-image: url(images/hd_menuGe_ro_05.gif);}
#hd_menuGe_06 a {background-image: url(images/hd_menuGe_06.gif);}
#hd_menuGe_06 a:hover { background-image: url(images/hd_menuGe_ro_06.gif);}
#hd_menuEn_01 span,  #hd_menuEn_02 span, #hd_menuEn_03 span, #hd_menuEn_04 span, #hd_menuEn_05 span, #hd_menuEn_06 span, #hd_menuGr_01 span,  #hd_menuGr_02 span, #hd_menuGr_03 span, #hd_menuGr_04 span, #hd_menuGr_05 span, #hd_menuGr_06 span, #hd_menuGe_01 span,  #hd_menuGe_02 span, #hd_menuGe_03 span, #hd_menuGe_04 span, #hd_menuGe_05 span, #hd_menuGe_06 span {display: none;}

/* sidebare links */
a#mythology_maps { background-image: url(images/mythology_maps.gif); height: 25px; width:200px; display:block; }
a#mythology_maps span { display:none; }
a#mythology_maps:hover { background-image:url(images/mythology_maps.gif); }
a#mythology_maps_gr { background-image: url(images/mythology_maps_gr.gif); height: 40px; width:200px; display:block; }
a#mythology_maps_gr span { display:none; }
a#mythology_maps_gr:hover { background-image:url(images/mythology_maps_gr.gif); }
a#mythology_maps_ge { background-image: url(images/mythology_maps_ge.gif); height: 40px; width:200px; display:block; }
a#mythology_maps_ge span { display:none; }
a#mythology_maps_ge:hover { background-image:url(images/mythology_maps_ge.gif); }

a#onlinetexts { background-image: url(images/online_texts.gif); height: 25px; width:200px; display:block; }
a#onlinetexts span { display:none; }
a#onlinetexts:hover { background-image:url(images/online_texts.gif); }
a#onlinetexts_gr { background-image: url(images/online_texts_gr.gif); height: 25px; width:200px; display:block; }
a#onlinetexts_gr span { display:none; }
a#onlinetexts_gr:hover { background-image:url(images/online_texts_gr.gif); }
a#onlinetexts_ge { background-image: url(images/online_texts_ge.gif); height: 25px; width:200px; display:block; }
a#onlinetexts_ge span { display:none; }
a#onlinetexts_ge:hover { background-image:url(images/online_texts_ge.gif); }

a#booksOnMythology {background-image: url(images/books_on_mythology.gif); height: 40px; width:200px; display:block}
a#booksOnMythology span { display:none; }
a#booksOnMythology:hover {background-image: url(images/books_on_mythology.gif); height: 40px; width:200px; display:block}
a#booksOnMythology_gr {background-image: url(images/books_on_mythology_gr.gif); height: 40px; width:200px; display:block}
a#booksOnMythology_gr span { display:none; }
a#booksOnMythology_gr:hover {background-image: url(images/books_on_mythology_gr.gif); height: 40px; width:200px; display:block}
a#booksOnMythology_ge {background-image: url(images/books_on_mythology_ge.gif); height: 40px; width:200px; display:block}
a#booksOnMythology_ge span { display:none; }
a#booksOnMythology_ge:hover {background-image: url(images/books_on_mythology_ge.gif); height: 40px; width:200px; display:block}

/* links koubiwn */
a.arrow_down {background:url(images/arrow_down.gif) no-repeat right center; display:block;}
a.arrow_down:hover {background:url(images/arrow_down_ro.gif) no-repeat right center; display:block;}

a.arrow_top {background:url(images/arrow_top.gif) no-repeat right center; height:17px; display:block;}
a.arrow_top:hover {background:url(images/arrow_top_ro.gif) no-repeat right center; height:17px; display:block;}

a.look_inside { background:url(images/look_inside.png) no-repeat right center; height:50px; width:50px; display:block; position: absolute; top: 140px; left: -40px; margin-left: 150px; }
a.look_inside span { display:none; }
a.look_inside:hover { background:url(images/look_inside_ro.png) no-repeat right center; height:50px; width:50px; display:block; position: absolute; top: 140px; left: -40px; margin-left: 150px; }
a.look_inside_ge { background:url(images/look_inside_ge.png) no-repeat right center; height:50px; width:50px; display:block; position: absolute; top: 140px; left: -40px; margin-left: 150px; }
a.look_inside_ge span { display:none; }
a.look_inside_ge:hover { background:url(images/look_inside_ro_ge.png) no-repeat right center; height:50px; width:50px; display:block; position: absolute; top: 140px; left: -40px; margin-left: 150px; }

a.lang_en { background:url(images/flag_en.png) no-repeat right center; height:27px; width:50px; display:block; margin-left: 740px; margin-top: -210px; position: absolute; }
a.lang_en span { display:none; }
a.lang_en:hover { background:url(images/flag_en_ro.png) no-repeat right center; height:27px; width:50px; display:block; margin-left: 740px; margin-top: -210px; position: absolute; }
a.lang_gr { background:url(images/flag_gr.png) no-repeat right center; height:27px; width:50px; display:block; margin-left: 700px; margin-top: -210px; position: absolute; }
a.lang_gr span { display:none; }
a.lang_gr:hover { background:url(images/flag_gr_ro.png) no-repeat right center; height:27px; width:50px; display:block; margin-left: 700px; margin-top: -210px; position: absolute; }
a.lang_ge { background:url(images/flag_ge.png) no-repeat right center; height:27px; width:50px; display:block; margin-left: 660px; margin-top: -210px; position: absolute; }
a.lang_ge span { display:none; }
a.lang_ge:hover { background:url(images/flag_ge_ro.png) no-repeat right center; height:27px; width:50px; display:block; margin-left: 660px; margin-top: -210px; position: absolute; }

a.lang_maps_en { background:url(images/flag_en.png) no-repeat right center; height:27px; width:50px; display:block; margin-left: 740px; margin-top: -224px; position: absolute; }
a.lang_maps_en span { display:none; }
a.lang_maps_en:hover { background:url(images/flag_en_ro.png) no-repeat right center; height:27px; width:50px; display:block; margin-left: 740px; margin-top: -224px; position: absolute; }
a.lang_maps_gr { background:url(images/flag_gr.png) no-repeat right center; height:27px; width:50px; display:block; margin-left: 700px; margin-top: -224px; position: absolute; }
a.lang_maps_gr span { display:none; }
a.lang_maps_gr:hover { background:url(images/flag_gr_ro.png) no-repeat right center; height:27px; width:50px; display:block; margin-left: 700px; margin-top: -224px; position: absolute; }
a.lang_maps_ge { background:url(images/flag_ge.png) no-repeat right center; height:27px; width:50px; display:block; margin-left: 660px; margin-top: -224px; position: absolute; }
a.lang_maps_ge span { display:none; }
a.lang_maps_ge:hover { background:url(images/flag_ge_ro.png) no-repeat right center; height:27px; width:50px; display:block; margin-left: 660px; margin-top: -224px; position: absolute; }


/*--------------------------------------------------------------------------------*/
/*										Layout					  				  */
/*--------------------------------------------------------------------------------*/
.twoColFixLtHdr #container { 
	width: 804px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*z-index: 1;*/
} 
.twoColFixLtHdr #header {margin-top: 20px;} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/*	padding: 10px 0;  using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/*
#hdLogoEn {
	position: relative;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 0px;
	top: 0px;
	height: 106px;
	width: 804px;
}gia kapio agnosto logo den doulevoun kai h eikona exafanizetai otan thn vazw na emfanizetai me to link*/

#hdMenuEn {
	margin-top: 20px;
	height: 57px;
	width: 804px;
	position: relative;
	top: 0px;
/*	left: -40px;
*/	/*right: 0px;*/
	/*bottom: 10px;*/
}
#hd_menuEn_01, #hd_menuEn_02, #hd_menuEn_03, #hd_menuEn_04, #hd_menuEn_05, #hd_menuEn_06, #hd_menuGr_01, #hd_menuGr_02, #hd_menuGr_03, #hd_menuGr_04, #hd_menuGr_05, #hd_menuGr_06, #hd_menuGe_01, #hd_menuGe_02, #hd_menuGe_03, #hd_menuGe_04, #hd_menuGe_05, #hd_menuGe_06 {
	float: left;
	display: block; 
	background-repeat: no-repeat;
 	background-position: left top;
	height: 57px;
	/*position: relative;
	left: 0px;
	top: 0px;*/}
#hd_menuEn_01 {width: 135px;}
#hd_menuEn_02 {width: 116px;}
#hd_menuEn_03 {width: 121px;}
#hd_menuEn_04 {width: 126px;}
#hd_menuEn_05 {width: 135px;}
#hd_menuEn_06 {width: 171px;}
#hd_menuGr_01 {width: 109px;}
#hd_menuGr_02 {width: 110px;}
#hd_menuGr_03 {width: 126px;}
#hd_menuGr_04 {width: 148px;}
#hd_menuGr_05 {width: 119px;}
#hd_menuGr_06 {width: 192px;}
#hd_menuGe_01 {width: 132px;}
#hd_menuGe_02 {width: 126px;}
#hd_menuGe_03 {width: 105px;}
#hd_menuGe_04 {width: 144px;}
#hd_menuGe_05 {width: 150px;}
#hd_menuGe_06 {width: 147px;}

#main { width: 802px; position: relative; top: 0px; background-color: #FFFFFF; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #999; border-left-color: #999; padding-bottom: 20px; }

.twoColFixLtHdr #sidebar1 {
	/* 	float: left; since this element is floated, a width must be given */
	width: 200px;
	position: relative;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

/* 	titles */
#bookCatalogue {background:url(images/book_catalogue.gif); height: 25px; width:200px;}
#bookCatalogue_gr {background:url(images/book_catalogue_gr.gif); height: 25px; width:210px;}
#bookCatalogue_ge {background:url(images/book_catalogue_ge.gif); height: 25px; width:210px;}
#mythologicalMapOfGreece {background:url(images/mythological_map_of_greece.gif); height: 25px; width:500px;}
#mythologicalMapOfGreece_gr {background:url(images/mythological_map_of_greece_gr.gif); height: 25px; width:500px;}
#mythologicalMapOfGreece_ge {background:url(images/mythological_map_of_greece_ge.gif); height: 27px; width:525px;}
#mythologicalMapOfHeraclesJourneys {background:url(images/mythological_map_of_heracles_journeys.gif); height: 25px; width:525px;}
#mythologicalMapOfHeraclesJourneys_gr {background:url(images/mythological_map_of_heracles_journeys_gr.gif); height: 25px; width:525px;}
#mythologicalMapOfHeraclesJourneys_ge {background:url(images/mythological_map_of_heracles_journeys_ge.gif); height: 25px; width:525px;}
#theExpeditionOfTheArgonauts { background:url(images/the_expedition_of_the_argonauts.gif); height: 25px; width:525px;}
#theExpeditionOfTheArgonauts_gr { background:url(images/the_expedition_of_the_argonauts_gr.gif); height: 25px; width:525px;}
#theExpeditionOfTheArgonauts_ge { background:url(images/the_expedition_of_the_argonauts_ge.gif); height: 25px; width:525px;}
#mythologicalMapOfHeraclesTasks {background:url(images/mythological_map_of_heracles_tasks.gif); height: 27px; width:525px;}
#mythologicalMapOfHeraclesTasks_gr {background:url(images/mythological_map_of_heracles_tasks_gr.gif); height: 27px; width:525px;}
#mythologicalMapOfHeraclesTasks_ge {background:url(images/mythological_map_of_heracles_tasks_ge.gif); height: 27px; width:525px;}
#dnlds {background:url(images/downloads.gif); height: 25px; width:525px;}
#txt_thankyou {background:url(images/txt_thankyou.gif); height: 46px; width:527px;}
#txt_thankyou_gr {background:url(images/txt_thankyou_gr.gif); height: 46px; width:627px;}
#txt_thankyou_ge {background:url(images/txt_thankyou_ge.gif); height: 66px; width:527px;}
#indexOfNames {background:url(images/index_of_names.gif); height: 24px; width:520px;}
#indexOfNames_ge {background:url(images/index_of_names_ge.gif); height: 24px; width:520px;}
#indexOfNames_gr {background:url(images/index_of_names_gr.gif); height: 50px; width:520px;}
#GreekMythologyPocketBookSeries {background:url(images/GrMythPBookSeries.gif) no-repeat; height: 24px;}
#GreekMythologyPocketBookSeries_gr {background:url(images/GrMythPBookSeries_gr.gif) no-repeat; height: 24px;}
#GreekMythologyPocketBookSeries_ge {background:url(images/GrMythPBookSeries_ge.gif) no-repeat; height: 24px;}
#pp_logo { float: right; margin-left: 8px; margin-top: -20px; }



.twoColFixLtHdr #mainContent {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-left: 240px;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	top: 20px;
	margin-bottom: 20px;
} 
.twoColFixLtHdr #footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:url(images/ft_line.gif) no-repeat bottom;
	position: relative;
	height: 50px;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.imgAlignMidle {
	vertical-align: bottom;
}