/*
  Layout Styles
  (c) 2007 eLogic.gr
*/




 
 
body {
	padding: 0px; 
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3e474e; 
	background-color: #fff;  
	background-image: url("../images/bg.gif");
	background-repeat:repeat-x;
}
/* Page Container background-image: url("../images/bg_circle.png");*/
#pageWrap {
}
#page {
  width:1130px;
  padding: 0;margin: 0px;
  text-align: left; /* Win IE5  */
  background: url('../images/bg_circle2.png');
  background-repeat:no-repeat;
  background-position: 915px 500px;
}
.tblFrame {

	 /* 	To center table in Mozilla */ 
	width:928px; 
	padding: 0px;
	border-collapse: collapse; /*works in mozilla, ns6, ie6 */
	background-color: #fff; 
	
}
.cellNav{
	width:210px; 
}
.cellMain {
	width:640px;height:580px; 
	border-top: 1px solid #cbcdcc;
}
.cellIntro {
	border-top: 1px solid #cbcdcc;
}

.cellRight {
	width:14px; height:600px; 
	background-image: url("../images/bg_border_right.gif");
	background-repeat:no-repeat;
}
.cellRight2 {
	width:14px; height:1px; 
	background-image: url("../images/bg_border_right_middle.gif");
}
.cellLeft {
	width:14px; height:600px; 
	background-image: url("../images/bg_border_left.gif");
}
.cellLeft2 {
	width:14px; height:20px; 
	background-image: url("../images/bg_border_left.gif");
}
.cellBottomLeft {
	width:14px; height:20px; 
	background-image: url("../images/bg_border_bottom_left.gif");
}
.cellBottomCenter {
	height:20px; 
	background-image: url("../images/bg_border_bottom_center.gif");
}
.cellBottomRight{
	width:14px; height:20px; 
	background-image: url("../images/bg_border_bottom_right.gif");
}

/* Header Container */
#headerWrap {
	padding: 0px;

	background-color: #fff;
   text-align: left; /* Win IE5 */
}
#header {
	position: relative;float: left;
  padding: 0px;
  margin: 0px;
}
#headerLogo {
  padding: 0px;
  margin: 0px;
}
.logo{
  	clear: both;
	float:left;
	margin:0px;padding: 0px;
	border:0px;
}
#logo{
  	clear: both;
	float:left;
	margin:0px;padding: 0px;
	border:0px;
}
#topNav{
	float: right;margin-top:25px;margin-right:15px;
	font-size: 0.80em;font-weight: bold;
	color:#3C6FA5;
}

#navWrap {
	clear:both;float: left;
	margin-left: 20px;margin-top: 5px;
}
#nav{
	font-size: 0.77em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.bullet{
  	clear: both;
	float:left;
	margin:0px;margin-top: 1px;margin-right: 5px;
	padding: 0px;
	border:0px;
}

#navList
{
margin-left:10px;padding: 0px;
	width: 100%;
	
}
ul {
	padding: 0px;

		list-style: none;
		

	}

#navList li
{

	text-align: left;
	margin: 0px;padding: 0px;
	margin-bottom: 10px;
	 
	/*
		padding-top: 1px;padding-bottom: 1px;
	padding-left: 8px;padding-right: 4px;
		margin: 0px;
	border:0px;display: block;
	border-bottom: #efefef 1px solid; background-color: #000; */
}
#subNavList
{
	padding: 0px;margin: 4px;
	
}
#subNavList li {
	text-align: left;
	margin-left: 10px;padding: 0px;margin-bottom: 5px;

}
#contentWrap{
    margin:0px;padding: 0;
}
#content{
    text-align:justify;
    margin-left: 15px;
    padding-top:10px;
    margin-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.80em; 
	color:#818174;
 
}
.tblContent{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em; 
	color:#818174;
 
}
#hp-newsWrap{
    text-align:left;
    margin-left: 15px;
    padding-top:2px;
    margin-right: 15px;
	margin-top: 10px;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.80em; 
	color:#818174;
 
}

#footerWrap { 
    clear: both;
  	text-align: left; 
	margin-left: 215px;
}
#footer{ 
  height:36px;
  font-size: 0.70em;color: #3e474e;
}
#copyright {
  padding-left: 5px;
  padding-top: 5px; 
}
/* 
	Link Styles 
	#navList li a {	 text-decoration: none;}
#navList li a:link, #navList li a:visited { 
	text-decoration: none;
	color: #717075; 
}
#navList li a:hover{
	color: #ffb054;
	text-decoration: underline;
}

*/




#topNav a:link                          { color:#717075; text-decoration: none; }
#topNav a:visited                       { color:#717075; text-decoration: none; }
#topNav a:active                        { color:#717075; text-decoration: underline; }
#topNav a:hover                         { color:#ffb054; text-decoration: underline; }

#leftSide a:link                          { color:#1A395B; text-decoration: none; }
#leftSide a:visited                       { color:#1A395B; text-decoration: none; }
#leftSide a:active                        { color:#1A395B; text-decoration: underline; }
#leftSide a:hover                         { color:#ffb054; text-decoration: underline; }

a:link                          { color:#3C6FA5; text-decoration: underline; }
a:visited                       { color:#3C6FA5; text-decoration: underline; }
a:active                        { color:#3C6FA5; text-decoration: underline; }
a:hover                         { color:#ffb054; text-decoration: underline; }

#navList  a:link 	{ color:#717075;	font-weight: bold;  text-decoration: none; }
#navList  a:visited 	{ color:#717075;	font-weight: bold;  text-decoration: none; }
#navList  a:active  	{ color:#717075;	font-weight: bold;  text-decoration: none;  }
#navList  a:hover 	{ color:#ffb054;	font-weight: bold;  }

#navList .selected a:link 	{ color:#ffb054;	font-weight: bold; text-decoration: underline; }
#navList .selected a:visited 	{ color:#ffb054;	font-weight: bold;  text-decoration: underline; }
#navList .selected a:active  	{ color:#ffb054;	font-weight: bold;  text-decoration: underline; }
#navList .selected a:hover 	{ color:#ffb054;	font-weight: bold;  text-decoration: underline; }

#subNavList .selected a:link 	{ color:#ffb054;	font-weight: bold; text-decoration: underline; }
#subNavList .selected a:visited 	{ color:#ffb054;	font-weight: bold;  text-decoration: underline; }
#subNavList .selected a:active  	{ color:#ffb054;	font-weight: bold;  text-decoration: underline; }
#subNavList .selected a:hover 	{ color:#ffb054;	font-weight: bold;  text-decoration: underline; }

#navList .noselected a:link 	{ color:#717075;	 text-decoration: none; }
#navList .noselected a:visited 	{ color:#717075;	  text-decoration: none; }
#navList .noselected a:active  	{ color:#717075;	  text-decoration: none; }
#navList .noselected a:hover 	{ color:#ffb054;	  text-decoration: underline; }

h2{
	font-size: 12px;  font-weight: bold;
	color:#f5921f;
	 margin-top:10px; margin-bottom:15px;
}
h3{
	font-size: 80%; font-weight: bold;color:#f5921f;
	margin-left:15px;margin-top:5px;
}
h4{
	font-size: 80%; font-weight: bold;
	margin:1px;
}


/* Page Specific */
#bullets {
	margin-left: 20px;
}
#bullets li {
	padding-left: 5px;
padding-bottom: 5px;
		list-style: square;

	}
.tblIntro {
	padding: 0px;
	border-collapse: collapse; 
	border-top: 1px solid #cbcdcc;
	height:376px;width:670px;
	
}
.tbl{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em; 
}
label{
	font-size: 12px;  font-weight: bold;
}

 /*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

img, div { behavior: url(iepngfix.htc) }

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */
 .button {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; 
	FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; 
	COLOR: #474748; 
	PADDING-TOP: 2px; 
	BACKGROUND-COLOR: #cbdce3;
}


#newsWrap{
    text-align:left;
    padding-top:2px;
margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #cbcdcc;
}

#newsTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; 
    text-align: justify;
    padding-top:2px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#newsTable td{
color: #818174; 
}


hr{
width:95%;
border: 1px dashed #d3d5d8;
border-style: dashed;
text-align: left;/*this will align it for IE*/
margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}