/* ************************************************************** */
/*                   BASIC CSS FOR bigsofo.GR                     */
/* ************************************************************** */


* {	/* Set's border, padding and margin to 0 for all values */

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

body, html {
	background: #000088 url("../images/bg.gif");
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #fff;
	text-align: center; /*** Centers the design in old IE versions ***/	
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%; /* needed for container min-height */
	
}

	body {
		min-width: 1024px;
	}
	

a,
a:hover {
	text-decoration: none;
}

#FlashContent {
	position: absolute;
	left: 0;
	top: 0;
	width: 956px;
	height: 140px;
}
#BannerContent {
	width: 956px;
	height: 140px;
	position: relative;
	left: 0px;
	top: 0px;
	visibility: visible;
	z-index: 1;
}

/* ************************************************************** */
/* CLEAR BOTH                                                     */
/* ************************************************************** */

br.ClearBoth, 
div.ClearBoth {
	font-size: 0px;
	line-height: 0px;
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
}


/* ************************************************************** */
/* CONTAINER                                                      */
/* ************************************************************** */

div#Container {
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
	margin: 0 auto; /* Centers the design, not in IE5 */
	width: 956px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin-top: 0px;

}

* html div#Container {
	height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
	
}

/* ************************************************************** */
/* NAVIGATION                                                     */
/* ************************************************************** */
div#TopNavigation {
	float: left;
	width:956px;
	background-color:#0b1b2f; }

div#Navigation {
	float: left;
	font-size: 11px;
	line-height: 69px;
	background-color:#0b1b2f;
	width:665px;
	/*white-space: nowrap;*/
	display: inline-table;
	margin: 0 0 0 0px; /* setting will apply to all browsers */
	#margin: 0 0 0 0px; /* setting will only apply to Microsoft Internet Explorer browsers */
	_margin: 0 0 0 0px; /* setting will only apply to IE browsers 6.0 and older */
	
}

::root div#Navigation { height: 69px; } /* setting will only apply to Apple Safari browser */

div#langselect {
	float: right;
}	

/* ************************************************************** */
/* FORM                                                           */
/* ************************************************************** */
form {
	margin: 15px;
	padding: 0;
}

fieldset {
	margin: 10px 0;
	border: none;
}

/* ************************************************************** */
/* LOGO                                                         */
/* ************************************************************** */

div#Logoplace {
	background: #0b1b2f url("../images/bg.gif") 0 0 repeat-y;
	background-color:#0b1b2f;
	height:71px;
	text-align:center;
	width: 260px;
	float: left;
	display:table-cell;
	vertical-align:middle;
	margin: 0;
	padding: 0;
}

div#Logo {
	text-align:center;
	float: left;
	display:table-cell;
	vertical-align:middle;
}


/* ************************************************************** */
/* MAIN PAGE                                                        */
/* ************************************************************** */

div#Main {
	float: left;
	width:956px;
	background-color: #ffffff;
		}

div#Contents {
	float: left;
	width:956px;
	background-color: #ffffff;
		}


div#LeftImgbanners {

	text-align:center;
	width: 220px;
	float: left;
	display:table-cell;
	vertical-align:middle;
	margin: 0;
	padding: 0;
}


		
/* ************************************************************** */
/* LEFT IMAGE DATA                                                */
/* ************************************************************** */


div#LeftImgdataplace {

	text-align:justify;
	width: 720px;
	float: right;
	display:table-cell;
	vertical-align:middle;
	margin: 0;
	padding: 0;
}


/* ************************************************************** */
/* RIGHT IMAGE DATA                                               */
/* ************************************************************** */

div#RightImgdataplace {
	text-align:justify;
	width: 720px;
	float: left;
	display:table-cell;
	vertical-align:middle;
	margin: 0;
	padding: 0;
}

/* ************************************************************** */
/* MAIN DATA                                                        */
/* ************************************************************** */

div#Mainleftdataplace {
	background-color:#ffffff;
	text-align:justify;
	width: 780px;
	float: left;
	display:table-cell;
	vertical-align:middle;
	margin: 0;
	padding: 0;
}

div#Mainrightdataplace {
	background-color:#ffffff;
	text-align:justify;
	width: 780px;
	float: right;
	display:table-cell;
	vertical-align:middle;
	margin: 0;
	padding: 0;
}
.stats {
	text-align:center;
}
.stats td {
	text-align:center;
	border: 1px  solid #0b1b2f;
}
.statsheader
 { 
 	color: #fff;
	font-weight: bold;
	background-color: #0b1b2f;
	text-decoration:none;
 }
 
 a.statsheader:link, a.statsheader:active, a.statsheader:visited
 { 
 	color: #a5a5a5;
	font-weight: bold;
	background-color: #fff;	
	text-decoration:none;
 }
 
a.statsheader:hover
 { 
 	color: #a5a5a5;
	text-decoration:none;	
 }
 
.Data {
	text-align:justify;
}

.Data a:hover {
	color: #0b1b2f;
}

.Data a {
	color: #a5a5a5;
}

div.Data {
	text-align:justify;
	float: left;
	width: 700px;
	padding: 10px 10px 10px 10px;
	margin-left: 10px;
	line-height: 1.2em;
	padding: 5px;
}

 a.statsheader2:link, a.statsheader2:active, a.statsheader2:visited
 { 
 	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
 }
 
a2.statsheader2:hover
 { 
 	color: #a5a5a5;
	text-decoration:none;	
 }
 

/* ************************************************************** */
/* Copyright PAGE                                                        */
/* ************************************************************** */


div#CopyrightData {
	float: left;
	font-size: 11px;
	line-height: 20px;
	width:956px;	
	background-color:#ffffff;
	text-align: right;
	height: 50px; /* setting will apply to all browsers */
	#height: 50px; /* setting will only apply to Microsoft Internet Explorer browsers */
	_height: 50px; /* setting will only apply to IE browsers 6.0 and older */
	/*white-space: nowrap;*/
	display: inline-table;
	border-top: 20px solid #0b1b2f;
	margin: 0 0 0 0px; /* setting will apply to all browsers */
	#margin: 0 0 0 0px; /* setting will only apply to Microsoft Internet Explorer browsers */
	_margin: 0 0 0 0px; /* setting will only apply to IE browsers 6.0 and older */
	}