/* CSS Document */

body {
margin: 0;
background-color:#666666;
/*background:url(BG.jpg); 
background-repeat:repeat-x; */

}

#container {
margin: 0 auto;
padding: 0px;
width: 800px;
height:auto;
position:relative; 
}

#header {
background-image:url(head-nav.gif); 
width: 800px;
height: 100px;
margin: 0 auto;
padding: 0;
}

#flashCont {
padding: 0px;
width: 800px;
height: 300px;
margin: 0 auto;
background-image:url(bgpat.gif);
}

#flashContC {
padding: 0px;
width: 800px;
height: 150px;
margin: 0 auto;
background-image:url(bgpat.gif);
}
#main_content {
/*background-image:url(mcbg.gif); */
padding: 0px;
width: 800px;
height: auto;
margin: 0 auto;
/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;
}

#main_contentC {
background-image:url(bgpat.gif);
padding: 0px;
width: 800px;
height: 450px;
margin: 0 auto;
/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;
}

#etairia_text {
float:right;
width:600px;
height: 450px;
padding:0px;
background-image:url(et_textbg.gif);



}

#footer {
background-image:url(footer.gif);
padding: 0px;
width: 800px;
height: 50px;
margin: 0 auto;
}

#menu {
        margin: 0;
        padding-top: 25px;
		padding-left: 5px;
        list-style-type: none;
		
}

#menu li {
  display: inline;
  padding-right: 0px;
  padding-left: 15px;
  float:center;
}

#menu a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
text-decoration: none;
}

#menu a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#D6D3BF;
text-decoration:none;
}

#menu a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration: none;
}

#menu a:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:# 99CCFF;
text-decoration: none;
}

#dropmenudiv{
position:absolute;
border:1px solid black;
border-color:#666666;
border-bottom-width: 1;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
color:#666666;
z-index:100;
}

#dropmenudiv a{
position:relative;
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:#666666;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color:#FFFFCC;
}



#menu1 {
width: 200px;  
float:left;
height:100%;
background-color:#CC6600;

} 

/*In this portion we style the actual list, containing the list items. This is the place were we decide on our font-type, size, margin, padding and of course the list style. We are using list-style-type:none; so our list items wont display anything in front of them. */
#menu1 ul 
{
font-family: Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:0;

} 

/*In this portion we apply a CSS property to our List elements that makes our menu look the same on Internet Explorer and other browsers. */
#menu1 li
{
display: inline;
/* for IE5 and IE6 */
} 

/*In this portion we style the LINK that is reside inside the list element. The reason we are not styling the LI element is that by styling the LINK (a href) we can make the clickable menu area spread along the whole list element, using display: block; */
#menu1 a
{
color:#666666;
text-decoration: none;
font-size: 12px;
font-style:inherit;
display: block;
padding: 0px;
width:200px;
background-color:#CC6600;
border-bottom:1px #FFFFFF solid;
} 

/*In this portion we style visited and active state of our links (menu items, a href).*/
#menu1 a:link, #menu1 a:visited
{
color: #EEE;
text-decoration: none;
} 

/*In this portion we style the hover state of our links (menu items). The attributes we use here are applied to the a menu item when we move our mouse cursor over it.*/
#menu1 a:hover
{
background-color:#CC9966;
color: #fff;
} 

/*In this portion we style the current state of our link (menu item). If we click the Contact menu item (link) and are now browsing the contact page, we need our menu to always highlight the page we are currently browsing. This attributes are applied to the a href containing the additional id="current"
<a href="item-one.html" id="current"> */
#menu1 li a#current
{
border-bottom: 3px solid #DAD6B7;
background:#CC3300;
} 




/* MENU DOWN AND RIGHT */

#menu2 {
        margin: 0;
        padding-top: 5px;
		padding-left: 0px;
        list-style-type:none;
		
		
}

#menu2 li {
  display: inline;
  padding-right: 15px;
  padding-left: 0px;
  padding-top: 0px;
  float:left;
}

#menu2 a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color:#FF6600;
text-decoration: none;
}

#menu2 a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color:#D6D3BF;
text-decoration:none;
}

#menu2 a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
text-decoration: none;

}

#menu2 a:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color:# 99CCFF;
text-decoration: none;
}


.bodyText {
	font:11px Verdana, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 12px Arial, Helvetica, sans-serif;
	color: #FF6633;
	line-height:26px;
	letter-spacing:.15em; 
	}
	
.subHeader {
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:22px;
	letter-spacing:.2em;
	}
.quote {
	font:bold 16px Arial, Helvetica, sans-serif;
	/*color: #759DA1; */
	color:#333333;
	/*line-height:30px;*/
	}
	
.smallText {
	font: 9px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
	}
	
.navText {
	font: 12px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}

/*for pegination */

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #666666;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #FF9966;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}