* {
padding: 0;
margin: 0;
}
img{
border:0px;
}
body, html {
font-family:Verdana, Arial, Helvetica;
font-size:12px;
background:#efefef url(aitloliki_header_bg.jpg) repeat-x left top;
text-align: center; 
}
p{
margin: 0 0 15px 0;
}
ul li{
text-align:left;
margin: 0 0 0 50px;
padding: 0 0 0 10px;
}
ol li{
margin: 0 0 0 50px;
padding: 0 0 0 10px;
}
.outer{
padding: 20px 0 0 0;
width: 1030px;
margin: 0 auto;
background:url(aitloliki_bodybg.jpg) repeat-y center top;
text-align: justify; 
}
#mainContainer {
width: 1030px;
margin: 0 auto;
text-align: left;
}
.float-wrap, #header{
width: 950px;
margin: 0 auto;
}
#topheader{
width: 920px;
margin: 0 auto;
color:#fff;
text-align:right;
height:20px;
}
#header{
height:202px;
}
#navigation {
margin: 8px 0 0 0;
}
#flash{
}

.lng a:link, .lng a:visited, .lng a:active{
color:#119aa3;
}
.lng a:hover{
color:#13c1cd;
}
#subfooter {
padding: 20px 0 20px 0;
clear:both;

height:80px;
}
#footer {
clear:both;
height:100px;
background:#000000;
padding: 30px 0;
text-align:center;
color: #ccc;
font-size:.8em;
font-weight:500;
}
a#logo:link,a#logo:visited,a#logo:hover,a#logo:active{
float:left;
margin: 7px 0 0 0;
background:url(aitloliki_index_final_05.jpg)  center center no-repeat;
display:block;
width: 239px;
height:194px;
}
a#logo span{
display:none;
}
a#pro:link,a#pro:visited,a#pro:hover,a#pro:active{
float:right;
background:url(aitloliki_2p_footer.jpg) center center no-repeat;
display:block;
width: 300px;
height:40px;
}
.address{
color:#A3A39B;
width:900px;
text-align:left;
margin: 0 auto;
}
/* helper classes */
.col-30     {width:24%; padding:10px;}
.col-25     {width:20.9%;}
.col-35     {width:47.1%;}
.col-70     {width:70.9%; padding:10px;}
.col-100    {width:900px; margin:0 auto;}
.col-50     {width:49.1%;}
.clear      {clear: both;}
.flt-right  {float:right;}
.flt-left   {float:left;}
.img-right  {float:right; margin: 0 0 0 7px;}
.img-left   {float:left; margin: 0 7px 0 0;}
.spacer-left {margin: 0 0 0 60px;}
.spacer-top {margin: 50px 0 0 0;}
.spacer-bottom {margin: 0 0 10px 0;}
.small, .grey{
font-size:.9em;
color: #888;
padding: 0 20px 0 0;
}
.orange{
color: #b75b1b;
}
/* global navigation and links*/
#navigation ul li {

padding: 0;
margin: 0;
list-style: none;
display: inline;
}
#navigation ul li a:link, #navigation ul li a:visited{
background:url(aitloliki_index_nav.jpg)  center center no-repeat;
padding: 0 10px 0 10px;
text-align: center;
font-size:.8em;
width:96px;
float: left;
text-decoration: none;
color: #fff;
font-weight: 600;
}
#navigation ul li a:active, #navigation ul li a:hover{
background:url(aitloliki_index_nav.jpg)  0 -73px no-repeat;
text-decoration: none;
}
#navigation ul li a#navselected{
background:url(aitloliki_index_nav.jpg)  0 0 no-repeat;
text-decoration: none;
}
#navigation ul li a span{
line-height: 38px;
}
a:link, a:visited{
color: #6fba4a;
font-weight:600;
font-size:.9em;
text-decoration: none;
}
a:active, a:hover{
color:#4BD0EC;
text-decoration: none;
}
.leftsub{
width:196px;
background:#BFEAF1;
padding:10px;
}
.leftsub ul li {
margin: 0 0 5px 25px;
list-style-image: url(aitloliki_subcat_bullet.jpg); 
}
.leftsub ul li a{

color:#444;
text-align:left;
margin: 0 0 2px 0px;
}

/* frontmenu*/
.frontmenu{
margin: auto;
text-align:left;

}
.frontmenu ul li {

margin: 0 0 0 20px;
list-style-image: url(aitloliki_subcat_bullet.jpg); 
}
.frontmenu ul li a:link, .frontmenu ul li a:visited, .frontmenu ul li a:active {
color:#13BCE0;
}
.frontmenu ul li a:hover {
color:#397b82;
}


/* headers */
h1{/*main header*/
padding: 0 10px 0 0;
text-align:left;
color:#397b82;
font-size: 1.5em;
letter-spacing:2px;
margin: 0 0 10px 0;
}
h2{/*programs header*/
padding: 0 0 4px 5px;
font-size:1em;
}
h3{
width:196px;
line-height:40px;
height:40px;
padding: 0 0 0 20px;
border-bottom:1px solid #fff;
background:#D3EFF3;
color:#29C3E3;
font-size: 1.4em;
}
h4{/*module titles*/

padding: 0 0 4px 0;
color:#397b82;
font-size: 1.5em;
}
/*search*/
.search{
height:78px;
width:216px;
margin: 40px 0 0 0;
background:url(aitloliki_search_bg.jpg) no-repeat center center;
}
.search h3{
line-height:33px;
height:33px;
padding: 0 0 0 40px;
background: transparent;
border:0px;
color:#fff;
font-size: 1.em;
}
.search img{
display:none;
}
.search form{
margin: 12px 0 0 10px;
}
.search input{
border:1px solid #ccc;
width:140px
}
.search #button{
background:transparent;
cursor:pointer;
border:0px;
margin: 0 0 0 10px;
width:35px
}
/* Contact form
--------------------------------------*/
.contactform{
margin: 40px 0 0 0;
float:right;
width: 700px;
}
.cssform{
width: 500px;
clear: left;
margin: 0 auto;
background-color:#fafafa;
border:1px solid #ccc;
padding: 50px;
}
.cssform p{
background:none;
width: 400px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}
.cssform label{
color:#1E5D80;
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
border:1px solid #000;
width: 250px;
border-bottom:2px solid #2e2e2e;
background-image:url(aitloliki_fieldthree.jpg);
}
.cssform input{ /*width of text boxes. IE6 does not understand this attribute*/
border:1px solid #000;
width: 250px;
border-bottom:2px solid #2e2e2e;
background-image:url(aitloliki_fieldthree.jpg);
}
.cssform #btn{
background-color: #fefefe;
margin: 10px 0 0 70px;
border:1px solid #000;
color:#000;
width:180px;
color: #ff8800;
}
.cssform #btn2{
background-color: #fefefe;
margin: 10px 0 0 190px;
border:1px solid #000;
color:#000;
width:180px;
color: #ff8800;
}
.cssform textarea{
color:#000;
border:1px solid #000;
width: 250px;
height: 150px;
border-bottom:2px solid #2e2e2e;
background-color:#e2f8fd;
}
* html .threepxfix{
margin-left: 3px;
}
a.added{
color:#6CBE6A;
display:block;
margin:0 0 20px 0;
}
/* map */
#flashmap{
width:670px; margin: 0 auto;
}
#smallmap a{
margin: 0 0 0 10px;
display:block;
height:266px;
width:200px;
background:url(aitloliki_grmap3.jpg) no-repeat 0 0;
}
/* form invitation */
#forminvite a{
margin: 10px 0 0 10px;
display:block;
height:116px;
width:200px;
background:url(aitloliki_www_adform.jpg) no-repeat 0 0;
}
#newsletter {
margin: 10px 0 0 10px;
display:block;
height:180px;
width:200px;
}
/* news */
.date{
font-size:.9em;
color: grey;
padding: 0 20px 0 0;
}
table{
width:100%;
padding:5px 5px 5px 5px;
text-align: left;
}
td{
padding: 0 0 20px 0;
}
.list{
vertical-align:top;
width:80px;
padding: 0 0 0 18px;
background:url(icon_list.gif) no-repeat 0 0;
}
marquee{
border:1px solid #bac0ce;
background:#fafafa;
padding: 5px;
}
.latestnews marquee table{
border:0px;
}
.latestnews table{
width:100%;

border:1px solid #ccc;
padding:5px 5px 5px 5px;
text-align: left;
}
.latestnews .list{
vertical-align:top;
width:80px;
padding: 0 0 0 18px;
background:url(icon_list.gif) no-repeat 0 0;
}
.latestnews td, .programs td{
padding: 0 0 20px 0;
}
.hr{
display:block;	
padding:2px;
height:1px;
background:url(hr.jpg) no-repeat center center;
}
a.smalllnk:link,a.smalllnk:visited,a.smalllnk:active{
margin: 5px 0 5px 0;
padding-right: 30px;
text-align:right;
display:block;
font-size:.8em;
font-weight:500;
color:#2aaab9;
text-decoration: underline;
background:url(aitloliki_www_arrow.jpg) no-repeat ;
background-position: right;
} 
a.smalllnk:hover{
color:#0cd4eb;
text-decoration: none;
} 
/* subfooter logos */
.sublogos{
margin: 0 0 0 0px;
padding: 20px 0 0 0;
}
.sublogos img{
padding: 0 15px;
}
/*tabs*/
#thebuttons2 {
list-style:none;
}
#thebuttons2 li {
display:inline;
}
#thebuttons2 li a:link, #thebuttons2 li a:visited, #thebuttons2 li a:hover, #thebuttons2 li a:active{
float:left;
background:url("aitloliki_www_cat_left.jpg") no-repeat left -56px;
margin:0 2px 0 0;
padding:0;
text-decoration:none;
}
#thebuttons2 li a span {
float:left;
display:block;
background:url("aitloliki_www_cat_right.jpg") no-repeat right -56px;
padding:8px 20px;
color:#fff;
}
#stories2{
border-top:1px solid #13BCE0;
margin-bottom: 1em;
padding: 5px;
}
.story{
display:none;
}
/* cases list*/
a.nwf-container-duble:link, a.nwf-container-duble:visited, a.nwf-container-duble:hover, a.nwf-container-duble:active{
text-align:left;
font-weight:500;
margin: 0 0 10px 0;
display:block;	
float:left;
width:46%;
position:relative;
padding:5px;
overflow:hidden;
height:100px;
border:1px solid #d7d7d7;
margin:1px;
}
.left-image {
float:left;
padding:0 5px;
}
.left-image img{
width:50px;
height:50px;
}
.right-text {
display:table-cell;
}
* html .right-text {
display:inline-block;
}

/* sub Menu list*/
#mydiv a:link, #mydiv a:visited, #mydiv a:active{
color: #b75b1b;
}
#mydiv a:hover{
color: #e29534;
}
/* toolbox links */
.toolbox{
width:220px;
margin: 30px auto 0 auto;
}
.toolbox a:link, .toolbox a:visited{
font-weight:400;
font-size:.8em;
line-height:18px;
text-align:center;
color:#272727;
float:left;
display:block;
background:url("aitloliki_btn_global.jpg") no-repeat center center;
width:72px;
height:18px;
}
.toolbox a:hover, .toolbox a:active{
color:#fff;
}
/*rss*/
.rss a {
text-align:left;
padding: 0 0 0 55px;
margin: 20px 0 0 0;
display:block;
height:50px;
background:url("aitloliki_icon_rss.gif") no-repeat 0 -0;
}
.rss a span{
display:none;
}
/*forum*/
.forum a {
text-align:left;
padding: 0 0 0 55px;
margin: 20px 0 0 0;
display:block;
height:50px;
background:url("aitloliki_icon_forum.gif") no-repeat 0 -0;
}
.forum a span{
display:none;
}
/*------------------------------------------------------------------------ news styling statement ----------------------------------------*/
.statement {
padding: 10px;
background-color: #f7f7f7;
font-weight: 500;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
border: 1px solid silver;
	
}



/*GEFIRA FILIKON*/
a#filikon {

background:url("banner-gefira.jpg") no-repeat center center;
border:1px solid #555;
margin: 20px 0 0 0;
display:block;
height:59px;
width:220px;
padding:1px;
}
a#filikon span{
display:none;
}

/*GYSIDATA*/
a#gisydata{

background:url("banner-gysidata.png") no-repeat center center;
border:1px solid #555;
margin: 20px 0 0 0;
display:block;
height:59px;
width:220px;
padding:1px;
}
a#gisydata span{
display:none;
}
/*DIADROMES*/
a#diadromes{
background:url("diadromes.png") no-repeat center center;
border:1px solid #555;
margin: 20px 0 0 0;
display:block;
height:59px;
width:220px;
padding:1px;
}
a#diadromes span{
display:none;
}


#progs a{
display:block;

}