/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {	color: #CC6600;
	text-decoration: none;}

a:hover {color: #0D78EF;
		text-decoration: underline;}


body {
	background: #000;
	color: #FFFFFF;
	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
	margin: 1% 0;
}

p,ul {
	padding-bottom: 1em;
	line-height: 1.2em;
}
.main p {line-height: 1.2em;}
img {
border:0;
}

li {list-style: none;}
.main li {list-style-image: url(img/li.gif);}

h1 {font-size: 1.2em;
color: #FF6600;}
h2 {color: #FF6600;}
h4 {font-size: 1.4em;
	color: #FF6600;
	line-height: 30px;}
h3 {color: #FFE;
	font: bold 1.1em Verdana, sans-serif;
	line-height: 24px;}
h5 {font-size: 1.2em;
	color: #FFE;
	background: #222;
	line-height: 25px;}

blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 1em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
	width:95%;
}
blockquote p {padding: 3px 0;}


/* misc */
.clearer {clear: both;}
.main_right .padded {padding: 6px 0px 6px 16px;}
.main .padded {padding: 18px 30px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}

/*STRUCTURE*/
.container {
	font-size: 1.2em;
	background: #3B3B3B;
	margin: 0 auto;
	width: 1000px;

}

.separator {

	padding: 0px 0px 0px 0px;
	text-align: center;	
	background: url(img/topheader.gif) repeat-x;
	margin-right: px;
	height:50px;
}

.main {
	float: left;
	width: 600px;
	padding-left: 40px;
	text-align: justify;
}

/* TOP */
.topmenu {
	float: left;
	width: 100%;
	background-color: inherit;
	padding: 0;
	display: block;

	text-align: right;	
}

/* INDEX Titles in Separator*/
.titles_sep {
	float: left;
	width: 100%;
	background: url(images/gradient-glossy.png) repeat-x;
	background: #000;
	padding: 10px 0px 10px 0px;
	margin-bottom: 10px;
	
	text-align: right;	
	font-size: 1.4em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
/* INDEX Header Left part with photo*/
.header_left {
	float: left;
	background: #000;
	width: 640px;
	height: 150px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 110px;
}
/* INDEX Header Right part with thumbnails*/
.header_right {
	float: right;

	width: 250px;
	height: 510px;
	padding: 0px 0px 0px 0px;
	text-align: center;	
	margin-top: 10px;
	margin-bottom: 10px;
}

/* INDEX Latest News*/
.news {
	float: right;
	height: 195px;
	width: 465px;

	padding: 1% 1% 1% 1%;
	border-left: 3px solid #333;
	border-right: 1px solid #333;
	margin-bottom: 10px;
	background: #333 url(img/corner.jpg) no-repeat bottom right;
	
}

/* INDEX Menu in the Left of Latest News*/
div.navvy
{
float: left;
width: 150px;

font-size: 12px;
margin-left: 110px;
padding-left: 0px;
text-align: center;
}

ul.navvylist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}

ul.navvylist li
{
display: block;
margin: 0;
padding: 0;
}

ul.navvylist li a
{
display: block;
width: 90%;
margin:0;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #333 #0A0A0A #000 #333;
border-style: solid;
color: #333;
font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
background: #121212;
}

div.navvy>ul.navvylist li a { width: auto; }

ul.navvylist li.activemenu a
{

color: #fff;
}

ul.navvylist li a:hover, ul.navvylist li.active a:hover
{
color: #fff;
background: #3B3B3B;
border-color: #333 #0A0A0A #000 #333;
}

/*INDEX | Δεξιά στήλη κειμένου*/
.main_right {
	float: right;

	width: 166px;
	color: #CCC;
	text-align: left;
}

/*ABOUT & FAQ | Αριστερά στήλη κειμένου*/
.main_left {
	float: left;
	width: 150px;
	padding-right: 8px;
	text-align: center;
}

/*ABOUT & FAQ | Δεξιά στήλη μενού*/
.right_col_menu  {
	float: right;
	width: 160px;
}
.right_col_menu  ul {margin: 0; padding: 0;}
.right_col_menu  li {
	border-bottom: px solid #696755;
	list-style: none;
	list-style-image: url(img/li.gif);
}
.right_col_menu  li a {
	background: #3B3B3B;	
	color: #666;
	display: block;
	padding: 8px 0 8px 12px;
	width: 148px;
	text-decoration: none;
}
.right_col_menu  li a:hover {
	background: #9C997C;
	color: #000;
}



/*ABOUT & FAQ's Horizontal Menu always followed by topheader_menu!*/
ul.navhor{
	width:650px;
	height:30px;
	float:left;

	background-color:#000;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;	
}
ul.navhor li{
	float:left;
	margin:0;
	padding:0;
}
ul.navhor li a{
	display:block;
	padding:0 15px;
	font: bold 11px/42px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
ul.navhor li a:hover{
	color:#fff;
	background-color:#0078AA;
}

/*ABOUT & FAQ | Completes and follows ABOUT & FAQ's Horizontal Menu*/
.topheader_menu {
	float: left;
	width: 350px;
	height: 26px;
	background-color:#000;
	padding: 8px 0px 8px 0px;
	margin-bottom: 10px;
	
	text-align: right;	
	font-size: 1.4em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.example {
	float: left;
	width: 95%;
	background-color:#333;
	padding: 8px;
	margin-bottom: 10px;
	font-size: 1em;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

/*INDEX LINKS*/
.thumbscol {
	float: left;

	width: 150px;
	margin-left:135px;

	text-align: center;
}
/*BACK TO TOP*/
.back_link {
	float:left;
	width:990px;
	height:20px;
	padding: 0px 10px 0px 0px;
	text-align: right;	
	font-size: 1em;
	font-style: shadow;
	margin-right: 0px;
	margin-bottom: px;
	background-color:;
}

/* FOOTER */
.footer {
	background: #191919;
	border-top: 1px solid #444;
	border-bottom: 0px solid #444;
	color: #999;
	padding: 2% 3% 1%;
}

.footer h2 {
	padding-left: 4%;
	padding-bottom:1px;
	border-bottom: 1px solid #262626;
	font-size:1.4em;
	}
	
.footer h2:hover {
	color: #FF6600;
	background: #222;
	text-decoration:none;
}

.footer ul {
	border-top: 1px solid #262626;
	margin: 0;
}

.footer li {
	border-bottom: 1px solid #262626;
	list-style: none;
}

.footer li a {
	display: block;
	line-height: 2em;
	padding-left: 4%;
	width: 96%;
	text-decoration: none;
}

.footer a {color: #666;}
.footer a:hover {
	color: #BBB;
	background: #222;
}

.col3,.col3center {
	float: left;
	width: 22%;
}
.col3center {margin: 0 3%;}



/* BOTTOM*/
.bottom {
	
	color: #666;
	clear: both;
	font-size: 1.1em;
	padding: 1px 10px 1px 10px;
	background: #3B3B3B;
	line-height: 2.1em;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
.bottom a {color: #888;}