/*Αυτό το block του κώδικα κάνει reset όλα τα margins και 
τα paddings σε όλα τα html στοιχεία της σελίδας μας..*/
*{margin:0;padding:0;}

/*Εφαρμογή χρώμα φόντου στη σελίδα μας...!*/
body{
background-image:url(../img/background1.jpg);
background-repeat:repeat-x;

background-attachment:fixed;
}


#container{height:1400px;width:100%;margin:10 auto;background-color:#FFFFCC
;overflow:hidden;}
#mainContent{height:1000;width:100%;margin:10 auto;background-color:#FFFFCC
;overflow:hidden;}
#clear{clear:both;}/*καθαρίζονται όλα τα floats σε όλη τη σελίδα μας*/
/*Το css για το header*/
#header{width:100%;height:290px;border-top:1px solid #FFFF00;border-bottom:1px solid #FFFF00;background-image:url(../img/spherize.jpg);
background-repeat:repeat-x;}
/*Το css για το logo*/
#logo{float:left;width:157px;height:166px;margin-left:300px;}
 


#membersAndLogin{/*αρχική σελίδα*/
float:left;
margin-left: 185px;margin-top: 130px;}/*CSS για list items - το κάθε ένα link δηλαδή..*/

#membersAndLogin li{
list-style: none;/*Αυτή η εντολή εξαφανίζει τις κουκκίδες που υπάρχουν αριστερά από κάθε list item*/
float:left;margin-right:10px;/*Περιθώριο 10px δεξιά σε κάθε link της λίστας με τα link.*/
font-size:12px;/*Μέγεθος γραμματοσειράς.*/
font-family:Kalinga;/*Τύπος γραμματοσειράς.*/}/*CSS για τα links <a>*/

#membersAndLogin li a{
text-decoration:none;/*Αφαιρεί την γραμμή που υπάρχει by default κάτω από κάθε link.*/
color: #818181;/*χρώμα γραμματοσειράς κάθε link.*/}
/*CSS που εφαρμόζεται όταν περνάμε το ποντίκι πάνω από ένα link*/

#membersAndLogin li a:hover{
background: #dFdFdF;}



#navigation{
height:30px;

width:100%;
margin: 0 0 5px 0;
padding-left: 180px;/*μεταφέρει το μενού στη μέση*/
overflow:hidden;}

#navigation li{
list-style: none;
float:left;
padding:0 30px 0 30px;
line-height: 30px;
margin-right:20px;}


#navigation li a{
font-family:Verdana, Geneva, sans-serif;
color:#C0C0C0;
text-decoration:none;
text-align:center;}

#navigation li a:hover{
color:#99CCFF;
left repeat-x;
padding-top:3px;}



#up{/*αρχική σελίδα*/
width:100%;
height:500px;
float:center;
background:#C0C0C0;
background-repeat:repeat-x;}

#middle{/*αρχική σελίδα*/
width:100%;
height:600px;
background:#FFFFCC;
background-repeat:repeat-x;}

#middle-left{/*αρχική σελίδα*/
width:500px;
height:400px;
float:left;
margin-left:70px;
margin-top:10px;
border-top:1px solid #FFFFFF;


background-repeat:repeat-x;}

#middle-right{/*αρχική σελίδα*/
width:500px;
height:400px;
float:right;
margin-right:70px;
margin-top:10px;
border-top:1px solid #FFFFCC;


background-repeat:repeat-x;}



#base{
width: 1200px; margin: 0 auto;  /*Margin-left:auto; Margin-right:auto;*/
height:800px;
float:center;
margin-top:40px;
border-top:1px solid #E6DAFE;


background-repeat:repeat-x;
overflow: hidden;}


#greatboxleft{/*επικοινωνία*/
float:left;
color:#99CCFF;
margin-top:20px;
margin-right:1px;
margin-left:120px;  
width:270px;
height:300px;
}

#bigboxright{/*επικοινωνία*/
float:right;
font-family:Verdana, Geneva, sans-serif;
color:#99CCFF;
margin-right:100px; 
margin-left:100px; 
width:600px;
height:500px;
}


#mailForm{
margin-left:2px; 
color:#99CCFF;
}

#slideshow{
border:5px solid #4A555E;
margin: 0 auto;  /* κέντρο*/
}


#footer{
width:100%;
height:210px;

background:#141414;
background-repeat:repeat-x;}

#footer_wrap {
   width:100%;
   height:150px;
   color:#99CCFF;
  background:#141414;
   float:left;
}
#footer {
   width:950px;
   height:100px;
   margin:0 auto;
   padding:20px 0 0 0;
}
#footer_left {
   width:550px;
   height:50px;
   float:left;
   font-family:Verdana, Geneva, sans-serif;
   font-size:11px;
   margin-top:5px;
   line-height:25px;
   }

#footer ul{
width:100%; 
margin:0;
padding:0;
list-style-type:none;
float:left;}
#footer ul li{
float:left;
margin:0 0px;}
#footer ul li a
{display:block;
float:left;
color:#99CCFF;
text-decoration:none;
padding:0 12px 0 0;
line-height:25px;}
#footer ul li a:hover, 
#footer ul li a.current{
color:#4A555E; 
text-decoration:underline;}