/*
	Project: PnykaCMS - Content Management System
	Version: 1.0
	File: Layout.css
	Copyright: D. Mavropoulos, All rights reserved
*/

@media all { /* Start of media 'all' */

/* Global settings */
body,
table, caption, th, tr, td,
h1, h2, h3, h4,
ul, li,
div, p {
	background: transparent;
	font-family: 'Trebuchet MS', Calibri, Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
/*	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif; */
	font-size: 10pt;
	margin: 0;
	padding: 0;
	border: none;
}
body {
	background: #c0c0c0;
	background: white url("bg_page.gif") top left repeat-x;
	padding-top: 12px;
	padding-bottom: 12px;
}
img {
	margin: 0;
	border: none;
}
i, em {
	/* Disable italics in order to avoid layout problems when content is justified and text in italics is wrapping */
	font-style: normal;
} 

/* Containers */
div#container {
}
table#layout {
	width: 1058px;
	background: white;
	border: 2px solid #a0a0a0; /*#e77817*/
}
table#top_banner,
table#intro,
table#header,
table#lang,
table#main,
table#bot_banner,
table#legal,
table#owner {
	width: 100%;
}
td#top_banner,
td#top_animation,
td#hads,
td#bot_animation,
td#intro {
	border: 1px solid #e0e0e0;
}
td#top_banner_row,
td#bot_banner_row,
td#intro_row,
td#main_row {
}
td#lang_row,
td#legal_row,
td#owner_row {
	background: url("bg_row.gif") top left repeat-x;
	height: 26px;
	border: 1px solid #e0e0e0;
}
td#lang,
td#counters,
td#owner {
	width: 50%;
}
td#search,
td#hmenu,
td#legal,
td#designer {
	width: 50%;
}
td#vmenu {
	width: 120px;
	vertical-align: top;
}
td#vads {
	width: 120px;
	vertical-align: top;
}
td#content {
	width: 804px;
	vertical-align: top;
	padding: 12px; /* Put it here, not in div#content to avoid problems in search page */
	border: 1px solid #a0a0a0; /*#e77817;*/
	border-top: none;
	border-bottom: none;
}
td#hads {
	width: 728px;
	vertical-align: middle;
}
div.top_banner {
}
div.hidden {
	display: none;
}
div#content {
	text-align: justify; /* If justify, creates problems when there is wrapping italic text. See 'i' above. */
	clear: both;
}
div#history {
	font-size: 80%;
	text-align: right;
	clear: both;
	border-top: 1px solid #e0e0e0;
}
div.time {
	background: #e0e0e0;
	font-size: 80%;
	text-align: center;
	clear: both;
	border-top: 1px solid #e77817;
	border-bottom: 1px solid #e77817;
}
div#vads,
div.vmenu,
div.imenu,
div.misc {
	text-align: center;
}
.misc img {
	margin-bottom: 3px;
}
div.vad {
	margin-top: 12px;
	margin-bottom: 12px;
}
div#header {
	text-align: left;
}
div#hads {
	text-align: center;
}
div#lang,
div.hmenu,
div#legal,
div#owner {
	font-weight: normal;
	color: black;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 80%;
	text-align: left;
	vertical-align: middle;
}
div#search,
div#counters,
div#designer {
	font-weight: normal;
	color: black;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 80%;
	text-align: right;
	vertical-align: middle;
}
div#intro {
	background: #e77817; /* #dd8500; */ /* #707070;*/
	color: white;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 0.4em;
	word-spacing: 0.8em;
	padding: 2px;
}

/* Vertical (main) menu and info menu */
.vhead {
/*
	background: #707070;
*/
	background: #e77817;
	color: #e0e0e0;
	font-weight: bold;
	text-align: left;
	padding: 3px;
	padding-left: 12px;
	white-space: nowrap;
	font-size: 90%;
	border-bottom: 1px solid #e0e0e0;
}
.vitem {
	border-bottom: 1px solid #e0e0e0;
}
.vmenu a,
.vmenu a:link,
.vmenu a:active,
.vmenu a:visited,
.imenu a,
.imenu a:link,
.imenu a:active,
.imenu a:visited {
	display: block;
/*
	background: #909090;
	color: white;
*/
	color: navy;
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	padding: 2px;
	padding-left: 12px;
	white-space: nowrap;
}
.vmenu a:hover,
.imenu a:hover {
	display: block;
/*
	background: #e77817;
	color: white;
*/
	color: navy;
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	padding: 2px;
	padding-left: 12px;
	white-space: nowrap;
}
.imenu a,
.imenu a:link,
.imenu a:active,
.imenu a:visited {
	background: #809000;
}
.imenu a:hover {
	background: #80c000;
}

/* Horizontal menu */
.hmenu a:link,
.hmenu a:active,
.hmenu a:visited,
#legal a:link,
#legal a:active,
#legal a:visited {
	color: black;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
	white-space: nowrap;
}
.hmenu a:hover,
#legal a:hover {
	background: #ff8822;
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
	white-space: nowrap;
}

/* Language selection */
a.lang_el,
a.lang_el:link,
a.lang_el:active,
a.lang_el:visited,
a.lang_el:hover {
	background: #0000ff;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
}
a.lang_en,
a.lang_en:link,
a.lang_en:active,
a.lang_en:visited,
a.lang_en:hover {
	background: #ff0000;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
}

/* Search form (on lang row)*/
#search form {
	padding: 0;
	margin: 0;
}
#search input{
	font-size: 100%;
	font-weight: normal;
	color: black;
}

/* Small slogan bellow logo */
.slogan {
	color: navy;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

/* Printing */
.scr {
/* Don't set 'display: block' (problem with Firefox) */
}
.prn {
	display: none;
}

} /* End of media 'all' */

@media print { /* Start of media 'print' */

.scr {
	display: none;
}
.prn {
	display: block;
}
body,
table, caption, th, tr, td,
h1, h2, h3, h4,
ul, li,
div, p {
	font-size: 12pt;
}
table#layout,
td#header_row,
td#main_row,
td#owner_row {
	border: none;
}
td#content {
	width: 100%;
	border-left: none;
	border-right: none;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
td#header_img {
	width: 150px;
	padding: 12px;
	text-align: left;
}
td#header_txt {
	width: auto;
	padding: 12px;
	text-align: left;
}
div#content {
	text-align: left;
}
.header_title {
	color: #e77817;
	font-size: 200%;
	font-weight: bold;
}
.header_subtitle {
	color: #e0e0e0;
	font-size: 120%;
	font-weight: bold;
}

} /* End of media 'print' */