/*------------------------------------------------------------------
Screen Style Sheet

version: English
authors: Kostas Paouris, Evi Kostakou
website: www.socialdialogue.net
--------------------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	background:#D7E0EF url(../garnish/body_back.jpg) repeat-x;
	font-size: 0.7em;
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
input, select{
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 1em;
	border: 1px solid #385DA4;
	padding:2px;
}
/*/////////////////////////////// HEADER /////////////////////*/
#header{
	height: 89px;
	width: 720px;
	margin: auto;
	padding: 0 20px 0 20px;
	position: relative;
	/*background-color: #00FFFF;*/
	background: url(../garnish/top_back.jpg) no-repeat;
	background-position: 550px 0px;
}
#header h1{
	padding:0px 0px 0px 0px;
	margin:0;
}
#header a{
	display: block;
	background: url(../garnish/logo.jpg) no-repeat;
	background-position: 0px 0px ;
	width:224px;
	height: 89px;
	padding: 0px;
	margin:0 0 0 0px;
}

#header form{
	padding:0 0 0 0;
	margin: 0 0 0 0;
	position:absolute;
	bottom: 6px;
	right: 20px;
}
#header form.version{
	padding:0 0 0 0;
	margin: 0 0 0 0;
	position:absolute;
	bottom: 6px;
	right: 240px;
}
#header form label{
	/*display: block;*/
	font-size: 0.9em;
	color: #577EB9;
	font-weight:bold;
	margin: 0 0 2px 0;
}
#searchGo{
	font-weight: bold;
	font-size: 0.9em;
	background-color: #ffffff;
	border: 1px solid #9D0E12;
	color: #9D0E12;
	padding: 0;
	}
	
/*/////////////////////////////// TOP MENU /////////////////////*/
#topMenu{
	width: 720px;
	margin: auto;
	padding: 0.6em 0 0.5em 0;
	overflow:hidden;
}
#topMenu a.print{
	color:#ffffff;
	text-align: right;
	padding-left:20px;
	margin-left:260px;
 	background: url(../garnish/print.gif) no-repeat left;
}
#topMenu ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
#topMenu ul li{
	float:left;
	padding:0 1em 0 0;
}
#topMenu ul li a{
	color:#ffffff;
	font-weight: bold;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Tahoma, Verdana, Arial, sans-serif;
	text-decoration: none;
}
#topMenu ul li a:hover{
	text-decoration: underline;
}
#wrapper{
	width: 710px;
	margin: 0 auto 0px auto;
	/*border-style:solid;
	border-width: 5px;
	border-color: #FFFFFF #7997C7 #FFFFFF #FFFFFF;*/
	border: 5px solid #FFFFFF;/*#7997C7*/
	position: relative;
	background-color: #577EB9; 
	background-image: url(../garnish/back_bottom_2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#homeBanner{
	background-color: #ffffff;
	height: 130px;
	background-image: url(../garnish/home_banner.jpg);
	width: 710px;
	margin: auto;
	border-style:solid;
	border-width: 5px 5px 5px 5px;
	border-color: #FFFFFF;
}
/*/////////////////////////////// LEFT COLUMN /////////////////////*/
#leftColumn {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 14em;
	padding:0 0 0px 0;
	z-index: 999;
	/*background-image: url(../garnish/menu_top.jpg);*/
	background-repeat: repeat-x;
}

#headingSections{
	background-image: url(../garnish/header_menu.gif);
	background-repeat: no-repeat;
	/*width:130px;*/
	width: 80%;
	height: 37px;
	margin:15px 0 0 12px;
}

/*Menu*/
#nav li{ /*First Level*/
		position : relative;
		background-image: url(../garnish/back_menu.gif);
		background-repeat: no-repeat;
		background-position: 12px 3px;
		padding: 0 0 0 2.5em;
		width: 11.5em;
		margin:0 0 0.5em 0;
		line-height: 1em;
}
#nav li a{  /*First Level*/
		line-height : 1.25em;
		margin-bottom : 0px;
		display : block;
		width: 11.5em;
		color: #ffffff;
		text-decoration: underline;
}
#nav li a:hover{  /*First Level*/
	text-decoration:underline;
}
#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11.5em;
}
	#nav{
	 /*First Level*/
	/* float:left;*/
	 margin-top:1em;
	 text-align: left;
}
	#nav ul li { /* all list items */
		position : relative;
		width: 12em;
		margin:0 0 0em 0;
		background-image: none;
		padding: 0.2em 0 0.3em 0em;
	}
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		top: 0.5em;
		margin-left : 11em;
		border: 1px solid #D6E2F2;
		background-color: #577EB9;
	}
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	#nav ul li a {
		/*width: 11.5em;*/
		width: 10em;
		padding : 0 0 0 1.5em;
		/*w\idth : 10em;*/
		display : block;
		color : #ffffff;
		border : 0px solid black;
		/*background-color: #FF00FF;*/
		background-image: url(../garnish/back_menu_2.gif);
		background-repeat: no-repeat;
		background-position: 4px 3px ;
	}
	#nav ul li a:hover {
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	#nav ul li a.hasChild{
		background-image: url(../garnish/back_menu.gif);
	}
	/*menu ends here*/

/*/////////////////////////////// MEMBERS AREA /////////////////////*/
#headingMembers{
	background: url(../garnish/header_members.gif) no-repeat bottom left;
	height: 40px;
	margin-top:30px;
	margin-bottom:0px;
}
#leftColumn input.button{
	width:auto;
	background-color: #9F0F0F;
	color: white;
	font-weight:bold;
}
#leftColumn form{
	font-size: 95%;
	/*margin-top:150px;*/
	padding:11px 11px 0px 11px;
	/*padding-bottom:5px;*/
	color:white;
	/*float:left;*/
	clear:both;
}
#leftColumn form input{
	width: 130px;
	margin-top:1px;
	margin-bottom:1px;
	color:#65635F;
}
#leftColumn form ul{
	margin-left:9px;
	padding-left:8px;
}
#leftColumn form li{
	padding-left:0px;
	padding-bottom:8px;
}
#leftColumn form a{
	color: White;
}
#leftColumn form p.warning{
	color:white;
	font-weight: bold;
}
	
	
	
/*/////////////////////////////// MAIN COLUMN /////////////////////*/
div.mainColumn {
	margin: 0px 0px 0 14em;
	padding: 13px 0px 10px 0px;
	background: #FFFFFF url(../garnish/content_back.jpg) repeat-x;
	color: #4B4A46;
	min-height: 1000px;
	border-right: 1px solid #A8BDDC;
}
/*IE min-height hack*/
* html div.mainColumn {height:1000px}

div.mainColumn .button{
	width:auto;
	background-color: #577EB9;
	color: white;
}
img.floatleft{
	float:left;
	margin: 3px 15px 13px 30px;
}
#bodyIndex #wrapper{
	border-top:0px;

}
#bodyIndex div.mainColumn{
	background-image: url(../garnish/content_back_home.jpg);

}


div.mainColumn a, #footer a{
	text-decoration: underline;
	color: #9F0F0F;
}
div.mainColumn a:hover, #footer a:hover{
	color: #ED1818;
}
#homePageContent{
	/*background-image: url(../garnish/content_back_home.jpg);*/
}
#homePageContent .highlight p{
	margin-right:200px;
}
#homeButtons{
	/*width: 100px;*/
	position:absolute;
	top: 75px;
	right: 30px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#homeButtons li{
}
#homeButtons a{
	display: block;
	width:155px;
	height: 51px;
	background-image: url(../garnish/home_buttons.gif);
}
#homeButtons1{
}
#homeButtons2{
	background-position: top;
}
#homeButtons3{ /*project database*/
	background-position: 0px -50px;
	
}
a#homeButtons4{ /*evaluation*/
margin-top:30px;
height: 70px;
background-position: 0px -115px;
}
.highlight{
	padding:0.1em 0 1em 0;
	background: #DDE7F4 url(../garnish/seperator.gif) repeat-x bottom;
	color: #304E78;
}
div.mainColumn h2, h3, h4{
	color: #577EB9;
	margin:0.5em 0.55em 0.3em 1.5em;
	padding: 0.5em 0 0.2em 0;
	font-size: 1.9em;
	font-weight: normal;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background: url(../garnish/horizontal.gif) repeat-x bottom;
}
div.mainColumn h3{
	margin-left:2.5em;
	font-weight: bold;
	font-size: 1.2em;
	background-image: none;
}
div.mainColumn h4{
	font-weight: bold;
	font-size: 1.1em;
	color:#65635F;
	background-image: none;
}
#bodyIndex div.mainColumn h2{
	margin:0.5em 1.5em 0em 1.5em;
}
#bodySolo div.mainColumn h2{
	margin:0.5em 1.5em 0.5em 1.5em;
}
#bodySolo div.mainColumn h3{
	margin:0.5em 2.5em 0.5em 2.5em;
}
#bodySolo div.mainColumn li h3{
	margin:0.5em 2.5em 0.5em 0em;
}
div.mainColumn p{
	margin: 0em 3em 1em 3em;
	line-height: 1.5em;
	/*text-align: justify;*/
	letter-spacing: 0.00em;
	word-spacing: 0.15em;
}
div.mainColumn ul{
	margin: 0em 2em 1em 4.3em;
	line-height: 1.5em;
}
div.mainColumn ol{
	margin: 0em 2em 1em 2em;
	line-height: 1.5em;
}
div.mainColumn form{
	margin: 0em 2em 0em 2.8em;
	background-color: #EEEEEE;
	padding-left:20px;
	padding-bottom:20px;
}
div.mainColumn form span{
	color:#9D0E12;
}
div.mainColumn input{
	width:220px;
	margin-top:5px;
	margin-bottom:5px;
}
div.mainColumn form label{
	width: 200px;
	display:block;
	float:left;
	margin-right:20px;
}
div.mainColumn form select{
	width: 227px;
}
hr{
	background-image: url(../garnish/seperator.gif);
	height: 0px;
	border-style: dotted;
	border-color: #7997C7;
	border-width: 1px 0px 0px 0px;
}
ul.newsList{
	list-style-type:none;
	margin: 0em 0em 0em -1.0em;
	padding: 0 0 0 0em;
}
ul.newsList li{
	padding: 0em 0 1.2em 0em;
	background-image: url(../garnish/seperator.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	line-height: 1.4em;
}
ul.newsList li h3{
	background-image: url(../garnish/back_menu.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
	margin:0.3em 0 0.5em -1.0em;
	padding: 0 0 0 1em;
	font-size:1.2em;
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
.dates{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.8em;
	/*font-weight: bold;*/
	display: block;
}
div.mainColumn p.dates{
	margin-left:3.7em;
}
.details{
	background-image: url(../garnish/icon_details.gif);
	width: 86px;
	height: 13px;
	display: block;
	margin:1.5em 0 0 0;
	background-position:  left;
}
.details:hover{
	background-position:  right;
}

div.divPath{
	padding: 0 0 0 3.5em;
	font-size: 0.9em;
}
.row{
	width: 100%;
	overflow: hidden;
}
.columnLeft{
	width: 70%;
	float: left;
	background: url(../garnish/column_separator.gif) repeat-y right;
}


/*////////////////////// COLUMN RIGHT ///////////////*/
.columnRight{
	width: 25%;
	float: left;
	padding:0px 1px 1px 1px;
	margin: 0em 0 0 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #C4D1E5 #C4D1E5 #C4D1E5 #C4D1E5;
}
div.mainColumn .columnRight h3{
	font-size: 1.1em;
	margin:0px 0px 0px 0px;
	padding: 12px 0 0px 10px ;
	background: #EEEEEE url(../garnish/right_header_back.gif) repeat-x top;
}
div.columnRight h2{
	display:block;
	font-size:1em;
	border-bottom:0px;
	background:none;
	background-color: #EEEEEE;
	/*	color: #65635F;
	font-weight: bold;/*/
	margin: 0;
	padding: 10px 0 0px 10px;
}
div.columnRight p{
	background-color: #EEEEEE;
	font-size:1em;
	margin: 0;
	padding: 0px 0 10px 10px;
	border-bottom:0px;
}
div.columnRight ul{
	background-color: #EEEEEE;
	margin: 0;
	padding: 5px 0 10px 0;
	list-style: none;
	text-align: left;
}
.columnRight li{
	list-style: none;
	padding:0 0px 5px 30px;
	margin: 0px;
	background-image: url(../garnish/icon_actions.gif);
	background-repeat: no-repeat;
	background-position:  5px 2px;
}
.columnRight li a{
	font-size:0.9em;
	margin: 0px;
}
#toolPrint{
	background-position: -200px 2px;
}
.columnRight li.pdfLink{
	background-image: url(../garnish/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position:  5px 2px;
}
.columnRight li.pptLink{
	background: url(../garnish/ppt.gif) no-repeat;
	background-position:  5px 2px;
}
#copy{
	width: 700px;
	margin:auto;
	padding: 0.5em 0 20px 0;
	text-align: center;
	color: #6889BF;
}
#copy a{
	font-weight: bold;
	color: #6889BF;
}
#copy a:hover{
	color: #375482;
}
/*////////////////////// FOOTER ///////////////*/
#footer{
	background-image: url(../garnish/back_bottom.jpg);
	background-repeat: repeat-x;
	height: 60px;
	margin: -2px 0px 1px 14em;
	color: #6F91C7;
	border-right: 1px solid #A8BDDC;
}
#footer ul{
font-size: 0.9em;
	padding:0;
	list-style-type: none;
	position: absolute;
	right:30px;
	bottom: 5px;
}
#footer ul li{
	float:left;
	border-left: 1px solid #6F91C7;
	padding: 0 0.5em 0.2em  0.5em;
}
/*//////////////////////TABLE OF CONTENT///////////////*/
caption{
	color : #577EB9;
	padding : 3px;
	font-weight : bold;
	text-align:left;
	display:block;
	font-size:1.2em;
	margin-top:40px;
}
th{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-align : left;
	background-color : #577EB9;
	padding:3px;
	border-bottom: 1px solid White;
	color:white;
}
table{
	margin-left:32px;
	width:88%;
	border-right: 1px solid white;
	border-left: 1px solid white;
}
td{
	border-bottom: 1px solid white;
	padding:5px;
	background-color : #EEEEEE;
	color:#65635F;
	font-size:90%;
}

/*////////////////////// ADV. BANNERS ///////////////*/

#bannersList{
		float: left;
		margin-top:0px;
}
* html #bannersList {
	float:none;
	position:relative;
}
#bannersList ul{
	padding: 0;
	margin: 30px 0 0 17px;
	list-style-type: none;
}
#bannersList  a{
	/*width:121px;*/
	width: 11em;
	background-repeat: no-repeat;
	display: block;
}
#banner01{
	background-image: url(../garnish/banner_01.jpg);
	height: 109px;
}
#banner02{
	background-image: url(../garnish/banner_03.jpg);
	height: 100px;
}
#banner03{
	background-image: url(../garnish/banner_02.jpg);
	height: 60px;
}
#banner04{
	background-image: url(../garnish/banner_04.jpg);
	height: 53px;
}
#banner05{
	background: url(../garnish/wcag1AA.gif) center;
	height: 53px;
	margin-top:50px;
}
#banner06{
	background: url(../garnish/banner_adobe.jpg) center;
	height: 53px;
}
#banner07{
	background: url(../garnish/banner_07.jpg) center;
	height: 65px;
}
#banner08{
	background: url(../garnish/banner_08.jpg) center;
	height: 55px;
}
/*/////////////////////////////// OTHERS/////////////////////*/
.pdf{
	background: url(../garnish/icon_pdf.gif) no-repeat left top;
	padding:0 0px 5px 25px;
}
.word{
	background: url(../garnish/word.gif) no-repeat left top;
		padding:0 0px 5px 25px;
}
.ppt{
	background: url(../garnish/ppt.gif) no-repeat left top;
		padding:0 0px 5px 25px;
}
.totop{
	background-image: url(../garnish/icon_top.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 0.2em;
}
.invisible{
	display:none;
}
a.external {
    background:  url(../garnish/external.gif) no-repeat bottom left;
    padding-left: 12px;
}
.warning{
	color:#ED1818;
	margin-bottom:2PX;
	display: block;
	font-weight: bold;
}
.success{
	color: #009301;
	font-weight: bold;
}