/* basic elements */

body { 
	color: #555753; 
	background: #fff url() repeat-x top right; 
	margin: 0px; text-align: center; padding:0
}
div { 
	font: 8pt/12pt tahoma; 
	margin-top: 0px; 
	text-align: justify;
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #B7A5DF;
}

a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D4CDDC;
}

a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
}

input,  select {
	font-size: 8pt;
	font-family::tahoma
}
 #container {
	  text-align:left; 
	  margin:0;
	  padding:0; 
	  border:0px solid red;
	  width:917px; 
	  background: url(1example-6.gif) bottom center no-repeat;
	   padding-bottom: 1px;
}
#inner { 
	width:914px;
	margin:0;padding:0; 
	float: left; 
	overflow: hidden;border:0px solid green; }
#inner div {
 	margin:0;
	padding:0; 
	float:left; 
	background:#fff;
	border:0px solid #000; 
	 width:577px;
	 margin-right:0px;
	 margin-bottom: -1000px;
	 padding-bottom: 1000px; 
 }
	 
 #inner div  div div { 
 	 margin:0;
	 padding:0;
	 float:left; 
	 background:#fff; 
	 border:0px solid green; 
	 width:570px;
	 }
	  
	  
#inner .col2 {
	border:0px solid green; 
	background: #eee; 
	width: 320px; 
	background: url(images/right_back.gif) repeat-y
}
	
#inner .col2 div{
	margin:0;
	padding:0; 
	float: left; 
}  
#inner .col2 .BoxLight {
	margin:0;
	paddin:0;
	width:310px
}

#inner .col2 .BoxLightTop {
				background: url(images/BoxlightTop.gif) no-repeat top left;
				border:0px solid red;width:305px;
				height:23px;
				padding:8px 0 0 15px;
				font-weight:bold;clear:both;
}

#inner .col2 .BoxLightMiddle {

	width:320px;background: url(images/BoxlightMiddle.gif) repeat-y;
	border:0px solid red;
}
	
#inner .col2 .BoxLightMiddle  ul {
	width:305px;
	margin:0 0 0 15px;
	padding:0;
	text-align:left;
	
}
	
#inner .BoxLightMiddle  ul li {
	padding:3px 0 0 15px;
	list-style:none;
	background:url(images/bulletArow.gif) no-repeat;
	background-position: 0px 7px;
}	

 #inner .col2 .BoxLightMiddle  ul li a{
	color:#686a69;
	font-size:10px
}	


#inner .col2 .BoxLightBottom {
	width:320px;	
	background: url(images/Boxlightbottom.gif) no-repeat right;	
	border-bottom:3px solid #ffffff;	
}





#inner .col2 .BoxDark {
margin:0;paddin:0;width:310px
}

#inner .col2 .BoxDarkTop {
				background: url(images/BoxDarkTop.gif) no-repeat top left;
				border:0px solid red;width:305px;
				height:21px;
				padding:8px 0 0 15px;
				font-weight:bold;clear:both;	color:#ffffff
}

#inner .col2 .BoxDarkMiddle {

	width:320px;background: url(images/BoxDarkMiddle.gif) repeat-y;
	border:0px solid red;	color:#ffffff
}
	
#inner .col2 .BoxDarkMiddle  ul {
	width:305px;
	margin:0 0 0 15px;
	padding:0;
	text-align:left;
	
}
	
#inner .BoxDarkMiddle  ul li {
	padding:5px 0 0 5px;
	list-style:none;
	background-position: 0px 9px;
}	

 #inner .col2 .BoxDarkMiddle  ul li a{
	color:#686a69;
	font-size:10px
}	


#inner .col2 .VoteButton 
{
	text-align:center;
	background-color:gray;
	border:1px solid #ffffff;
	padding:1px 0 3px 6px;
	margin:4px 0 0px 40px;
	color:#ffffff;
	
	
	
}

 #inner .col2 .VoteButton a:link {
	color:#ffffff;
}

 #inner .col2 .VoteButton a:visited {
	color:#ffffff;
}

  #inner .col2. VoteButton a:hover {
	
}


#inner .col2 .BoxDarkBottom {
	width:320px;	
	background: url(images/BoxDarkBottom.gif) no-repeat bottom right;
	border-bottom:3px solid #ffffff;	
}




.Footer {
	border-top:0px solid red;
	background:url(images/footer_back1.gif) no-repeat;
	color:#ffffff;
	clear:both;
	padding:3px 0 0 12px;
	margin:0 0px 0 0;
	width:891px;
	height:24px;
	
}
	
	
/*---------------------------------START HEADER ----------------------------------------------------------------------*/		
.Header {
	width:900px;
	border:1px solid white;
	height:80px;clear:both
}

.HeaderLogo {
	float:left;
	width:400px;
	border:0px solid red
}


.HeaderTools {
	padding:0 7px 0 0;
	margin:15px 0 0 0;
	text-align:right;
	float:right;
	width:450px;
	border:0px solid red;
	font-size:10px
}

.HeaderTools a{color:#555753;font-weight:normal }

/*---------------------------------END HEADER ----------------------------------------------------------------------*/




/*---------------------------------START MENU ----------------------------------------------------------------------*/

.letotreemenu  {
	
	margin:10px 0px 0 0px;
	padding:0 0px 0 0px;
	width:864px;
	border:0px solid red;
	background-position:2px 5px;
}

.letotreemenu ul{
	margin:0 0 0 0;
	padding: 0;
	list-style-type: none;
	height:23px;
	float:right

	
	

}

/*Top level list items*/
.letotreemenu ul li{
	font-size:10px;
	position: relative;
	display: inline;
	float: left;
	border:0px solid red;
	background:#FE7E00 url(images/menuLine.gif) no-repeat top right;
	height:20px;
	margin:0 0px 0 0;
	padding:3px 14px 0 4px;
	
}

/*Top level menu link items style*/
.letotreemenu ul li a{
	display: block;
	display: inline;
	text-decoration: none;
	color: #ffffff;
	border:0px solid red;
}

.letotreemenu ul li a:hover{
	text-decoration: none;
	}

.letotreemenu ul li a:visited{
	color: #ffffff;
}


.letotreemenu li.left {
	width: 30px;
	height:23px;
	padding:0;
	background:  url(images/menuLeft.gif) no-repeat  top left;
	padding:0;margin:0;
}


.letotreemenu li.last {
	border:0px solid green;
	display:inline;
	margin:0 0px 0 0;
	padding:3px 14px 0 4px;
	background: #FE7E00 none;	
	text-align: left;
	float: left; 
	height:20px;
}

.letotreemenu li.right {
		width: 30px;
		height:23px;
		background:  url(images/MenuRight.gif) no-repeat  top left;
		padding:0;margin:0;
}

	
/*1st sub level menu*/
.letotreemenu ul li ul{

	left: 0;
	position: absolute;
	top: 1em; 
	display: block;
	visibility: hidden;
	border: 1px solid #ffffff;
	width:240px;	white-space:NOWRAP!important
}

/*Sub level menu list items (undo style from Top level List Items)*/
.letotreemenu ul li ul li{
	display: list-item;
	
	/* float:none * evgala kai efyge to keno*/  
	background:  #D0D8DA;
	border-bottom: 1px solid #7A7A7A;
	color: #797B7A;
	text-align:left;width:270px;

	
	
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.letotreemenu ul li ul li ul{ 
	left: 170px; 
	top: 0;
	border:1px solid #ffffff;
	/*margin: 0 0  0 88px; gia na to anoigei right*/ 
	margin: 0 0  0 -491px; 
	padding:0;
	z-index:20;
	position:absolute
	



	

}

/* Sub level menu links style */
.letotreemenu ul li ul li a{
	display: block;
	width: 185px; /*width of sub menu levels*/
	color: #797B7A;
	text-decoration: none;
	padding: 1px 4px 0 12px;	
	font-weight:normal;
	background: url(images/arow_menu.gif) no-repeat ;
	background-position:2px 5px;


	
}


.letotreemenu ul li ul li a:visited{
	color: #797B7A;
	font-weight:normal
}

.letotreemenu ul li ul li a:hover:visited{
	color: #797B7A;
	font-weight:normal
}

.letotreemenu ul li ul li a:hover, {
	background: url(images/arowHover_menu.gif) no-repeat;
	background-position:2px 5px;
	color:#000000;
	text-decoration:none;


}

/*.letotreemenu ul li ul li:hover {
border:4px solid red;
  position: relative;
   z-index: 5
}*/


.suckertreemenu ul li a:hover{
	color: white;

}

/*Background image for top level menu list links */
.letotreemenu .mainfoldericon{
	background-color:#FE7E00 
}

/*Background image for subsequent level menu list links */
.letotreemenu .subfoldericon{

}

/*---------------------------------END MENU ----------------------------------------------------------------------*/

	

.clear { clear: both; padding-top: 10px; }

h1 {
	background: url(images/backtitle.gif) repeat-x;
	heigth:36px;
	font-size:15px;
	font-weight:bold;
	display:block;
	margin:0;
	padding:7px 0 10px 15px;	
	color:#f65c04;
}

 h2 {
	font-size:12px;
	padding:7px 0 0px 15px;	
	color:#fc7f00;
	margin:0;
}


#inner div p {
	padding:10px 10px 10px 15px;
	border:0px solid red;
	margin:0
}





#inner .MainPhoto {
	background:  url(images/main_inside.gif) no-repeat  bottom left;
	margin:0;
	padding:0;
	height:130px;
	width:577px;
	border:0px solid green;display:block
}

#inner .MainPhotoIntro {
	background:  url(images/main_home.jpg) no-repeat  bottom left;
	margin:0;
	padding:0;
	height:231px;
	width:577px;
	border:0px solid green;display:block
}

#inner .MainContent {
	border-left: 1px solid #b1b7b7;
	border-right: 1px solid #b1b7b7;
	border-bottom: 1px solid #b1b7b7;
	width: 575px;
}
/*
#inner .MainContent table{border:0px solid red;}
#inner .MainContent table td{border:0px solid green;width:550px!important}
#inner .MainContent table td.content{border:0px solid black}

p.text {border:0px solid red!important;width:500px!}*/


.SearchBox {
	width:555px; 
	border-left:2px solid #ffffff;
	border-right:2px solid #ffffff;
	border-bottom:1px dotted #778AA2;
	padding:6px 0 6px 15px;
	margin:0;
	background-coLor:#BABEBE;
	color:#ffffff;
	font-weight:bold;display:block;

}

.SearchBox img { 
	vertical-align:middle
}

.SearchBox span {
	font-size:10px;
	color:#666666;
	padding:0 0 0 270px;
	font-weight:bold;
}

.SearchBox span a{
	font-size:10px;
	color:#666666;
	font-weight:bold;
}

.SearchBox span a:visited {
	font-size:10px;
	color:#666666;
	font-weight:bold;
}

.SearchBox span a:hover{
	font-size:10px;
	color:#666666;	
	font-weight:bold;
}


/* FORM STYLES */

#form{
	margin: 15px 0 10px 0;	
	.margin: 15 0 10px 0;	
	width:480px;
	border:0px solid red;}

#form td {
	text-align:right;
	color:#7a7a7a;
}

#form td.buttonForm {
	padding:8px 0 0 0
}


/* main */

.MarqueeBox {
	background-color:#f2f2f2!important;
	padding:6px;
	text-align:center;
	color:#000000;
	border-top:2px solid #ffffff;
	height:20px;
	clear:both;
	display:block;
	width:560px
}

.mainBoxInside {
	border:0px solid red;
	margin:15px 0 0 10px;
	padding:0;
	width:520px;
	display:block
}

.mainBoxInsideTop {
	background: url(images/mainBoxInsideTop.gif) no-repeat;	
	height:35px;
	padding:15px 0 0 15px;	
	font-weight:bold;
	vertical-align::middle;
	border:0px solid red;
	color:#fe7e00;
	width:535px;	
	display:block
}


.mainBoxInsideMiddle {
	background: url(images/mainBoxInsideMiddle.gif) repeat-y;
	margin:0;
	padding:0;
	color:#34669b;
	width:535px;
	display:block
}
	
.mainBoxInsideContent{
	border:0px solid red;
	padding:0 10px 25px 20px;
	text-align:left;
	display:block;	
	overflow:hidden
}



.mainBoxInsideContent div{
width:490px!important;
}

.mainBoxInsideBottom {
	background: url(images/mainBoxInsideBottom.gif) no-repeat;
	width:535px;
	display:block;
	margin:0;
	padding:0
}

#inner .list {
	margin:5px 0 5px 0;
	padding:5px 5px 5px 7px;
	width:560px;overflow-y: auto;
	height:440px;
	scrollbar-face-color: #fcd1b1;
	float:left;
}

#inner  .list ul{
	padding:0;
	margin:0 0 0 5px
}

#inner  .list ul li {
	padding:0 0 0 12px;
	background:url(images/arowList.gif) no-repeat;
	background-position: 0px 3px;
	margin:0 0 7px 0;
	list-style:none;
}



.date {
	color:#336598;
	font-weight:bold
}

#inner  .list ul li a {
	color:#ff7f02;
	font-weight:normal
}


.jobsData {
	margin:0 0 0 10px;
	width:500px;border:0px solid red;
	border-collapse:collapse
}

.jobsData td.header {
	text-align:left;
	border:0
}

.jobsData th	{
	background-color:#e4e4e4;
	color:#7a7a7a;
	text-align:center;
	border:1px solid #babebd
}

.jobsData td {
	text-align:center;
	color:#7a7a7a;
	border:1px solid #babebd;
	padding:3px
}


/* intro */

#inner .IntroContent {
	padding:17px 4px 0 3px;
	float:left;
	width:285px;
	border:0px solid red
}

 .NewsBoxIntro {
	border-left:1px dotted #778AA2;
	margin:10px 0px 10px 0;
	float:right;text-align:left;


	
}

.NewsBoxIntroTop {
	background: url(images/NewsBoxTop.gif) no-repeat top left;
	padding:14px 0 0 15px;
	font-weight:bold;
	color:#F65E02;	display:block;	
}


.NewsBoxIntroMiddle {
	background: url(images/NewsBoxMiddle.gif) repeat-y;
	float:left;text-align:left;	
	padding:0 15px 0 10px;
	height:350px;
}	

.NewsBoxIntroMiddle  span {
	width:245px;
	overflow-y: auto;
	height:340px;	
	scrollbar-face-color: #fcd1b1;float:left;
	margin:5px 0 0 0;
}

.NewsBoxIntroMiddle  span ul {
	margin:0 0 0 10px;
	padding:0;
	text-align:left
}
	
.NewsBoxIntroMiddle  span  ul li {
	padding:3px 0 0 15px;
	list-style:none;
	background:url(images/bulletList.gif) no-repeat;
	background-position: 0px 9px;
}	


.NewsBoxIntroBottom {
	background: url(images/NewsBoxBottom.gif) no-repeat;
	border-bottom:0px solid red;
	clear:both;
	display:block;
	height:17px;
	width:270px;
}
/*---------------------------------START OLDMENU ----------------------------------------------------------------------*/	
.Menu {

	border:0px solid red;
	margin:0 0px 0 0;
	padding:0 0px 0 0;
	width:900px;
	clear:both
}
	
.Menu ul {
	border:0px solid green;
	margin: 0 0 0 250px;
	padding: 0;
	list-style-type: none;
	height:23px; 
	overflow:hidden;
}

.Menu li {
	border:0px solid green;
	display:inline;
	margin:0 0px 0 0;
	padding:3px 14px 0 4px;
	background: #eee none;
	background:#FE7E00 url(images/menuLine.gif) no-repeat top right;
	text-align: left;
	float: left; 
	height:20px;
}




.Menu li.last {
	border:0px solid green;
	display:inline;
	margin:0 0px 0 0;
	padding:3px 14px 0 4px;
	background: #FE7E00 none;	
	text-align: left;
	float: left; 
	height:20px;
}

.Menu li.left {
	width: 30px;
	height:23px;
	padding:0;
	background:  url(images/menuLeft.gif) no-repeat  top left;
	text-align: center;
}
 
.Menu li.right {
	width: 30px;
	
	background:  url(images/MenuRight.gif) no-repeat  top left;
	text-align: center;
}

.Menu li a {
	display: block;
	color:#ffffff;
	text-decoration: none;	  
}

.Menu li a:visited {
	display: block;
	color:#ffffff;
	text-decoration: none;	  
}

.Menu li a:hover {
	color:#ffffff;
	text-decoration: underline;	  
}

/*---------------------------------END OLDMENU ----------------------------------------------------------------------*/