/************************************************************** 
 * Ikarian Template Island Ikaria Web Site (www.ikaria.gr) * 
 * Author:Xenias Alexios (info@ikaria.gr) * Date:22.02.2007 * 
 *  License:GNU/LGPL *
 **************************************************************/

/** GENERAL SETTINGS **/
* {
	font-family: Arial, Helvetica, sans-serif;
}
.ikarianbody {
	background: #A8723C;
	margin: 0;
	color: #333333;
}
div, td, p {
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}
a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #2460CE;
}
a:hover {
	text-decoration: underline;
	color: #CD2338;
}
ul {
	margin: 5px;
	padding: 5px;
	list-style: none;
	list-style-type: square;
}
li {
	line-height: 18px;
	/*padding-left: 5px;
*/
	padding-top: 0px;
	list-style-position: inside;
}
.clear {
	clear: both;
}
/**************************************************************/
/** GLOBAL TEMPLATE LAYOUT **/
/** wrapper to make the page center **/
#container {
	width: 980px;
	padding: 0;
	text-align: left;
}
/** hold background, it should be float:left that's way we can not put it in #container **/
#containerbg {
	position: relative;
	width: 980px;
	background: transparent url(../images/bg_inside.jpg) repeat-y left top;
	float: left;
	top: 0;
	left: 0;
	border: 1px solid #704e28;
}
#logo {
	position: relative;
	width: 100%;
	height: 150px;
	float: left;
	background: #EEEEEE url(../images/ikaria.jpg) no-repeat right top;
}
/***********************************************************/
/** TOP MENU AND LANGUAGE **/
#topcontainer {
	position: relative;
	float: left;
	background: #1E5DB2 url(../images/bg_topmenu.gif) repeat-x left top;
	width: 100%;
	clear: left;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 25px!important;
}
#topmenu {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 25px;
}
#counter {
	float:left;
	display: block;
	width: 110px;
	text-align: right;
	margin: 5px;
        font-size:9px;
	padding: 3px 10px 0px 0px;
	color:#D1D3D2;
}
#language {
	float: right;
	display: block;
	width: 210px;
	text-align: right;
	margin: 0px;
  font-size:12px;
	padding: 1px 0px 0px 0px;
	color: #FFFFFF;
}
#language form {
	margin: 0px;
	padding: 0px;
}
/* Elxis top menu layout, you need to add menu class suffix:-nav */
/** unordered list top menu **/
ul.mainlevel-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}
/** unordered list item for top menu **/
ul.mainlevel-nav li {
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	width: auto !important;
	font-size: 10px;
	line-height: 30px;
	white-space: nowrap;
}
/** unordered list item link for top menu **/
ul.mainlevel-nav li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
/** unordered list item link for top menu for firefox only **/
#topmenu>ul.mainlevel-nav li a {
	width: auto;
}
/** unordered list item for top menu for firefox only **/
ul.mainlevel-nav li a:hover {
	background: #704e28 url(../images/bg_topmenu_on.gif) repeat-x left top;
	text-decoration: none;
}
/***********************************************************/
/** PATHWAY **/
/** pathway line **/
div.pathway {
	position: relative;
	left: -1px;
  float: left;
	height: 22px;
	width: 980px;
  /*padding: 0px 0px 0px 0px;*/
  /*se periptosi pou xreiastei allagi*/
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	background: #eeeeee;/*FEFDBA */
	border: 1px solid #704e28;
 
}
span.pathway {
	height: 22px;
	margin: 0px;
	padding: 4px 0px 0px 15px;
	color: #704e28;
	font-size: 12px;
}
.pathway a:link, .pathway a:active, .pathway a:visited {
	color: #704e28;
	text-decoration: none;
	font-weight: bold;
}
.pathway a:hover {
	text-decoration: underline;
}
/***********************************************************/
/** MAIN CONTAINER **/
#main_container {
	position: relative;
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 980px;
}
/***********************************************************/
/** LEFT COLUMN **/
/** div container for left column **/
#leftcol {
	position: relative;
	float: left;
	clear: left;
	width: 188px;
}
/* not in used (for position user1) */
#leftcolmenu {
	position: relative;
	overflow: hidden
}
/***********************************************************/
/** MIDDLE COLUMN **/
/** div wrapper for user2 & user3 **/
#content_top_wrapper {
	position: relative;
	float: left;
	clear: none;
	width: 749px;
	margin: 0px;
	padding: 0px;
}
/** div container for position:user2 **/
#content_top1 {
	margin-left: 2px;
	float: left;
	width: 370px;
}
/** div container for position:user3 **/
#content_top2 {
	margin-right: 2px;
	float: right;
	width: 370px;
}
/** div container for mainbody **/
#content_main {
	position: relative;
	float: left;
	clear: none;
	width: 784px;
	margin: 0px;
	/* margin: 15px 0 20px 20px;
*/
	padding: 4px;
	background-color: #FFFFFF;
}
/***********************************************************/
/** ELXIS CONTENT LAYOUT **/
/** content title **/
.componentheading {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	font-size: 20px;
	line-height: 25px;
	padding: 5px 0 5px 0;
	display: block;
}
.contentheading, .contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:active, a.contentpagetitle:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: center;
	color: #3973AC;
	font-weight: bold;
	padding-top: 25px;
	display: block;
}
/** pdf, printer version, and email to friend button **/
.buttonheading {
	width: 16px!important;
	text-align: right;
}
.sectiontableheader {
	font-weight: bold;
	background: #456687;
	letter-spacing: 1px;
	color: #FFFFFF;
}
.category, .categorytitle {
	font-weight: bold;
	color: #3973AC;
	background-color: inherit;
}
.sectiontableentry1 {
	background-color: #efefef;
	/*padding: 2px;
*/
	color: #333333;
}
.sectiontableentry2 {
	background-color: #ffffff;
	/*padding: 2px;
*/
	color: #333333;
}
/** blog Styles **/
.blogsection {
	color: #704e28;
	background-color: inherit;
}
.blog_more {
	font-weight: bold;
	line-height: 25px;
	padding-top: 20px;
	color: #3973AC;
	border-bottom: 1px solid #704e28;
	background-color: inherit;
}
/** small text in content **/
.small {
	color: #704e28;
	font-size: 11px;
	font-weight: bold;
	background-color: inherit;
}
/** date info in content **/
div.item_createdate {
	color: #704e28;
	font-size: 11px;
	padding: 0 0 0px 0;
	line-height: 12px;
	background-color: inherit;
}
div.item_modifydate {
	color: #704e28;
	font-size: 11px;
	padding: 0;
	background-color: inherit;
}
/** toc page navigation  **/
.pagenav_prev, .pagenav_next {
	font-size: 11px;
}
/** content item navigation  **/
.pagenavbar {
	display: block;
	width: 100%;
	background-color: inherit;
	height: 20px;
	line-height: 25px;
	text-align: right;
	letter-spacing: 2px;
	color: #704e28!important;
	clear: both;
	font-size: 11px!important;
	margin-top: 10px;
	background-image: url(../images/bg_pagenav.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.pagenav {
	height: 20px;
	line-height: 25px;
	text-align: right;
	letter-spacing: 2px;
	color: #704e28;
	clear: both;
	font-size: 11px;
	margin-left: 0;
	margin-right: 0;
	background-color: inherit;
}
.back_button {
	display: block;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	width: 100%;
	margin-bottom: 10px;
	letter-spacing: 2px;
}
/** highlight word search result **/
.highlight {
	font-weight: bold;
	background-color: #FFFF00;
	padding: 2px 0 2px 0;
}
/** table of content layout **/
table.contenttoc {
	border: 1px solid #000000;
	/*padding: 1px;
*/
	width: 130px;
	margin: 0 0 10px 10px;
}
/** table of content header **/
.contenttoc th {
	color: #FFFFFF;
	background-color: #666666;
	font-size: 11px;
	display: block;
	width: 124px;
}
/** unordered list for latest news module **/
ul.latestnews li, ul.mostread li {
	line-height: 18px;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	list-style-position: outside;
}
/** fix opera table width for content list in table category**/
/* table.contentpane td.contentdescription {
	width: 100%!important;
}
*/
.contentpaneopen {
	width: 100%;
}
table.content {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 10px;
}
table.contentpane {
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	border-spacing: 0px;
	margin-bottom: 5px;
}
table.contentpaneopen {
	width: 100%;
	padding-left: 1px;
	padding-right: 1px;
	border-spacing: 0px;
	margin-bottom: 15px;
}
/*Controls the background of text displayed on a content item. Acctually controls the td tag that houses the text Elxis Special */
table.contentpaneopen td.contentpaneopen_text {
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
/* Use it to highlight specific articles Two styles are used. One for the whole table cell and the other for paragraphs. You may extent it to accomodate more tag elements */
table.contentpaneopen td.contentpaneopen_text-highlight1 {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background-color: #CCCCCC;
	border: thin solid #FF3366;
}
table.contentpaneopen td.contentpaneopen_text-highlight1 p {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	background-color: #CCCC00;
	border: thin solid #704e28;
}
table.contentpane td.contentdescription {
	width: 100%;
	display: block;
}
/***********************************************************/
/** LINKS **/
/** any left column link **/
#leftcol a:link, #leftcol a:active, #leftcol a:visited {
	color: #2460CE;
}
a.pagenav:link , a.pagenav_next:link, a.pagenav_pre:link, div.back_button a, div.back_button a:link, a.latestnews:link, a.latestnews:active, a.latestnews:visited, a.mostread:link, a.mostread:active, a.mostread:visited {
	text-decoration: none;
}
/*** read more link ***/
.readon, a.readon:link, a.readon:active, a.readon:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #456687;
	background-color: #93B1CD;
	padding: 1px 2px 1px 2px;
}
a.readon:hover {
	background-color: #456687;
	border: 1px solid #93B1CD;
}
/*** blog links ***/
a.blogsection:link, a.blogsection:active, a.blogsection:visited {
	color: #3973AC;
	text-decoration: none;
}
/********* MAIN LEVEL *********/
/** generic menu item **/
.mainlevel {
	display: block;
	height: 27px;
	line-height: 27px;
	padding-left: 28px;
	background: url(../images/bg_mainlevel.jpg) no-repeat center top;
	font-weight: bold;
	text-decoration: none;
}
.mainlevel-orange {
	display: block;
	height: 27px;
	line-height: 27px;
	padding-left: 24px;
	background: url(../images/bg_mainlevel_orange.jpg) no-repeat center top;
	font-weight: bold;
	text-decoration: none;
}
.mainlevel-gray {
	display: block;
	height: 27px;
	line-height: 27px;
	padding-left: 24px;
	background: url(../images/bg_mainlevel_gray.jpg) no-repeat center top;
	font-weight: bold;
	text-decoration: none;
}
/** generic menu item link **/
#leftcol a.mainlevel:link, #leftcol a.mainlevel:active, #leftcol a.mainlevel:visited, a.mainlevel:link, a.mainlevel:active, a.mainlevel:visited, #leftcol a.mainlevel-orange:link, #leftcol a.mainlevel-orange:active, #leftcol a.mainlevel-orange:visited, a.mainlevel-orange:link, a.mainlevel-orange:active, a.mainlevel-orange:visited, #leftcol a.mainlevel-gray:link, #leftcol a.mainlevel-gray:active, #leftcol a.mainlevel-gray:visited, a.mainlevel-gray:link, a.mainlevel-gray:active, a.mainlevel-gray:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 27px;
}
/** generic menu item link on mouseover **/
a.mainlevel a:hover, #leftcol a.mainlevel:hover {
	background: url(../images/bg_mainlevel_on.jpg) no-repeat center top;
	color: #FFFFFF!important;
	text-decoration: none!important;
}
/** orange menu item link on mouseover **/
a.mainlevel-orange a:hover, #leftcol a.mainlevel-orange:hover {
	background: url(../images/bg_mainlevel_on_orange.jpg) no-repeat center top;
	color: #FFFFFF!important;
	text-decoration: none!important;
}
/** gray menu item link on mouseover **/
a.mainlevel-gray a:hover, #leftcol a.mainlevel-gray:hover {
	background: url(../images/bg_mainlevel_on_gray.jpg) no-repeat center top;
	color: #FFFFFF!important;
	text-decoration: none!important;
}
a.sublevel a:link, a.sublevel a:active, a.sublevel a:visited {
	color: #1E5DB2;
	text-decoration: none;
	font-size: 11px;
	line-height: 27px;
}
a.sublevel:hover {
/********************* TO DO ***************/
}
/** table of content list **/
a.toclink:link, a.toclink:active, a.toclink:visited {
	color: #3973AC;
	font-size: 11px;
	padding: 2px 10px 2px 10px;
	display: block;
	text-decoration: none;
}
.pagenavbar a:link, .pagenavbar a:active, .pagenavbar a:visited {
	letter-spacing: 2px;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
.pagenavbar a:hover {
	color: #3973AC;
}
/** latestnews and popular **/
.latestnews, .mostread {
	color: #000000;
}
a.latestnews:link, .mostread a:link, .latestnews a:active, .mostread a:active, .latestnews a:hover, .mostread a:hover, .latestnews a:visited, .mostread a:visited {
	color: #000000;
	text-decoration: underline;
}
/** underline on hover **/
a.toclink:hover, a.latestnews:hover, a.mostread:hover, a.sublevel-right:hover, a.blogsection:hover, a.pagenav:hover , a.pagenav_next:hover, a.pagenav_pre:hover, a.latestnews:hover {
	text-decoration: underline;
	color: #3973ac;
	/* background-color: inherit;
*/
}
#leftcol a:hover {
	color: #93B7DB;
	text-decoration: underline;
}
/***********************************************************/
/** MODULE LAYOUT **/
/** general module table **/
table.moduletable, table.moduletable-red, table.moduletable-green, table.moduletable-orange, table.moduletable-gray {
	width: 185px;
	float: left;
	clear: left;
}
#leftcol table, #rightcol table {
	width: 185px;
}
/** general module table **/
#leftcol table td, #rightcol table td {
	font-size: 12px !important;
	color: #000000;
}
/** general module title **/
table.moduletable th {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height: 30px;
	background: url(../images/mod_head_blue.jpg) no-repeat left top;
	height: 30px;
	text-align: left;
	padding-left: 34px;
	font-weight: bold;
}
table.moduletable-orange th {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 30px;
	background: url(../images/mod_head_orange.jpg) no-repeat left top;
	height: 30px;
	text-align: left;
	padding-left: 34px;
	font-weight: bold;
}
table.moduletable-red th {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 30px;
	background: url(../images/mod_head_red.jpg) no-repeat left top;
	height: 30px;
	text-align: left;
	padding-left: 34px;
	font-weight: bold;
}
table.moduletable-green th {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 30px;
	background: url(../images/mod_head_green.jpg) no-repeat left top;
	height: 30px;
	text-align: left;
	padding-left: 34px;
	font-weight: bold;
}
table.moduletable-gray th {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 30px;
	background: url(../images/mod_head_gray.jpg) no-repeat left top;
	height: 30px;
	text-align: left;
	padding-left: 34px;
	font-weight: bold;
}
#content_top1 table.moduletable {
	float: left;
	border: 1px solid #97C86F;
	width: 374px!important;
	margin-top: 4px;
	margin-left: 4px;
	margin-left: 2px;
}
#content_top2 table.moduletable {
	float: left;
	border: 1px solid #FF9900;
	width: 410px!important;
	margin-top: 4px;
}
#content_top1 table.moduletable th {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 30px;
	background: url(../images/mod_head_green.jpg) no-repeat left top;
	height: 30px;
	text-align: left;
	padding-left: 29px;
	font-weight: bold;
}
#content_top2 table.moduletable th {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 30px;
	background: url(../images/mod_head_orange.jpg) no-repeat left top;
	height: 30px;
	text-align: left;
	padding-left: 29px;
	font-weight: bold;
}
/** specific module td table for content top 1 and 2. position:user2 an user3 **/
#content_top1 table.moduletable td, #content_top2 table.moduletable td {
	height: 100px;
	min-height: 100px;
	vertical-align: top;
}
/** right column module td **/
#rightcol table.moduletable td, #rightcol table.moduletable-orange td, #rightcol table.moduletable-red td, #rightcol table.moduletable-green td, #rightcol table.moduletable-gray td {
	padding: 4px 0px 4px 2px;
}
table.moduletable-orange td {
	background-color: #FACD54;
}
table.moduletable-red td {
	background-color: #FF9595;
}
table.moduletable-green td {
	background-color: #B7F298;
}
table.moduletable-gray td {
	background-color: #CCCCCC;
}
/** MENU **/
/** specific left column form **/
#leftcol form {
	padding-left: 0px;
}
/** specific left column form **/
#leftcol .button {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #704E28;
	border-right: 1px solid #344D66;
	border-bottom: 1px solid #344D66;
	border-left: 1px solid #456687;
	border-top: 1px solid #456687;
}
/** specific left column form **/
#leftcol .inputbox {
	font-size: 11px;
	font-weight: bold;
}
/** module styles in #leftcol **/
#leftcol table.moduletable td {
	color: #000000;
	font-size: 11px;
	/* padding-left: 0px;
*/
/* padding gia elegxo */
}
div.search {
	margin: 10px 0px 4px 4px;
}
/** search field in search div **/
.search .inputbox {
	width: 100px;
	border: 1px solid #000000;
}
/***********************************************************/
/** FORM LAYOUT **/
/** left column input form **/
#leftcol .inputbox, #rightcol .inputbox {
	font-size: 11px;
	border: 1px solid #000000;
	margin-bottom: 2px;
}
#leftcol form td, #rightcol form td {
	padding-left: 4px;
}
/** input button html tag **/
.button, #rightcol .button {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #93B1CD;
	border-right: 1px solid #344D66;
	border-bottom: 1px solid #344D66;
	border-left: 1px solid #456687;
	border-top: 1px solid #456687;
}
/** search div in top right column. position:user4 **/
.search {
	/* margin-top: 30px;
*/
}
/** for polls **/
.poll {
	font-size: 11px;
	line-height: 16px;
}
.poller {
	padding-left: 4px;
}
table.pollstableborder .sectiontableentry2 {
	background-color: transparent;
	text-align: left;
}
table.pollstableborder .sectiontableentry1 {
	background-color: #F5F5F5;
	text-align: left;
}
/***********************************************************/
/** FLASH VIDEO **/
.flv {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px;
	background-color: #FF0000;
	border: 1px solid #0000FF;
	float: right;
	position: static;
	margin-top: 10px;
}
/***********************************************************/
/** FOOTER AND BANNER **/
/** div container for banner position:banner **/
#banner {
	position: relative;
	float: left;
	clear: both;
	width: 500px;
	padding-left: 350px;
	padding-bottom: 10px;
}
#blackline {
	position: relative;
	float: left;
	clear: both;
	width: 980px;
	height: 1px;
	min-height: 1px;
	background-color: #D7D7D7;
}
/** copyright **/
#copyright {
	position: relative;
	width: 980px;
	display: block;
	clear: both;
	float: left;
}
#copyright div {
	color: #555555;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: -10px 0px 5px 0px;
}