@charset "UTF-8";



/* CSS Document */

* {
	margin:0;
	}

body {
	background: #FFF url(../IMG/bg-ttl-blue.gif);
	padding: 10px 0 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #303030;
	}

#canvas {
	margin: 0 auto;
	padding: 0;
	background-color:#FFFFFF;
	width: 775px;
	}
	
p {
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 20px 0;
	}
	
h2 {
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 10px 0;
	color: #71513a
	}
	
h4 {
	font-size: 16px;
	letter-spacing: -1px}
	
a {color: #192a60;}
a:hover {color: #666; text-decoration:none}

#content ul {
	font-size: 12px;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px; }
	
	#content #col-left-inside ul {
	font-size: 12px;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	color: #000
}
#content ul li{
	padding-bottom:5px;
}


/*
----------------------------------------------------------------
	Header
---------------------------------------------------------------- 
*/

#header {
	background: url(../IMG/header.gif) no-repeat;
	height: 99px;
	width: 775px;
	}
	
	#header #search {
	float: right;
	display: inline;
	margin: 18px 120px 0 0;
	padding: 0;
	}
	
	.searchbox {
	width: 150px;
	height: 18px;
	padding: 1px;
	font-size: 12px;
	border: 1px #333 solid}
	

#navbar {
	float:left;
	position: absolute;
	display:inline;
	top: 42px;
	margin: 0 0 0 8px;
	padding: 0;
	}
	
	#navbar a {
	padding: 0;
	margin: 0;}
	



/*
----------------------------------------------------------------
	Hero
---------------------------------------------------------------- 
*/

#hero {
	height: 165px;
	}
	
	#hero .hero-left {
		background:url(../IMG/home_main_hero_bg.jpg) repeat-y left ;
		padding: 10px 0 0 20px;
		margin: 0 ;
		color: #FFF;
		}
		
		#hero .hero-left h1 {
			margin: 0 0 5px 0;
			font-size: 17px;
			}
			
		#hero .hero-left p {
			font-size: 13px;
			line-height: 17px;
			margin : 0 50px 10px 0;
			}
	


/*
----------------------------------------------------------------
	Content structure
---------------------------------------------------------------- 
*/
	
#content {
	width: 754px;
	padding:10px 11px 10px 10px;
	}
	
#col-left-home {
	float:left;
	width: 501px;
	}
	
	
	#col-left-home #callout-new {
		margin: 10px 0;
		width: 479px;
		padding: 10px;
		border: 1px #71513a solid;
		font-size: 19px;
		font-weight:bold;
		font-style:italic;
		letter-spacing: -1px;
		text-align:center;
		color: #263f91;
		}
		
		#col-left-home #callout-new a {
		color: #263f91;
		text-decoration: underline;
		}
		#col-left-home #callout-new a:hover {
		text-decoration: none;
		}
	
	
	#col-left-home #callouts {
		width: 499px;
		border: 1px #506386 solid;
		margin-bottom: 20px
		}
	
		#col-left-home #callouts .quality {
			background: #FFF url(../IMG/home_banner_quality.jpg) no-repeat top;
			padding: 30px 159px 5px 20px;
			}
	
		#col-left-home #callouts .service {
			background: #FFF url(../IMG/home_banner_service.jpg) no-repeat top;
			padding: 30px 159px 5px 20px;
			}
	
		#col-left-home #callouts .news {
			background: #FFF url(../IMG/home_banner_news.jpg) no-repeat top;
			padding: 30px 20px 5px 20px;
			}
				
				
	
		#col-left-home #callouts .languages {
			background: #FFF url(../IMG/home_banner_languages.jpg) no-repeat top;
			padding: 30px 15px 25px 15px;
			}
	
		#col-left-home #callouts .ebulletins {
			background: #FFF url(../IMG/home_banner_ebulletins.jpg) no-repeat top;
			padding: 30px 20px 15px 20px;
			}


#inside-ttl h1 {
	display:block;
	font-size: 26px;
	line-height: 26px;
	font-style: italic;
	margin: -10px 0 12px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #506386;
	color: #506386}

#col-left-inside {
	float:left;
	width: 531px;
	}
	
	img.right {
		float:right;
		clear:both;
		border: 1px solid #506386;
		margin: 0 0 15px 15px}
	
	#col-left-home #callouts,
	#col-left-inside #callouts{
		border: 1px #506386 solid;
		margin-bottom: 20px
		}
	
	#col-left-home #callouts .blue h1,
	#col-left-inside #callouts .blue h1 {
		background-image: url(../IMG/bg-ttl-blue.gif);
		display:block;
		font-size: 16px;
		font-style:italic;
		padding: 5px 15px;
		margin: 0;
		color: #FFF;
		}
		
	#col-left-home #callouts .brown h1,
	#col-left-inside #callouts .brown h1 {
		background-image: url(../IMG/bg-ttl-brown.gif);
		display:block;
		font-size: 16px;
		font-style:italic;
		padding: 5px 15px;
		margin: 0;
		color: #FFF;
		}
		
		#col-left-home #callouts .blue .callout-content,
		#col-left-home #callouts .brown .callout-content,
		#col-left-inside #callouts .blue .callout-content,
		#col-left-inside #callouts .brown .callout-content {
		padding: 15px;
		}
		
		
		#col-left-home #callouts .blue h1 a,
		#col-left-inside #callouts .blue h1 a,
		#col-left-home #callouts .brown h1 a,
		#col-left-inside #callouts .brown h1 a {
			text-decoration:none;
			color: #FFF
			}
			
			#col-left-home #callouts .blue h1 a:hover,
			#col-left-inside #callouts .blue h1 a:hover,
			#col-left-home #callouts .brown h1 a:hover,
			#col-left-inside #callouts .brown h1 a:hover {
				text-decoration:underline;
				color: #FFF
				}
	


			
		span.date {
			color: #192a60;
			font-weight:bold;
			}



	
#col-right-home {
	float:right;
	width: 234px;
	}
	

#col-right-inside {
	float:right;
	width: 191px;
	}
	
	#col-right-home .ad-text,
	#col-right-inside .ad-text {
	border: 1px solid #71513a;
	margin-bottom: 15px;
	/*float:right;*/
	}
	
	#col-right-home .ad-img,
	#col-right-inside .ad-img {
	border: 1px solid #506386;
	margin-bottom: 15px;
	float:right;
	
	}
	
	#col-right-home .ad-img a img,
	#col-right-inside .ad-img a img { border: none}
	
	#col-right-home .ad-text,
	#col-right-inside .ad-text {
		padding: 10px;
		}
	
	#col-right-home .ad-text h1,
	#col-right-inside .ad-text h1 {
		font-size: 20px;
		line-height: 19px;
		font-style:italic;
		letter-spacing: -1px;
		margin-bottom: 10px;
		color: #263f91
		}
			#col-right-home .adstext h1,
	#col-right-inside .adstext h1 {
		font-size: 20px;
		line-height: 19px;
		font-style:italic;
		letter-spacing: -1px;
		margin-bottom: 10px;
		color: #263f91
		}
	
	#col-right-home .ad-text p,
	#col-right-inside .ad-text p {
		font-size: 12px;
		line-height: 14px;
		margin: 0 0 10px 0;
		}
	
	#col-right-home .ad-text li,
	#col-right-inside .ad-text li {
		padding-bottom: 6px;
		}


/*
----------------------------------------------------------------
	text only column
---------------------------------------------------------------- 
*/


	#col-left-inside #content-column {
		border: 1px #506386 solid;
		margin-bottom: 20px;
		padding: 15px
		}
		
		#col-left-inside #content-column h1 {
			font-size: 16px;
			line-height: 20px;
			margin-bottom: 15px;
			}
		
		
			
	/*
	----------------------------------------------------------------
		news styles
	---------------------------------------------------------------- 
	*/			
			
			
	#col-left-inside #content-column h1.news-headline {
			font-size: 16px;
			line-height: 20px;
			margin:0 0 0 0;
			}		
	
	h2.news-date {
		font-size: 14px;
		line-height: 16px;
		margin: 0 0 0 0;
		color: #71513a
		}
	
	.rule {
		padding: 10px 0 0 0;
		margin: 0 0 20px 0;
		border-bottom: 1px dotted #ccc}

/* RSS*/

.rss-item a {
	color:#303030;
font-size:15px;
font-weight:bold;
text-decoration:none;
}
.rss-date
{
color:#71513A;
font-size:14px;
line-height:16px;
margin:0;	
font-weight:bold;
}

.rss-items{
list-style-type:none;	
padding:0px !important;
margin:0px !important;
}
.rss-items li{

border-bottom:dotted 1px #333;
padding-top:10px;	
}

/*
----------------------------------------------------------------
	home feature (bottom of page)
---------------------------------------------------------------- 
*/

#feature {
	margin: 0;
	float:left;}

#feature-text {
	padding: 13px;
	color: #FFF;
	}
	
	#feature-text a img {
	border: none;
	}
	


/*
----------------------------------------------------------------
	Forms
---------------------------------------------------------------- 
*/

.form {
	font-size: 12px;
	}
	
	.form td {
		padding: 4px;
		/*border-bottom: #ccc dotted 1px;*/
		}
		
		.req {color: #71513A; font-weight:bold}

.error {
padding: 3px 0;
display:block;
font-weight:normal;
color:#CD3208;
}

	


/*
----------------------------------------------------------------
	Footer
---------------------------------------------------------------- 
*/

#footer {
	background:url(../IMG/footer_bg.jpg) transparent;
	text-align:center;
	padding-bottom: 20px
	}
	
	#footer p {
	font-size: 11px;
	color: #FFF;
	}.greek {
	font-family: Arial, Helvetica, sans-serif;
}

