/* Generic CSS Document */

	a:focus, a:hover, a:active { outline:none; } /* Firefox 3+ exception for making the red pixel on the top-left corner of an image disappear. */
	
	*	{ padding:0; margin:0; } /* Default Settings */ 
	body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; } /* Default Settings */ 

		
	p	{ /* Standard paragraph style*/
		color: #000000;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:75%;
		font-style:normal;
		line-height:120%;
		text-align:justify;
		margin:1em;	}

	p a {
			font-style:italic;			
			color:#000066;
			text-decoration:none;
		}
	p a:hover {color: #CC0000;}

	.shadow {
		color:#cc0000;
		font-size:110%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		line-height:2em;
		text-shadow:#aaaaaa 3px 3px 5px;}

	h5	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:100%;	
		padding:10px; }


/***** Google Map Code *****/

	#proet_map div {
   	  max-width: 320px;
	}
	#proet_map div span {
   	  white-space: normal;
		 font-size:10px;
	}
	#proet_map div a {
    	 white-space: normal;
		 font-size:10px;
	}
	
	/*.IE6Gmap2Error {
		font-size:70%;
		color:#FF0000;
		display:none; }*/

		

/***** Menu Style Code *****/
		
	ul.menuitem {
		list-style-type:none;
		text-align:right;
		float:right;
		width:171px;
		line-height:17px;
		margin-top:5px;
		margin-bottom:10px; }
	ul.menuitem li	{
		/*border-bottom:5px solid #ffffff;*/
		margin-bottom:5px;
		padding-right:5px;	}
	ul.menuitem li a	{
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:75%;
		font-weight:bold;
		color:#222222;
		padding-left:10px;	}
	ul.menuitem li a:hover {
		color:#cc0000; }
			
	.menu_button {
		padding-right:5px;
		font-family:Arial, Helvetica, sans-serif;
		clear:both;
		font-size:75%;
		font-weight:bold;
		color:#222222;
		background-color:#CCCCCC;
		text-decoration:none;
		cursor:pointer;
		text-align:right;
		width:168px;
		line-height:17px;
		margin-bottom:5px;
		border:0;
		display:block;}

	.menu_button:hover {
		background-color:#555555;
		color:#FFFFFF; }
		/*left: 5px;
 		position: relative;*/ 

	.menuIE6sep { 
		clear:both;
		margin-bottom:10px;
	/*	min-height:5px; */
	/*	height:auto !important; /* sets min-height for IE */
  	/*	height:5px; */

 }	
		
	.submenu_erga	{ /* Contains the erga submenu */
		padding-left:0px;
		text-align:right;
		margin:0; }		

	
/***** Panel Styles *****/		

	div.toppanel	{ /* Topside panel containing flash and logo*/
		font-size:60%;
		padding:10px;	}		
	div.leftpanel	{ /* Leftside panel containing upper and lower left panels*/
		float:left;
		width:193px;
		/*background-image:url(../images/backmenu.jpg);
		background-repeat:no-repeat;
		background-position:10px 10px;*/
		}
	div.uleftpanel	{ /* Upper-Left panel containing menu buttons */
		margin-left:10px;	
		margin-top:20px;
		margin-bottom:10px;
		width:173px; }
	div.uleftpanel a {text-decoration:none;}

	div.bleftpanel	{ /* Bottom-Left Panel containing JP-member-logo */
		width:173px;
		margin-top:20px;
		margin-left:10px;
		margin-bottom:20px;	}
	div.bleftpanel img {
		border:0; }
	div.content	{   /* Main panel */
		margin-left:195px;
		margin-bottom:10px;
		margin-right:10px;
		margin-top:10px;
		border-left:1px solid gray;
		padding:20px;		
		}

		
/***** Page Styles *****/
    body  { 	/* Page body settings */
		behavior: url("styles/csshover2.htc"); /* load IE5+6 hover, focus, etc support */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:medium;
		font-style:normal;
		/*margin: 5px 10px 10px 10px;*/
		background: #000 50% 0 repeat-y;
		border:0;
		margin:0;
		padding:0;  }
	div.pcontainer {
		background: url(../images/backg.jpg) 50% 0 no-repeat;
		background-attachment:fixed;
		margin:0px auto;		
		width:100%;
		height:100%;
		overflow:hidden;}
	div.container	{ /* Inner Content */
		width:800px;
		margin:0px auto;
		position:static;
		/*background:url(../images/backcover.jpg) #000 0% 0 no-repeat;*/
		background-color:#FFFFFF;
		padding-bottom:10px;	}	

	

/* Sample Photo Gallery Styles */
	div.galleryimg {
		font-size:60%;
		margin-left:auto;
		margin-top:2em;
		margin-bottom:2em;
		margin-right:auto;
		width:495px;
		padding-right:2px;
		padding-top:4px;
		padding-left:4px;
		border-top:1px solid #eeeeee;
		border-bottom: 1px solid #999999;
		border-right: 1px solid #cccccc;}
	div.galleryimg img {
		padding:0;
		border:0;
		margin:0; }
		.galleryimgtxt {
		text-align:right;
		padding-right:2px;
		line-height:20px;}
		.galleryimgtxt a {
		font-style:italic;			
		color:#000066;
		text-decoration:none; }
		.galleryimgtxt a:hover {
		color:#cc0000; }


/* Photo Gallery Styles */
		div.thumb {
		padding-top:0px; 
		margin-top:20px; 
		margin-bottom:10px;
		margin-left:auto;
		margin-right: auto;
		width:516px; }
	.imagehoveroff 	{
		border-left:0px solid #ffffff;
		border-top:0px solid #eeeeee;
		border-bottom: 0px solid #999999;
		border-right: 0px solid #cccccc;
		height:84px;
		padding:0px;
		margin:1px;
		opacity:0.67;}
	.imagehoveroff:hover	{
		border:0px solid #555555;
		opacity:1;}
	.imagehoveron  {
		border-left:0px solid #ffffff;
		border-top:0px solid #eeeeee;
		border-bottom: 0px solid #999999;
		border-right: 0px solid #cccccc;
		height:84px;
		padding:0px;
		margin:1px;
		opacity:1;}


	div.titlecontainer { /* Page Title - Katoikies, etc */
		border-bottom:1px solid #BBB; 
		margin-bottom:2em;}
	
	.flash_container	{ /* Contains the flash movie */
		padding-left:5px;
		display:inline; }
	.gallery_container	{
		height:350px;
		width:555px;	}
	.intropage_container {
		margin-left:auto;
		margin-right:auto; 
		background: #000000 url('../images/backintro.jpg'); 
		padding-top:6%; 
		width:850px; 
		height:480px; }
	.introflash_container	{
 		margin:0;
		padding:0;
		width:800px;  }				


/* Date Line Styles */
	.date_line	{ 
		background:url(../images/dateline.jpg) repeat-x center;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:75%;
		font-style: normal;
		line-height:150%;
		height:25px;
		width:784px;
		float:left;
		margin-left:10px;
		border:0;	}
	.date_line #leftsection {
		float:left; width:519px; height:25px;}	
	.date_line #rightsection {
		float:left; width:250px; height:25px; text-align:right; padding-right:5px; }
	.date_line h5 {
		color:#CC0000; padding:0; line-height:18px; display:inline; }

/* Page Footer Styles */
	.footer	{ 
		height:19px;
		background-color:#ffcc00;		
		line-height:19px;	
		margin-left:10px;
		margin-right:10px;
		padding-left:4px;		
		border:1px solid gray;
		font-size:70%;
		clear:both;	}	
	.footer img	{ 
		border:0;
		margin:0; }
	.footer a	{
		text-decoration:none;
		color:#000000; }

	.footerleft {float:left; text-align:right; width:710px;}
	.footerleft img {padding-top:1px;float:left;}
	.footerright {float:right; height:20px; width:54px; overflow:hidden;}
	.footerright img { border-left:1px solid gray;}		

/* List Styles */

	.ul_standard_red { /* List with disc symbol */
		padding-left:3em;
		padding-right:2em;
		color:#cc0000;
		list-style-type:disc;	}
	.ul_standard_red li span {color:#000000; font-size:75%; display:block; margin-left:10px; line-height:200%;}

	.ul_substandard_red { /* Sub-list with disc symbol */
		padding:1em;
		padding-left:5em;
		padding-right:1em;
		color:#cc0000;
		list-style-type:disc;	}
	.ul_substandard_red li span {color:#000000; font-size:75%; display:block; margin-left:10px; line-height:150%;}

	.ul_square_red { /* List with square symbol */
		padding-left:2em;
		text-align:justify;
		padding-right:1em;
		color:#cc0000;
		list-style-type:square;	}
	.ul_square_red li span {color:#000000; font-size:75%; display:block; margin-left:10px; line-height:150%;}
	.ul_square_red li h5 {color:#000000;font-size:80%; display:block; line-height:150%;}


/* Eidika Proionta Styles */
	div.proionta, div.proiontav{
	border:0px solid gray;
	height:72px;
	width: 240px;
	padding:5px;
	float:left;
	text-decoration:none;	
	margin:5px;}
	div.proionta img, div.proiontav img{
 	display: block;
    margin-left: auto;
    margin-right: auto;
	float:left;
	text-decoration:none;
	border: 1px solid gray;
	padding: 1px; }
	div.proionta h6, div.proiontav h6 {
	margin-left:106px;
	font-weight:normal;
	font-size:80%; }
	
	div.proiontav {height:96px;}
	div.proiontav img {margin-left:12px;}
/* Photo Gallery UI Styles */
	.gal_nav_link_left, .gal_nav_link_right {
		font-family: Verdana, Arial, Helvetica, sans-serif;	
		font-size:75%;
		text-decoration:none;
		cursor:pointer;
		width:173px;
		height:29.6px;
		line-height:29.6px;
		border-bottom:1px solid gray;
		color:#000000;
		margin:0;
		display:block;		 }
	.gal_nav_link_left {padding-right:3px;}
	.gal_nav_link_right {padding-left:3px;}	
	.gal_nav_link_left:hover, .gal_nav_link_right:hover {
		background-color:#FFCC66; }
	#gallery_inactive {
		cursor:default; }
	#gallery_inactive:hover {
		background-color:#FF9966; }
	.gal_nav_img {
	 	width:173px;
	  	height:150px; 
	  	float:left; }
	.gal_nav_img a {
		text-decoration:none; }
	.gal_imageloader {width:150px; height:150px;}
	
/* Miscellaneous Styles*/
	#inactive {
		color:#CCCCCC;
		}
	.contactwrap {margin-bottom:25px; width:543px; height:320px; margin-left:10px; float:left; border:1px solid #BBB;}
	.contactmap {width:320px;height:300px; float:left; border:1px solid #BBBBBB; margin:10px;}
	.contacttext {float:left; width:190px; margin-top:10px;}	
	.contacttext p {font-size:70%; text-align:left; padding-bottom:10px; padding-top:10px; margin:0; border-bottom:1px solid #BBBBBB;}			
	.contactminiimg {margin-right:4px;}
	.contactbars { border-bottom:1px solid #BBBBBB; padding-bottom:10px; width:100px; }
	.contactdirections { border:1px solid #BBBBBB; margin-left:10px; width:543px; clear:both;}
	.gmapnavpanel { font-size:70%; width: 543px; margin-left:6px; clear:both;} /* Navigation Directions Panel */

	/* Intro page text styles */

	.altspace { height:240px;width:758px;}
	.altintro { height:130px;width:576px; position:relative; top:55px; margin-left:auto; margin-right:auto;} /*Alternate intro for users without flash */
	.intrologo {height:130px; width:236px; float:left;} /*Alternate intro logo */
	.altleftpanel{height:130px; width:170px; float:left;} /*Alternate intro left panel */
	.altrightpanel{height:130px; width:170px; float:left;} /*Alternate intro left panel */	
	.altintrocat {height:32px; width:170px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:75%; border-bottom:1px solid #ffcc00;}
	.altintrocat a { text-decoration:none; line-height:32px; color:#FFCC00; }
	.altintrocat a:hover {color:#FFFFFF;}

	.introtext {
		color:#FFCC00;
		font-size:100%;
		position:relative;
		bottom:20px; }

	.lineintro, .lineintrosmall {
		margin-top:40px;
		color:#FFCC00;
		font-weight:bold; 
		font-size:75%;
		text-align:center; }
	.lineintro a {
		color:#FFFFFF; 	
		font-size:110%;
		text-decoration:none;
		font-weight:bold; }	
	.lineintro a:hover {
		color:#cccccc;	}
	.lineintrosmall {font-size:60%; width:400px; padding-top:5px; border-top:1px solid #ffcc00; margin-top:30px;}

	.sidetext {
		font-size:70%;
		text-align:justify; }
	.topimg {
		margin-left:5px;
		width:534px;
		height:130px; }
	.logoimg {
		width:236px;
		height:130px; }
	.preloadthis {display:none;}
		
		
/* Den thimame ti einai Styles */
	.btback {
		float:right; }
	.btback a {
		color:#222222;
		font-style:normal;
		padding-left:10px; }
	.btback a:hover {
		color:#cc0000;
		border-bottom:0;
		border-left:2px
		dotted gray; }