ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a { text-decoration: none; }

div.cleaner { clear: both; }

a.logo {
	float: left;
	margin: 5px 0 0 5px;
/*	display: block;*/
/*	width: 172px;*/
	height: 77px;
}

a.logo em {
	letter-spacing: -9999em;
}

a.logo {
	font: 26px "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}

a.logo span {
	font: bold 11px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
}

a img { border: none; }

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

span.special { color: #016aa1;}

span.special2 { color: #b6340b; }

#banner p {
	font: 14px "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	background: #0A547E;
	padding: 5px 10px;
	position: relative;
	top: 160px;
	margin: 0 1px;
	width: 549px;
}

html>body #banner p {
	background: url(../img/transparent.png);
}

/*-----[ Toolbar ]------------------------------------------------------------*/

#toolBar ul { 
	float: right; 
	width: 410px; 
	margin-top: 25px; 
}

#toolBar li { float: right; margin-left: 10px; }

#toolBar li a {
	font: 11px "Century Gothic";
	color: #fff;
	margin: 0 5px;
}

#toolBar li a:hover {
	text-decoration: underline;
}

#toolBar li img {
	vertical-align: middle;
}

/*-----[ mainMenu ]------------------------------------------------------------*/

#mainMenu ul {
	margin: 0;
}

#mainMenu li {
	margin: 0;
	padding: 0;
/*	height: 34px;*/
	float: left;
	
}

#mainMenu a {
	/*background: url(../img/menu_bullet.gif) no-repeat top right;*/
	color: #fff;
	display: block;
	float: left;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 23px;
	padding: 6px 10px 0 0;
	width: 190px;
	text-align: right;
}


#mainMenu a:hover {
	background: url(../img/menu_hover.gif) no-repeat 0 -3px;
	color: #F2F2F2;
} 

#mainMenu .selected a {
	background: url(../img/menu_selected.gif) no-repeat 0 -3px;
	color: #F2F2F2;
}


/*-----[ mainCol ]------------------------------------------------------------*/


#mainCol .content {
	padding: 0 20px 50px 20px;
	margin: 0;
	background: #FFFFFE;
	border: 1px solid #C3CFDA;
	border-width: 0 1px;
	float: left;
	width: 728px;
}

#mainCol h1 {
	font: 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #00486C;
	margin: 15px 0 15px 0;
}

#mainCol h2 {
	font: 15px "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	color: #016AA1;
	margin: 20px 0 0 0;
}

#mainCol h3 {
	font: 14px "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	color: #B6340B;
	margin: 20px 0 5px 0;
}

#mainCol h4 {
	font: 13px "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	color: #9D9D9D;
	margin: 20px 0 5px 0;
}

#mainCol h2 + h3 {
	margin: 5px 0 0 0;
}

#mainCol h3 + p {
	margin: 0px 0 0 0;
}

#mainCol h2 + p {
	margin: 5px 0 0 0;
}

#mainCol p {
	color: #2C2C2C;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin: 15px 0;
}

#mainCol p.alignRight {
	text-align: right;
}

#mainCol p.alignCenter {
	text-align: center;
}

#mainCol p.justify {
	text-align: justify;
}

#mainCol .biggerFont {
	font-size: 15px;
}

#mainCol ol {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 5px 0;
	padding: 0 20px 0 20px;
	list-style: decimal;
	list-style-position: inside;
}

#mainCol ol ol {
	list-style: lower-alpha;
	margin: 5px 10px;
}

#mainCol ul {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style-position: inside;
	list-style: square;
	padding: 0 20px;
	margin: 5px 0;
}

#mainCol ul ul {
	list-style: disc;
	margin: 5px 0px;
}

#mainCol li {
	line-height: 18px;
	margin: 8px 0;
	color: #2C2C2C;
}

#mainCol p.writer { text-align: right; }

#mainCol a {
	color: #016aa1;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#mainCol a:visited {
	color: #7E8EB1;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#mainCol a:hover {
	text-decoration: underline;
	color: #00486C;
}

#mainCol li a { color: #016aa1; }
#mainCol li a:visited { color: #7E8EB1; }
#mainCol li a:hover { color: #00486C; text-decoration: underline; }

#mainCol li li {
	line-height: 16px;
	margin: 5px 0;
	font-size: 12px;
}

#mainCol table {
	margin: 10px auto;
	border-collapse: collapse;
}

#mainCol table caption {
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 10px auto;
	color: #016AA1;
}

#mainCol td {
	color: #2C2C2C;
	background: #CCDEEA;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #fff; 
	padding: 5px 10px;
	/*text-align: center;*/
}

#mainCol tr.odd td {
	background: #E7EEF2;
}

#mainCol th {
	color: #fff;
	background: #016AA1;
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*text-align: center;*/
	border: 1px solid #F2F2F2;
	padding: 5px 10px; 
}

#mainCol .textContact {
	float: left;
	width: 350px;
	/*border-right: 1px solid #9D9D9D; */
}


/*-----[ Deltia Typou ]----------------------------------------------------------------------*/

.download {
	margin: 20px 0;
}

#mainCol .download a {
	font: 13px "Century Gothic";
}

#mainCol .download a.icon {
	float: left;
	margin: 0 10px 0 0;
}

#mainCol .download p {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #9D9D9D;
	margin: 2px 0 0 20px;
}

#mainCol .download span.filesize {
	color: #B6340B;
	font: 11px "Century Gothic";
}


/*-----[ WELCOME ]----------------------------------------------------------------------*/

.welcome {
	padding: 10px;
	margin-bottom: 20px;
}


/*-----[ SITEMAP ]----------------------------------------------------------------------*/



#mainCol .sitemap li a { color: #3A93A1; }

#mainCol .sitemap li a:visited { color: #7E8EB1; }

#mainCol .sitemap li a:hover { text-decoration: underline; }

#mainCol .sitemap li li a { color: #016AA1; }
#mainCol .sitemap li li { color: #016AA1; }

#mainCol .sitemap li li li a { color: #B6340B; }
#mainCol .sitemap li li li { list-style: square; color: #B6340B; font-size: 10px;}




/*-----[ Recent News / Featured Event ]----------------------------------------------------------------------*/

.recentNews {
	width: 280px;
	border-right: 1px solid #dbdbdb;
	float: left;
	overflow: hidden;
	margin-bottom: 20px;
}

#mainCol .recentNews h1, #mainCol .featuredEvent h1 {
	margin: 0 20px;
}

#mainCol .recentNews .announcement {
	margin: 10px 20px;
	border: none;
}

#mainCol .recentNews h2 {
	font: 13px "Century Gothic";
	color: #016aa1;
	padding: 0 0 0 20px;
	margin: 0;
	background: url(../img/bullet_news.gif) no-repeat top left;
}

#mainCol .recentNews h2 a {
	font: 13px "Century Gothic";
	color: #016aa1;
}

#mainCol .recentNews h2 a:visited { color: #7E8EB1; }

#mainCol .recentNews h2 a:hover {
	text-decoration: underline;
	color: #00486C;
}

#mainCol .recentNews .announcement p {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 2px 0 0 20px;
	color: #9d9d9d;
} 

#mainCol .featuredEvent p {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 5px 0 0 0;
	color: #9d9d9d;
} 

#mainCol .recentNews p.more, #mainCol .featuredEvent p {
	text-align: right;
	margin: 10px 20px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#mainCol .recentNews p.more a, #mainCol .featuredEvent p.more a { color: #016aa1; }
#mainCol .recentNews p.more a:visited, #mainCol .featuredEvent p.more a:visited { color: #7E8EB1; }
#mainCol .recentNews p.more a:hover, #mainCol .featuredEvent p.more a:hover { text-decoration: underline; }

.featuredEvent {
	width: 480px;
	float: right;
	overflow: hidden;
	margin-bottom: 20px;
}

.featuredEvent .event {
	border-top: 1px solid #E6E6E6; 
	margin: 10px 20px 0 20px;
	padding-top: 20px;
	width: 450px;
}

#mainCol .featuredEvent .event h2 a {
	font-size: 15px;
}

#mainCol .featuredEvent .event a.image {
	float: right;
	margin: 0 0 0 20px;
}

#mainCol .featuredEvent .event img {
	margin: 0;
}

#mainCol .featuredEvent .event p {
	text-align: left;
	font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #515151;
	margin: 5px 0;
}

#mainCol .featuredEvent .event em {
	color: #80C3E6;	
}

#mainCol .featuredEvent .event p.more {
	text-align: right;
	margin: 20px 0;
}

#mainCol .announcement {
	margin: 30px 10px;
	clear: both;
}

#mainCol .announcement h2 {
	background: url(../img/bullet_news.gif) no-repeat 0 3px;
	color: #016aa1;
	padding: 0 0 0 20px;
	margin: 0;
}

#mainCol .announcement p.date {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #9D9D9D;
	margin: 2px 0 0 20px;
}

#mainCol .announcement p {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 5px 0 0 20px;
}

#mainCol .announcement img {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 10px 10px 10px 10px;
	float: right;
}


#mainCol .announcement .download {
	margin: 15px 20px;
	float: none;
}

#mainCol .announcement .download img {
	float: none;
	margin: 0;
}




/*-----[ Images ]--------------------------------*/


.imageContainer {
	/*width: 160px;*/
	text-align: center;
	margin: 10px 0;
}

.imageContainer.left {
	float: left;
	margin-right: 20px;
}

.imageContainer.right {
	float: right;
	margin-left: 20px;
}

.imageContainer img {
	margin: 0 auto;
	border: none;
}

#mainCol .imageContainer p {
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #3A93A1;
	width: 200px;
	margin: 0 auto;
}

/*-----[ Publications ]----------------------------------------------------------------------*/

.publication {
	margin: 30px 0;
	/*float: right;*/
	width: 100%;
}

.publication .imageContainer, .publication .element  {
	float: left;
	margin: 0 20px 0 0;
}

.publication .imageContainer img, .publication .element img {
	border: 1px solid #515151; 
}

#mainCol .publication h2 {
	margin: 0 0 15px 0;
}

#mainCol .publication p {
	margin: 5px 0;
}

/*-----[ Events ]----------------------------------------------------------------------*/

.event {
	margin: 30px 0;
	float: left;
	width: 360px;
}

.event img {
	float: left;
	margin: 0 20px 0 0;
	border: 1px solid #515151; 
}

#mainCol .event h2 {
	margin: 0 0 15px 0;
}

#mainCol .event p {
	margin: 5px 0;
	color: #9D9D9D;
}

/*-----[ LINKS ]----------------------------------------------------------------------*/

#mainCol .link {
	margin: 20px 20px;
	/*background: #FFFEF9;*/
	padding-left: 25px;
	background: url(../img/button-blue.gif) no-repeat 0 1px;
}

#mainCol .link a {
	color: #FF7F50;
	font: bold 13px "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
}

#mainCol .link a:visited {
	color: #7E8EB1;
}

#mainCol .link a:hover { text-decoration: underline; }

#mainCol .link p {
	color: #515151;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
}




/*-----[ FOOTER ]-----------------------------------------------------------------------------*/


#footer ul { margin-top: 5px; float: right; width: 450px; }

#footer li { float: right; }

#footer li a {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #F2F2F2;
	margin: 0 8px;
}

#footer li a:visited { color: #7E8EB1; }

#footer li a:hover {	text-decoration: underline; }

p.footer {
	float: left;
	width: 170px;
	margin: 0;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin-left: 10px;
	margin-top: 5px;
	text-align: center;
	color: #DBDBDB;
}

p.footer a {
	color: #fff;
	font-weight: bold;
}

p.footer a:hover {
	color: #CCDEEA;
	text-decoration: underline;
}

p.zefxis {
	float: left;
	width: 250px;
	margin: 20px 0 0 10px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #DBDBDB;
}

p.zefxis a.zefxis {
	color: #254561;
	font-weight: normal;
	margin: 0;
}

div.links {
	margin: 15px 0 0 0;
	float: right;
	width: 400px;
}

div.links a{
	float: right;
	margin: 0 10px;
}


.links a.firefox {
	margin-top: 5px;
	display: block;
}
