/*GLOBAL STYLES START*/
*{padding:0; margin:0;}
body{background:url(images/back.gif) repeat-x top; font-family:Tahoma, Arial; font-size:12px; line-height:14px; COLOR:#242424; text-align:left;}
img {border-color: white;}
input {vertical-align:middle;}
textarea{font-family:Tahoma, Arial;}
input {height:19px;}
.column {float:left;}
.clear {clear:both;}
p {font-size:12px; 
    text-indent: 14px;
    line-height: 16px;
    text-align: justify;
    font-family:Tahoma, Arial;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.comment {font-size:11px; 
    text-indent: 7px;
    text-align: justify;
    font-family:Tahoma, Arial;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.roundT_topside{background:url(images/side.gif) repeat-x top #FFFFFF;}
.roundT_bottside{background:url(images/side.gif) repeat-x bottom;}
.roundT_leftside{background:url(images/side.gif) repeat-y left ;}
.roundT_rightside{background:url(images/side.gif) repeat-y right;}
.roundT_ltc{background:url(images/ltc.gif) no-repeat left top;}
.roundT_rtc{background:url(images/rtc.gif) no-repeat right top;}
.roundT_lbc{background:url(images/lbc.gif) no-repeat left bottom;}
.roundT_rbc{background:url(images/rbc.gif) no-repeat right bottom;}

/*do not make any change here to prevent design brake!!!*/
#header{height:299px; background:url(images/back.gif) repeat-x top #7F8D95;}
#header .col1{float:left; width:241px; height: 299px;;}
#header .col1 .indent{margin-left:10px; margin-right:5px;}
#header .col2{float:left; width:482px; height: 299px; no-repeat left top;}
#header .col2 .text{margin:7px 5px 18px 300px;}
#header .col3{float:left; width:241px; background:url(images/h_back1.gif) no-repeat 0 0 #7F8D95; height:299px;}
#header .col3 .indent{margin-left:10px; margin-right:5px; margin-top:-15px;}


#footer{width:100%; float:left; background-color: #E4E8EA;}
#footer a {color:#7F8D95; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer .col1{width:240px; float:left;}
#footer .col1 .indent{ margin:10px 0 10px 10px;}
#footer .col2{width:723px; float:left;}
#footer .col2 .indent{ margin:10px 0 15px 50px;}
/*GLOBAL STYLES END*/
/*********************************************************************************************************/
/*LIST CLASSES START*/
ul {list-style:none; }
li {background:url(images/pimp1.gif) no-repeat 5px 7px; padding-left:15px; line-height:18px; color:#348CBC; }
li a {text-decoration:underline; color:#348CBC; line-height:18px;}
li a:hover {text-decoration:none;}


/*LIST CLASSES END*/
/*LINKS START*/
a {color:#348CBC; text-decoration:underline;}
a:hover{ text-decoration:none; }

.mail {color:#FFFFFF; text-decoration:none; font-family:Tahoma, Arial;}
.mail:hover{ text-decoration:underline; font-family:Tahoma, Arial;}

.link1 {color:#348CBC; text-decoration:underline; font-weight:bold;}
.link1:hover {text-decoration:none;}

.link2 {color:#7F8D95; text-decoration:underline; font-weight:bold;}
.link2:hover {text-decoration:none;}

/*LINKS END*/
/*TXT START*/
.txt1 {color:#FFFFFF; font-size:20px; line-height:20px; font-family:Tahoma, Arial;}
.txt2{color:#FFFFFF; font-family:Tahoma, Arial;}
.txt3{color:#4E4F50;font-size:18px; line-height:18px; font-family:Tahoma, Arial;}
.txt4{color:#B0B0B0; font-family:Tahoma, Arial;}
/*TXT END*/
/******************--for each pages classes--***************************************/
#page1 #content .col1 .indent{ margin-left:26px; margin-top:5px; margin-right:15px;}
#page1 #content .col2 .indent{ margin-left:18px; margin-top:5px;}
#page1 #content .col3 .indent{ margin-left:18px; margin-top:5px;}

#page2 #content .col1 .indent{ margin-left:26px; margin-top:5px; margin-right:20px;}
#page2 #content .col2 .indent{ margin-left:18px; margin-top:5px;}

#page3 #content .col1 .indent{ margin-left:26px; margin-top:5px; margin-right:20px;}
#page3 #content .col2 .indent{ margin-left:18px; margin-top:5px;}

#page4 #content .col1 .indent{ margin-left:26px; margin-top:5px; margin-right:15px;}
#page4 #content .col2 .indent{ margin-left:18px; margin-top:5px; margin-right:10px;}
#page4 #content .col3 .indent{ margin-left:18px; margin-top:5px;}

#page5 #content .col1 .indent{ margin-left:26px; margin-top:5px; margin-right:20px;}
#page5 #content .col2 .indent{ margin-left:18px; margin-top:5px;}

#page6 #content .col1 .indent{ margin-left:26px; margin-top:5px;}
#page6 #content .col2 .indent{ margin-left:18px; margin-top:5px; margin-right:10px;}
#page6 #content .col3 .indent{ margin-left:18px; margin-top:5px; margin-right:5px;}
.h{height:30px;}

#page7 #content .col1 .indent{ margin-left:26px; margin-top:5px;}

/*_____________________________________________________*/
/*††††††††††††††††††††††-ΡΛΐΙΔ ΨΞΣ-†††††††††††††††††††††††*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #7F8D95;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #7F8D95;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: 194px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*_____________________________________________________*/
/*††††††††††††††††††††††-ΒΕΠΥΝΕΕ ΜΕΝή-†††††††††††††††††††††††*/

.suckerdiv ul{
list-style-type: none;
border-bottom: 0px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
}

/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 332px; /*sub menu width*/
margin-top:-20px;
margin-left:-500px;
visibility: hidden;
background-color: #B6BEC3;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
padding: 1px 5px;
border: 0px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: #FFFFFF;
}

.suckerdiv .subfolderstyle{
background: url(images/arrow-list.gif) no-repeat center right;
}

/*_____________________________________________________*/
/*††††††††††††††††††††††-Μθνθ Κΰλενδΰπό-†††††††††††††††††††††††*/

table.smallcalmth    {
	color: #000000;
	font-family: Tahoma,Arial;
	font-size: 13;
	width: 90%;
}

div.smallcalmth    {
	color: #FFFFFF;
	font-family: Tahoma,Arial;
	font-size: 14;
}

a.smallcalmth    {
	color: #FFFFFF;
	font-family: Tahoma,Arial;
	font-size: 14;
}

a.smallcalmth:visited    {
	color: #FFFFFF;
	font-family: Tahoma,Arial;
	font-size: 14;
}

td.smallcalmth    {
	background-color: #F4F4F4;
	border:#884422 thin solid;	
}

a.smallcalev:hover    {
	color: #FF2040;
	font-family: Tahoma,Arial;
	font-size: 10;
}

div.smallcalevtime    {
	color: #000000;
	font-family: Tahoma,Arial;
	font-size: 10;
}

div.smallcalev    {
	color: #0020A0;
	font-family: Tahoma,Arial;
	font-size: 10;
}
div.normalfont    {
	color: #000000;
	font-family: Tahoma,Arial;
	font-size: 12;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

table.normalfont    {
	color: #000000;
	font-family: Tahoma,Arial;
	font-size: 12;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

a.normalfont:link    {
	color: #000000;
	text-decoration: none;
}

a.normalfont:visited    {
	color: #000000;
	text-decoration: none;
}

a.normalfont:hover    {
	color: #000000;
	text-decoration: underline;
}
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */