/* CSS Document */



body {

	background-image: url(../img/backgroun.png);

	background-repeat: repeat-x;

	background-attachment: fixed;

	margin-top: 5px;

}



body,td,th {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #333333;

}



a:link {

	color: #333333;

	text-decoration: none;

}

a:visited {

	color: #333333;

	text-decoration: none;

}

a:active {

	color: #333333;

	text-decoration: none;

}

a:hover {

	text-decoration: none;

	color: #FF0000;

}

.wireframemenu{

border: 1px solid #C0C0C0;

background-color: white;

border-bottom-width: 0;

width: 200px;



}



* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */

width: 200px;

}



.wireframemenu ul{

padding: 0;

margin: 0;

list-style-type: none;



}



.wireframemenu a{

font: bold 13px Verdana;

padding: 4px 3px;

display: block;

width: 100%; /*Define width for IE6's sake*/

color: #595959;

text-decoration: none;

border-bottom: 1px solid #C0C0C0;

}



.wireframemenu a:visited{

color: #595959;

}



html>body .wireframemenu a{ /*Non IE rule*/

width: auto;



}



.wireframemenu a:hover{

background-color: #ededed;

color: black;

}







b{font-size: 110%;}

em{color: red;}



#topsection{

background: #80B3FF;

background-image:url(../img/logo.jpg);

background-repeat:no-repeat;

height: 122px; /*Height of top section*/

width: 98%;



}



#topsection h1{

margin: 0;

padding-top: 15px;

}



#contentwrapper{

background-color:#fff;

float: left;

width: 98%;

}



#contentcolumn{

margin: 0 250px 0 250px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

}



#arthro{

float:left;

padding-left:5px;

padding-right:5px;

padding-bottom:5px;

padding-top:5px;

width:650px;



}



#arxeio{

float:left;

padding-left:10px;

padding-right:5px;

padding-bottom:5px;

padding-top:10px;

width:650px;



}



#leftcolumn{

float: left;

width: 250px; /*Width of left column*/

margin-left: -98%;

background: #80B3FF;



}



#rightcolumn{

float: left;

padding-left:3px;

width: 247px; /*Width of right column*/

margin-left: -250px; /*Set left marginto -(RightColumnWidth)*/

background: #80B3FF;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.7em;

}



#footer{

clear: left;

width: 98%;

background: #80B3FF;

color: #F9DA91;

text-align: center;

padding: 4px 0;

}



#footer a{

color: #f00;

}







.innertube{

margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/

margin-top: 0;

height:auto;

}



#googlead{

float:right;

padding-right:9%;

}



img {

	border:0;

	               /*Firefox & Chrome*/

	filter:alpha(opacity=100);   /* IE */

	/* allow javascript moves the img position*/



}



.clear {

	clear:both;	

}

.katwleptigrammi {

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-top-color: #CCC;

	border-right-color: #CCC;

	border-bottom-color: #CCC;

	border-left-color: #CCC;

}

#navigation{



}



#navigation a:link {

	color: #000099;

	text-decoration: none;

	background-color:#fff;



}

#navigation a:visited {

	color: #000099;

	text-decoration: none;

		background-color:#e0e0e0;



}

#navigation a:active {

	color: #000099;

	text-decoration: none;

	background-color:#ededed;



}

#navigation a:hover {

	text-decoration: none;

	color: #FF0000;

	background-color:#ededed;



}