/*Αρχείο CSS για να καθορίσουμε την εμφάνιση της σελίδας*/

/* κυρίως σελίδα*/
body 
{
	margin: 0;
	padding-top: 10px;
	background:#FFF;
	font-family: sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2f2825;
	background:#2f2825;
}


/*επικεφαλίδα h2*/
h2
{
	margin-top:10px;
	color:#ece9d8;
	padding-left:20px;
	font-size:1.8em;
}


/* το πρώτο πλαίσιο στο πάνω μερος της σελίδας */
#header
{
	width:95%;
	margin: 0 auto 0px auto;
	background: url(../images/test.gif) ;
	height:25px;
}


/*πλαίσιο στο οποίο εμφανίζεται η ημερομηνία (μέσα στο πλαίσιο header)*/
#date
{
	width:220px;
	float:left;
	color: #ada9d8;	
	/*height:25px;*/
	font-size:12px;
	font-family:sans-serif;
	font-weight:bold;
	padding-left:10px;
}


/*πλαίσιο στο οποίοεμφανίζεται το λογότυπο (εικόνα & τίτλος)*/
#logo
{
	position:relative;
	width:95%;
	margin:0 auto;	
	background: #2f2825;
	height:80px;
	font-family: sans-serif;
	
}


/*πλαίσιο με μενου συνδέσμων μέσα στο πλαίσο header*/
#menu 
{
	width:700px;
	float: right;
	/*height:20px;*/
}


/*λίστα επιλογών στο μενού*/
#menu ul {
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
	float:right;
}


/*οι επιλογές του μενού*/
#menu li 
{
	display: inline;
}


/*οι επιλογές σύνδεσμοι του μενού*/
#menu a {
	display: block;
	float: left;
	padding-right:10px;
	margin-right: 5px;
	text-decoration: none;
	font-size: 11px;
	color: #ada9d8;	
}


/*εμφάνιση επιλογών μενού όταν μετακινείτε το ποντίκι απο πάνω*/
#menu a:hover 
{
	text-decoration: none;
	color:#2f2825;
	padding-top:3px;
}


/**/
#morelinks
{

	position:relative;
	width:95%;
	margin:0 auto;	
	height:20px;
	padding:0;
	font-family:sans-serif;
	font-weight:bold;
	background: url(../images/moreup.gif) ;
}







.news_bottom
{
	/*background: url(../images/nb.gif) ;*/
	border-top:2px solid #2f2825;
	border-bottom:2px solid #2f2825;
	width:80%;
}




#page
{
	position:relative;
	width:95%;
	height:600px;
	margin: 0px auto;
	/*padding-left:10px;
	padding-right:10px;*/
	background-color:#fff;

}


.news1 td{border:1px solid #5a4ef1;}

.news1
{
	background: url(../images/test.gif) ;
	border:1px;
	color:#ece9d8;
}

#links
{
	position:relative;
	width:15%;
	float:left;
}

#right
{
	position:relative;
	width:15%;
	float:right;	
}

#links h2, #right h2
{
	height: 20px;
	padding: 5px 0 0 5px;
	letter-spacing: -1px;
	font-size: 1em;
	text-align:center;
	color: #2f2825;
	background: url(../images/link.gif) no-repeat;
}

#links ul, #right ul
{
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	/*margin-bottom:20px;*/
}

#links li a, #right li a
{
  	height:18px;
	text-decoration: none;
	list-style-type:none;
	color: #2f2825;
	display: block;
	font-size:11px;
	font-weight:bold;
	padding: 4px 0 0 0px;
	border-bottom:1px solid;
	border-color:#2f2825;
	left:0px;
}
	
#links li a:hover, #right li a:hover 
{
	
	color:#ece9d8;
	background: url(../images/menu.gif) ;
}	




#content
{
	position:relative;
	float:left;
	width:65%;
  	overflow:auto;	
	padding-left:5px;
	padding-right:5px;
	margin-left:5px;
	background:#fff;
	height:550px;
	font-family: sans-serif;
	font-size: 12px;
}


#content p
{
	color:#2f2825;
	line-height:2;
}


#content a 
{
  	color: #737373;
  	text-decoration:none;
	text-align:center; 
}


#content a:hover , #content a:active
{
	color: #2f2825;
	text-decoration:none;
	padding:0;
}


.news_bottom td a:hover
{
	color: #ece9d8;	
	text-decoration:none;
	text-align:center;
	display:block;
	padding:0;
	background: url(../images/menu.gif) ;
}

#content h4
{
	font-family: sans-serif;
	text-align:center;
	border-bottom:2px solid #2f2825; 
	color:#2f2825;
	font-size:1.4em;
}

#content h3
{
	font-family: sans-serif;
	text-align:center; 
	color:#5a4ef1;
	font-size:1.1em;
}

#content h5
{
	font-family:  sans-serif;
	text-align:left;
	color:#2f2825;
	font-size:12px;
}



#footer
{
	width: 95%;
	height:29px;
	margin: 0 auto 0px auto;
	background: url(../images/footer.gif) ;

}

#footer p {
	text-align: center;
	margin: 0 auto 0px auto;
	line-height: normal;
	color:#2f2825;
}


#content h5, h6
{
	margin: 0 auto 0px auto;
	line-height: normal;
	color:#2f2825;
}


