/* CSS Document */
@charset "utf-8";

<style type="text/css">

/*----------------------------------------------
				Page Layout
----------------------------------------------*/
body {
	margin:0;
	padding:0;
	font-family:Georgia, Times, "Times New Roman", serif;	
	color:#000;
	/* width: 600px;	*/
	}

#frame  /*All together*/
	{
	margin: 0;
	background-color:#FFFFFF;
	
	/*border:1px dashed black;*/
	}
		
#header {
	margin:0px;
	padding:0px;
	height:335px;
	width:1239px;
	color:#FFFFFF;
	
	border:1px solid black;
	}
			
#header h1 {
	margin: 0;
	/*padding: .5em;*/
	color: white;
	text-align:center;	
	}
		
#columnLeft {
	float: left;
	width: 200px;
	margin-left: 5px;
	padding-top: 1em;
	padding-bottom:2em;
	/*border:1px dashed black;*/
	}
		
#columnLeft p { 
	margin-top: 0; 		
	}
		
#columnRight {
	padding-top: 1em;
	margin: 18px 2px 50px 230px;   /* The width of Right column*/
	padding-left:inherit;
	/*border:1px dashed black;*/
	}
		
#columnRight h2 { 
	margin-top: 0;			
	}		

#footer {
	margin:0px;
	padding:0px;
	clear: both;
	background-color: #ccc;	
	border:1px solid #333;
	width:1239px;            /*Για τον Opera, αλλίως βγάζει ότι να ναι */
	}
/*----------------------------------------------
			Για το footer.php
----------------------------------------------*/
#footer a{
	color:#FF8000;
	text-decoration:underline;	 		
	}

#footer a:hover{
	color:#ff0000;
	text-decoration:none;	 		
	}

p.footereli {
	font-size:12px !important;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}

#site_validator{
	margin:0px 0px 0px 600px;
	}
/*----------------------------------------------
			 Site Map
----------------------------------------------*/
#sitemap {
	font-size:16px;
	font-family:"Courier New", Courier, mono;
	font-style:italic;	      
	margin:30px 30px 40px 30px;
}

#sitemap a{color:#FF8000;
	text-decoration:none;
}

#sitemap a:hover{color:#ff0000;
	text-decoration:underline;	
}

/*----------------------------------------------
		Το κυρίως μενού αριστερά
	(Αλλά το παλιό χωρίς το expanding menu)
----------------------------------------------*/
/*
#navsite h5 
	{
	display: none;
	}*/
/*
#navsite {
	font-size: 0.7em;
	font-weight: bold;
	width: 180px;             /* The width of menu */	
	/*padding: 0 0 0 0; 
	margin-bottom: 1em; 
	font-family: Verdana, Helvetica, Arial, sans-serif; */
	/*border:1px dashed black;/**/
/*}*/
/*
#navsite ul 
{
	list-style: none;  /* Βγάζει τις κουκίδες */
	/*margin: 0; 
	padding: 0; 
}*/
/*
#navsite ul li 
{
	margin: 0; 
}

#navsite ul li a {
	display: block; 
	padding: 2px 2px 2px 0.5em; 
	border-left: 10px solid #369; 
	border-right: 1px solid #69c;
	border-bottom: 1px solid #369;
	background-color: #036; 
	color: #fff; 
	text-decoration: none; 
	width: 100%; 
}

html>body #navsite ul li a { 
	width: auto;
 
} 

#navsite ul li a:hover 
{
	border-left: 10px solid #036;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #369; 
	background-color: #69f; 
	color: #fff; 
}*/

/*----------------------------------------------
				Διάφορα
----------------------------------------------*/
p {
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;	
	text-indent:20px;        /* Πόσο μέσα θα ξεκινάει μία παράγραφος */
	line-height:1.2em;       /* Είναι το διάστυχο μεταξύ των γραμμών */
	padding: 0px 20px 0px 20px;
	}

p:first-letter{              
	font-size:2.0em;
	font-weight:bold;
	font-style:italic;	
	}
	
p.firstletter{
	font-size:2.0em;
	font-weight:bold;
	font-style:italic;
	}

p.hidden{
	color:#ccc;
	}

p.block{
	color:#FF8000;
	font-size:20px;
	font-style:italic;
	margin:150px 120px 50px 10px;
	}

h2,h3,h4,h5,h6{
	text-align:center;
	color:#0000ff;
	/*width:1185px;*/
	}	

h1{
	color:#FFCC00;
	text-align:center;
	}
	
tr.sillogos1{
	background-color:#999999
	}

.red{color:#FF0000;}

.portokali{color:#00FF00;}

#blue{color:#0000FF;}

#Ionia h4{
	color:#FF0000;
	font-style:italic;
	}
	

/*----------------------------------------------
	Καρσί ήταν ίσαμε χθες η πατρίδα μας
----------------------------------------------*/

#karsi {
	text-align:center;
	font-size:18px;
	font-family:"Courier New", Courier, mono;
	font-style:italic;	      
	margin:30px 30px 40px 30px;
	}	

#karsi a{
	color:#FF8000;
	text-decoration:none;	 		
	}

#karsi a:hover{
	color:#ff0000;
	}
			
/*----------------------------------------------
					Πίνακες
----------------------------------------------*/
table.table1{
	border-collapse:collapse;   /* Για να μην φαίνεται το εξωτερικό Border του πίνακα που είναι και πολύ παχύ */
	width:50em;
	border:1px solid #666;      /* Μόνο το γύρω γύρω όλου του πίνακα και όχι των κελιών. */
	}

th, td {
	padding: 0.1em 1em;
	}
	
caption{
	font-size:1.2em;
	font-weight:bold;
	margin:1em 0;
	}
	
table.table_insert{
	border-collapse:collapse;   /* Για να μην φαίνεται το εξωτερικό Border του πίνακα που είναι και πολύ παχύ */
	width:50em;
	border:1px solid #666;      /* Μόνο το γύρω γύρω όλου του πίνακα και όχι των κελιών. */
	}

/* tr.hilite{background:#CCC;}     /* <tr class="<?php echo $i%2 ? 'nohilite' : 'hilite'; ?>"> */
/*	tr.nohilite{background:FFF;}   */

/*a{font-variant:small-caps;text-decoration:none;}*/
/*
a{text-decoration:none;}
a:link,a:visited{color:#696A21;}
a:hover,a:active{color:#692121;text-decoration:underline overline;}
*/
/*----- Για τις κάθετες στήλες -----*/
col{
	border-right:1px solid #666;
	}
col .abc4{
	border:none;
	}	
/*----- Για τις γραμμές -----*/

table.table1 .odd {
  background-color:#edf5ff;
}

table.table1 tr:hover {
  background-color:#3d80df;
  color: #fff;
}

/*----------------------------------------------
			Drop Shadow Effect 2
	Είναι το περίγραμμα πίσω από τις εικόνες.
----------------------------------------------*/
.img-wrapper {
	background: url(shadow.gif) no-repeat bottom right;
	float:left;
	line-height:0;
	margin:15px 15px 0px 15px;
	}
 
.img-wrapper img {
 	background:#fff;
	padding:4px;
	border:1px solid #a9a9a9;
	position:relative;
	left:-5px;
	top:-5px;
	}
/* Μόνο για την σελίδα που βρισκόμαστε */
.img-wrapper2 {
	background: url(shadow.gif) no-repeat bottom right;
	float:left;
	line-height:0;
	margin:0px 0px 0px 5px;
	}
 
.img-wrapper2 img {
 	background:#fff;
	padding:4px;
	border:1px solid #a9a9a9;
	position:relative;
	left:-5px;
	top:-5px;
	}
/*----------------------------------------------
			Οριζόντιο Υπομενού
----------------------------------------------*/
#navsite2 h5 {
	display: none;
	}

#navsite2 {
	font-size: 0.7em;
	font-weight: bold;
	width: 700px;             /* The width of menu */
	border-right: 1px solid #666; 
	padding: 0 0 0 0; 
	margin-bottom: 1em; 
	margin-left:40px;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	/*border:1px dashed black;/**/
	}

#navsite2 ul {
	list-style: none;  /* Βγάζει τις κουκίδες */
	margin: 0; 
	padding: 0; 
	}

#navsite2 ul li {
	margin: 0; 
	}

#navsite2 ul li a {
	display: block; 
	padding: 2px 2px 2px 0.5em; 
	border-left: 10px solid #369; 
	border-right: 1px solid #69c;
	border-bottom: 1px solid #369;
	background-color:#999999;	
	/*background-color: #036; */
	color: #fff; 
	text-decoration: none; 
	width: 100%; 
	}

html>body #navsite2 ul li a { 
	width: auto; 
	} 

#navsite2 ul li a:hover {
	border-left: 10px solid #036;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #369;
	background-color:#333333;	
	/*background-color: #69f; */	
	color: #fff; 
}

/*----------------------------------------------
		     Rounded boxes
	Το περίγραμμα γύρω από κείμενο και εικόνες.
----------------------------------------------*/
/*
#columnRight h1
	{ 	
	background: url(rounded_corners/top_and_bottom.jpg) no-repeat left center;
	color:#FF8000;
	margin:0px 0px 50px 0px;
	}*/

.periheader h1{
	text-align:center;
	font-size:28px;	
	color:#FF8000;
	width:800px;
	height:37px;
	background: url(rounded_corners/top_and_bottom.jpg) no-repeat left top;
	margin-top:-10px;
	padding-bottom:10px;
	padding-top:4px;
	/*border:1px dashed black;*/
	/*margin:0px 0px 50px 0px;*/
	}

.periheader2lines h1{
	text-align:center;
	color:#FF8000;
	width:800px;
	height:72px;
	background: url(rounded_corners/top_and_bottom_2lines.jpg) no-repeat left top;
	margin-top:-10px;
	padding-bottom:15px;
	padding-top:-8px;
	/*border:1px dashed black;*/
	}

.box {
	width: 800px;
	background: url(rounded_corners/tileeli.jpg) repeat-y;
	}

.box h3 {
	background: url(rounded_corners/topeli.jpg) no-repeat left top;
	padding-top: 20px;
	}

.box h1 {
	background: url(rounded_corners/topeli.jpg) no-repeat left top;
	padding-top: 20px;
	}


.box .last {
	background: url(rounded_corners/bottomeli.jpg) no-repeat left bottom;
	padding-bottom: 20px;
	}

.box h3 {
	padding-left: 20px;
	padding-right: 20px;
	}

.box p {
	padding-left: 20px;
	padding-right: 20px;
	}

.box ul{
	padding-left: 20px;
	padding-right: 20px;
	}

.box .last2 {
	background: url(rounded_corners/bottomeli.jpg) no-repeat left bottom;
	padding-bottom: 20px;
	font-family:"Courier New", Courier, mono;
	font-style:italic;
	}
/*----------------------------------------------
			 Φόρμα Επικοινωνίας
----------------------------------------------*/
input:focus{
	background:#ffc;
	}
	
input[type="text"]{
	width:300px;
	background-color:#99FFFF;
	}
	
input[type="hidden"]{
	width:300px;
	background-color:#99FFFF;
	}

textarea{
	width:300px;
	background-color:#99FFFF;
	}

input:focus, textarea:focus{
	background:#ffc;
	}
/*----------------------------------------------
              Για τον header 
			για την πάνω εικόνα
----------------------------------------------*/

.news {                      /* Το φτιάχνει όλο γκρι με γύρω γύρω */
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	border:solid 1px black;
	float:left;	
	}

.news img{
	float:left;	
	}

.news p{
	float:right;
	}

/*--------------------------------------------------------------------
			        Για τις εικόνες στο header
	wwf - pandoiko - paratiritirio - greenpeace - mn3 - Παρατηρητήριο
---------------------------------------------------------------------*/
.hf{
	width: 1221px; /* Δηλαδή όλη η εικόνα με τα κενά όπως έγινε στο photoshop */
	height: 115px;
	/*position: relative;*/
	background:url(header_images/all3.jpg) no-repeat ;
	
	position:absolute;  /* Ακριβής τοποθεσία της εικόνας */
	left:15px;
	top:220px;
	
	/*border:solid 1px red;*/
}

.hf img{
	padding:0px 0px 0px 0px;	
}

.hf h2,h5{
	margin-left:360px;
	width:500px;	
}

/*-----------------------------------------------------*/			

.hf {/*
  width: 1237px;
  height: 115px;
  position: relative;
	background: url(header_images/all2.jpg) no-repeat;*/
}

.hf ul {
  margin: 0;
  padding: 0;
  list-style: none;
}


.hf a {
  position: absolute;   
  
  width: 75px;
  height: 75px;
  text-indent: -1000em;
  /*border:5px dashed blue;*/
}

.hf a:hover {
  border: 1px solid #000; /* Το χρώμα του border για όλα μαζί */
}

.hf .kadro1 a {
  top: 18px;
  left: 0px;  
}

.hf .kadro2 a {
  top: 18px;
  left: 90px;
}

.hf .kadro3 a {
  top: 18px;
  left: 175px;
}
/*--*/
.hf .kadro4 a {
  top: 18px;
  width:150px;
  left: 933px;  
}

.hf .kadro5 a {
  top: 18px;
  width:53px;
  left: 1090px;
 
}

.hf .kadro6 a {
  top: 18px;
  width:70px;
  left: 1147px;
}

/*----------------------------------------------
					 πάνω
----------------------------------------------*/
.pano {
	font-size:16px;
	font-family:"Courier New", Courier, mono;
	font-style:italic;	      
/*	margin:30px 30px 40px 30px;*/
}

.pano a{color:#FF8000;
	text-decoration:none;
}

.pano a:hover{color:#ff0000;
	text-decoration:underline;	
}

#aboutheader{
	padding-top:20px;
	}
/*{
	border:1px dashed black;
}*/



/*{
	border:1px dashed red;
	}*/

/* Βρίσκεται στο ημερολόγιο 2010 */
.dimotiki{
	text-align:center;	
	color:#FF00FF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;	
	font-style:italic;	
	text-indent:0px;        /* Πόσο μέσα θα ξεκινάει μία παράγραφος */
	line-height:1.4em;       /* Είναι το διάστυχο μεταξύ των γραμμών */
	padding: 0px 20px 0px 20px;	
}

.alloi{    /* 'άλλοι σύλογοι στο Main_Menu.php */
	text-align:center;
	color:#FF8000;
}

	/*----------------------------------------------
	Φοβερή Τεχνική Roll Over σε οποιαδήποτε εικόνα
	
	Για την εικόνα 1 κάτω από τον κυρίως μενού
	----------------------------------------------*/

.kmp1{            /*kmp: Κυρίως μενού picture 1 */
	width: 190px; /* Δηλαδή όλη η εικόνα με τα κενά όπως έγινε στο photoshop */
	height: 30px;
	position: relative;
	background:url(AlloiSilogoi/silogos01.jpg) no-repeat ;
	
	/*position:absolute;  /* Ακριβής τοποθεσία της εικόνας */
	left:1px;
	top:10px;
	
	/*border:solid 1px red;*/
}

.kmp1 ul {             /* reset */
  margin: 0;
  padding: 0;
  list-style: none;
}

.kmp1 a {
  position: absolute;
    
  width: 190px;
  height: 30px;
  text-indent: -1000em;
  border:1px solid #ff8000;
}

.kmp1 a:hover {
	
  border: 2px solid #f00;
  
  
  }

/*----------------------------------------------
Φοβερή Τεχνική Roll Over σε οποιαδήποτε εικόνα

Για την εικόνα 2 κάτω από τον κυρίως μενού
----------------------------------------------*/

.kmp2{            /*kmp: Κυρίως μενού picture 1 */
	width: 190px; /* Δηλαδή όλη η εικόνα με τα κενά όπως έγινε στο photoshop */
	height: 30px;
	position: relative;
	background:url(AlloiSilogoi/silogos02.jpg) no-repeat ;
	
	/*position:absolute;  /* Ακριβής τοποθεσία της εικόνας */
	left:1px;
	top:15px;
	
	/*border:solid 1px red;*/
}

.kmp2 ul {             /* reset */
  margin: 0;
  padding: 0;
  list-style: none;
}

.kmp2 a {
  position: absolute;
    
  width: 190px;
  height: 30px;
  text-indent: -1000em;
  border:1px solid #ff8000;
}

.kmp2 a:hover {
  border: 2px solid #f00;
}

/*----------------------------------------------
Φοβερή Τεχνική Roll Over σε οποιαδήποτε εικόνα

Για την εικόνα 3 κάτω από τον κυρίως μενού
----------------------------------------------*/

.kmp3{            /*kmp: Κυρίως μενού picture 1 */
	width: 90px; /* Δηλαδή όλη η εικόνα με τα κενά όπως έγινε στο photoshop */
	height: 91px;
	position: relative;
	background:url(AlloiSilogoi/silogos03.jpg) no-repeat ;
	
	/*position:absolute;  /* Ακριβής τοποθεσία της εικόνας */
	left:30px;
	top:20px;
	
	/*border:solid 1px red;*/
}

.kmp3 ul {             /* reset */
  margin: 0;
  padding: 0;
  list-style: none;
}

.kmp3 a {
  position: absolute;
    
  width: 90px;
  height: 91px;
  text-indent: -1000em;
  border:1px solid #ff8000;
}

.kmp3 a:hover {
  border: 2px solid #f00;
}

/*----------------------------------------------
Φοβερή Τεχνική Roll Over σε οποιαδήποτε εικόνα

Για την εικόνα 4 κάτω από τον κυρίως μενού
----------------------------------------------*/

.kmp4{            /*kmp: Κυρίως μενού picture 1 */
	width: 90px; /* Δηλαδή όλη η εικόνα με τα κενά όπως έγινε στο photoshop */
	height: 68px;
	position: relative;
	background:url(AlloiSilogoi/silogos04.jpg) no-repeat ;
	
	/*position:absolute;  /* Ακριβής τοποθεσία της εικόνας */
	left:30px;
	top:27px;
	
	/*border:solid 1px red;*/
}

.kmp4 ul {             /* reset */
  margin: 0;
  padding: 0;
  list-style: none;
}

.kmp4 a {
  position: absolute;
    
  width: 88px;
  height: 67px;
  text-indent: -1000em;
  border:1px solid #ff8000;
}

.kmp4 a:hover {
  border: 2px solid #f00;
}
</style>