body {
	font-family: Arial, Helvetica, sans-serif; 
	margin : 0;
	padding : 0;
	font-size: 12px;	
	color : #323232;
	background-color : #F5F1DE;
	/*background-image : url(../images/bg_body.gif);
	background-repeat : repeat-x;*/
	}
	
	
h1{ 
	font-family: Trebuchet, Arial, Helvetica, sans-serif; 
	font-size : 17px;
	padding : 0px;
	margin : 0px;
	display : inline;
	}
h2{ 
	font-family: Trebuchet, Arial, Helvetica, sans-serif; 
	font-size : 16px;
	padding : 0px;
	margin : 0px;
	display : inline;
	}

p { 
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 12px;
	color : #323232;
	margin : 0 0 5px 0;
	padding : 0
	}

a, a:visited { 
	color: #545C61; 
	text-decoration: none;
	}
a:hover { 
	color: #000;
	text-decoration: underline;
	}
img{
	border : 0;
	}
input{
	border: 1px solid #ccc;
}

input.radio{
	border: none;
}

input.button{
	background-color: #629B59;
	color: #fff;
	border: 1px solid #ccc;
	margin: 5px 0 5px 0;
}
	
img.a, img.a:visited{ border : 0; text-decoration : none;}
img.a:hover{ border : 0; text-decoration : none;}

#holder{
	width  : 941px;
	margin : 0px auto;
	}
	
#header{
	float : left;
	width  : 941px;
	height : 120px;
	padding : 0;
	background-color: #FFFFFF;
	}	
	
#header2{
	float : left;
	width  : 941px;
	padding : 0;
	background : #fff;
	}	
	
#logo{
	float : left;
	clear : right;
	width : 261px;
	height : 173px;
	padding : 0;
	}

#banner{
	width : 126px;
	height : 148px;
	margin : 0 0 0 733px;
	}
/*********** navs  *****************/
#mainNav{
	clear : both;
	width  : 941px;
	height : 24px;
	background-color : white;
	}
#mainNav ul {
	float : left;
	width : 941px;
	height : 24px;
	margin : 0;
	padding : 8px 0 4px 10px;
	}
#mainNav li {
	float : left;
	margin : 0;
	padding : 0 0 0 10px;
	list-style : none;
	}
#mainNav li a {
	display : block;
	}
#mainNav li a:hover {
	color : blue;
	}

#subHolder{
	width 							: 100%;
	background-color 		: white;
	}	

/* SPHILO generated standard objects */

div#loginBox, div.loginForm {
	/* copy of whiteBg*/
	background-color 		: white;
	padding 						: 5px 10px 5px 10px;
	margin-bottom 			: 5px
}

div.loginForm label {
display : block;
}
div#breadcrumb {
	width 							: 70%;
	float 							: left;
	height							: auto;
	margin 							: 3px auto;
	padding 						: 0;
}
div#searchform {
	margin							: 0;
	padding 						: 0
}

div#searchform form {
	margin							: 0;
	padding 						: 0
}

div#searchform input {
	width 						 : 30px;
	margin-right			 : 2px;
}

div#searchform input#keywords {
	width 		 : 100px

}


/* col div layouts */
#contentMainHolder{
	float 							: left;
	width  							: 941px;
	height						  : 100%;
	padding 						: 8px 0 0 0;
	margin  						: 0;
	}
	
div#contentMainHolder ol {
	padding 						: 0 5px 0 5px;
}
div.leftCol{
	float 							: left;
	width 							: 260px;
	height 							: auto;
	padding 						: 0px;
	}
div.leftCol2{
	float 							: left;
	width 							: 260px;
	height 							: auto;
	padding 						: 0px;
	}
	
div.center{
	float : left;
	width : 430px;
	height : 500px;
	margin : 0 0 0 10px;
	}

div.center_index{
	float : left;
	width : 430px;
	height : 500px;
	margin : 0 0 0 10px;
	}
div.rightCol_index{
	float : right;
	width : 230px;
	height : auto;
	}

div.center_drastiriotites{
	float : left;
	width : 330px;
	height : 900px;
	margin : 0 0 0 10px;
	}	
div.rightCol_drastiriotites{
	float : right;
	width : 330px;
	height : auto;
	margin : 0 0 0 10px;	
	}		

div.center_drast_arxeio{
	float : left;
	width : 670px;
	height : 1100px;
	margin : 0 0 0 10px;
	}	
	
div.center_nea{
	float : left;
	width : 460px;
	height : 2600px;
	margin : 0 0 0 10px;
	}	
div.rightCol_nea{
	float : right;
	width : 200px;
	height : auto;
	}		
	
div.center_eggrafes{
	float : left;
	width : 670px;
	height : 800px;
	margin : 0 0 0 10px;
	}		

div.center_ekdiloseis{
	float : left;
	width : 460px;
	height : 800px;
	margin : 0 0 0 10px;
	}
div.rightCol_ekdiloseis{
	float : right;
	width : 200px;
	height : auto;
	}			

div.center_ektheseis{
	float : left;
	width : 460px;
	height : 3000px;
	margin : 0 0 0 10px;
	}
div.rightCol_ektheseis{
	float : right;
	width : 200px;
	height : auto;
	}			

div.center_seminaria{
	float : left;
	width : 460px;
	height : 800px;
	margin : 0 0 0 10px;
	}
div.rightCol_seminaria{
	float : right;
	width : 200px;
	height : auto;
	}			
div.center_synedria{
	float : left;
	width : 460px;
	height : 800px;
	margin : 0 0 0 10px;
	}
div.rightCol_synedria{
	float : right;
	width : 200px;
	height : auto;
	}	

div.center_oroi{
	float : left;
	width : 430px;
	height : 500px;
	margin : 0 0 0 10px;
	}		
div.center_etisiadeksiosieea{
	float : left;
	width : 900px;
	height : 7000px;
	margin : 0 0 0 10px;
	}		
div.center_nea_loipa{
	float : left;
	width : 900px;
	height : 3000px;
	margin : 0 0 0 10px;
	}		
div.center_links{
	float : left;
	width : 670px;
	height : 1300px;
	margin : 0 0 0 10px;
	}	
div.center_organosi{
	float : left;
	width : 670px;
	height : 1950px;
	margin : 0 0 0 10px;
	}				

div.center_services{
	float : left;
	width : 380px;
	height : 500px;
	margin : 0 0 0 10px;
	}	
div.rightCol_services{
	float : right;
	width : 280px;
	height : auto;
	}

div.center_taxypliromi{
	float : left;
	width : 380px;
	height : 500px;
	margin : 0 0 0 10px;
	}	
div.rightCol_taxypliromi{
	float : right;
	width : 280px;
	height : auto;
	}
			
div.center_taytotita{
	float : left;
	width : 670px;
	height : 500px;
	margin : 0 0 0 10px;
	}	
div.center_apotelesmata{
	float : left;
	width : 670px;
	height : 2500px;
	margin : 0 0 0 10px;
	}		
div.center_anakoinoseis{
	float : left;
	width : 460px;
	height : 1100px;
	margin : 0 0 0 10px;
	}	
div.rightCol_anakoinoseis{
	float : right;
	width : 200px;
	height : auto;
	}	
div.center_armodiotites{
	float : left;
	width : 670px;
	height : 1000px;
	margin : 0 0 0 10px;
	}	
div.center_dikaiologitika{
	float : left;
	width : 670px;
	height : 12400px;
	margin : 0 0 0 10px;
	}
div.center_dioikisi{
	float : left;
	width : 380px;
	height : 500px;
	margin : 0 0 0 10px;
	}	
div.rightCol_dioikisi{
	float : right;
	width : 280px;
	height : auto;
	}
div.center_eggrafa{
	float : left;
	width : 670px;
	height : 800px;
	margin : 0 0 0 10px;
	}
									
div.yellowBg{
	background-color : #F0D164;
	padding : 10px;
	}
div.yellowBg2{
	background-color : #F0D164;
	padding : 2px;
	}	
div.blueBg{
	background-color : #ceeaf5;
	padding : 5px;
	}	
div.wBg{
	background-color : #ffffff;
	padding : 5px;
	}	



div.whiteBg{
	/*
	Note: this should be floated left, otherwise text will flow over the end onto the next window
	*/
	/*float							: left;*/
	background-color 	: white;
	padding 					: 10px;
	margin 						: 0;
	}
div.whiteBgW{
	/*
	Note: this should be floated left, otherwise text will flow over the end onto the next window
	*/
	/*float							: left;*/
	background-color 	: white;
	padding 					: 10px;
	margin 						: 0;
	background-image: url(../images/promitheas_water2.gif);
	background-repeat: no-repeat;
	background-position: 50;
	}		
div.colorBgW{
	/*
	Note: this should be floated left, otherwise text will flow over the end onto the next window
	*/
	/*float							: left;*/
	background-color 	: #FF3300;
	padding 					: 10px;
	margin 						: 0;
	background-image: url(../images/promitheas_water2.gif);
	background-repeat: no-repeat;
	background-position: 50;
	}			
div.wideLeft{
	width 							: 75%;
	float 							: left;
	height							: auto;
	padding 						: 0px;
	background-color 		: white; 
	}


/*	col header bg's */
div.yel{
	background-color 		: white;
	padding 						:5px 0 5px 10px;
	background-image 		: url(../images/bdr_yel.gif);
	background-repeat 	: repeat-x;
	}
div.creme{
	background-color 		: white;
	padding 						:5px 0 5px 10px;
	background-image 		: url(../images/bdr_creme.gif);
	background-repeat 	: repeat-x;
	}
div.blue{
	background-color 		: white;
	padding 						:5px 0 5px 10px;
	background-image 		: url(../images/bdr_blue.gif);
	background-repeat 	: repeat-x;
	}
div.green{
	background-color : white;
	padding :5px 0 5px 10px;
	background-image : url(../images/bdr_green.gif);
	background-repeat : repeat-x;
	}


div.services{
	margin : 0;
	padding : 0;
	}

div.services2{
	margin : 0;
	padding : 0;
	background-color : #F5F1DE;	
	}
	
table.articleLinks{
	border-left : 1px solid #DBDAD5 ;
	}
.articleLinks a b{
	text-decoration : underline;
	}
table.pull{
	float : right;
	border-left : 1px solid #DBDAD5 ;
	}
.pullQuote{
	font-size : 18px;
	font-weight : bold;
	}

/* sub nav styles */
/* The height specification needs to be carried throughout for the moment. This is because
	 the cascade is not being applied correctly
	 
*/	
ul.wSubNav{
	display 							: inline;
	padding 							: 0px;
	list-style						: none;
	float									: left;
	clear									: both;
}

ul.wSubNav li{
	float									: left;
	margin								:	0;
	padding-left					: 4px;
	padding-right					: 2px;
	margin-bottom					: 2px;
	border-bottom					:	1px solid #D7D6D2;
	height 								: 25px;
}

ul.wSubNav li span {
	float 							  : left;
	margin 								: 0;
	padding-left 					: 5px;
	height 								: 25px;	 
}
ul.wSubNav li span.left {
	background-image 			: url(../images/nav-subL_left.gif);	
	background-repeat 		: no-repeat;
}

ul.wSubNav li span.right {
	background-image 			: url(../images/nav-subR.gif);	
	background-repeat 		:no-repeat;
}

ul.wSubNav li a {
	display 							: block;
	height 								: 22px;
	float 								: left;
	border-top						: 1px solid #D7D6D2;
	margin								: 0 ;
	padding 							: 2px 0 0 0;
}

ul.wSubNav li.subNav-active a{
	background-image 			: url(../images/nav/subNav_accent.gif);
	background-repeat 		: repeat-x;
}

table.Events{
	border-bottom : 1px solid #E0DED6;
	padding : 5px 0 5px 0;
	}
.dateTitle{
	font-size : 11px;
	color : #868686;
	}
.headLink a{
	margin-right : 5px;
	}
.headLink a:hover{
	margin-right : 5px;
	background-color : #fff;
	}


/************** sign up form ****************/
div.formholder {
	float:left;
	width : 700px;
	/*border : 1px solid blue;*/
}

div.formholder img{
	padding : 0 0 5px 0;
}

div.formholder a.panelLink, div.formholder a.panelLink:visited { color : #fff; font-size : 20px; }
div.formholder a.panelLink:hover { color : #fff; font-size : 20px; text-decoration : underline }

div.formleft {
	float : left;
	width : 230px;
	text-align : right;
	margin : 20px 0 50px 0;
	/*border : 1px solid blue;*/
}

div.formright{
	float :right;
	width : 440px;
	margin : 20px 10px 50px 0;
}

div.formright a{
	color : #000;
	font-size: 12px;
}

div.formright a:hover {
	color : #c6c6c6;
	font-size: 12px;
}

div.formhomebutton1{
	float 							: left;
	width 							: 230px;
	background-color 		: #66B718;
	vertical-align 			: middle;
	text-align 					: center;
	padding 						: 30px 0 30px 0;
	margin 							: 0 5px 0 0;
}

div.formhomebutton2{
	float : left;
	width : 230px;
	background-color : #5AAEC0;
	text-align : center;
	padding : 30px 0 30px 0;
	margin : 0 5px 0 0;
}

div.formhomebuttonEnd{
	float : right;
	width : 230px;
	background-color : #F1BD1F;
	text-align : center;
	padding : 30px 0 30px 0;
	margin : 0;
}
div.forminputcontainer { width : 100%;	background-color : #66B718; margin-top: 8px; }

div#MembershipStep2 { background-color : #5AAEC0;}

div#MembershipStep3 { background-color : #F1BD1F;}

div.stepHeader{
	float : left;
	width : 200px;
	text-align : left;
	padding : 10px 0 0 10px;
	margin : 0 5px 0 0;
}
div.stepHeader h1 { color : #fff; }
div.stepHeader p { color : #fff; }

div.inputHolder{
	float : right;
	width : 450px;
	background-color : #FCF3D7;
    border-right: 1px solid #E9D2BC; 
    border-top: 1px solid #E9D2BC; 
    border-bottom: 1px solid #E9D2BC; 
	text-align : left;
	padding : 10px 10px 10px 10px;
	margin : 0;
}

table.signupform { margin: 10px 0 10px 0; }
table.signupform td { padding : 5px 10px 10px 10px; vertical-align : top; }
table.signupformKey{ background-color : #D7F3E7; border: 1px solid #d8d8d8; }
table.signupformKey td { padding : 10px; vertical-align : top; }
span.mandatory { color:#804000; margin-left: 3px; } 

/****** Image gallery *********/
div.imageGallery {
	background-color: #F2F2F2;
	border: 1px solid #D8D8D8;
	float: left;
	height: 100px;
	margin: 0 4px 4px 0;
	padding: 4px 2px 0 2px;
	text-align: center;
	width: 116px
}

div.imageGallery span {
	color: #0066FF;
	display: block;
	font-size: 90%;
	vertical-align: bottom;
}

.imageInline {
	float: left;
	margin: 0 4px 0 0	
}
.imageInlineMiddle {

	margin: 0 0px 9px 7px;	
}


/**** SURVEY FROM ***/
div.surveyForm{
	padding: 15px;
	float: left;
	width: 90%;
	/*
	border: 1px solid black;
	*/
}

/*
div.surveyTitle{
	margin: 10px 0;
}
*/

div.surveyForm p{
	
}


div.surveyForm label{
}

div.surveyForm input{
	border: none;
}

div.surveyForm  div.textBlock{
	margin: 5px 0 5px 0;
}

div.surveyForm input.field{
	border: 1px solid #ccc;
	
}

div.surveyForm textarea{
	border: 1px solid #ccc;
}

div.titleFixedWidth{
	width: 150px;
	float: left;
}


p.buttonRightAlign{
	text-align:right;
}


/****** homeFooter *********/

div.homeFooter {
	float							: left;
	width							: 941px;
	margin-top				:	4px;
	padding						: 5px 0 5px 0;
	background				: #fff;
	text-align				:center;
}
div.homeFooter ul {
	border-top				: 3px solid #F0D164;
	background-color 	: #ddd;
	float 						: left;
	width							: 890px;
	margin 		 				: 2px 4px;
	list-style 				: none;
}
div.homeFooter ul li {
	margin 			: 5px;
	float 			: left;
}