/* CSS Document */

html{
margin:0px;
padding:0px;
height:100%;
}

body{
margin:0px;
padding:0px;
font-family:Tahoma, Arial;
font-size:100%;
background:#000 url(../images/body_bkg.jpg) no-repeat fixed top left;
color:#ccc;
}
/*empty is a fix for the margin sets on paragraph tag and headline tags*/
.empty{
font-size:0px;
}


.menuheader{
display:none;
/*this class is used before each menu item, for accessability purposes*/
}

a{
text-decoration:underline;
color:#ccc;
}

a:hover{
color:#fff;
text-decoration:none;
}


#outer{
width:960px;
margin:auto;
margin-top:10px;
border:5px solid #ccc;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border: 5px solid #ccc; padding: 10px;" 
/*margin-left:50px;;*/
}



#inner{
width:960px;
margin:auto;
}


.accessdenied{
text-align:center;
font-size:200%;
color:#FF0000;
background-image:url(../images/no_access.jpg);
background-repeat:no-repeat;
width:400px;
height:400px;
margin:auto;

}

.accessdenied span{
display:none;
}

h1{
color:#ccc;
font-size:200%;

}

h2{
color:#ccc;
font-size:150%;

}

h3{
color:#ccc;
font-size:125%;

}

#companybanner{
	position:relative;
	clear:both;
	width:960px;
	font-size:0;
}
 
 .bannercontent{
 	z-index:1;
	font-size:11px;
	position:absolute;
	top:5px;	
	left:700px;
	color:#000;
	background-color:#FFF;
	padding:5px; 
 }

#topmenu{
	width:960px;
}

#contentarea{
/*width:960px;*/
margin-top:30px;
min-height:200px;
}

#content_side{
font-size:70%;
padding:5px;
width:185px;
}

/* Textarea is changed depending on the menu settings */
		#TextArea{
		font-size:80%;
		border-top:10px solid #ccc;	
		}
		
		#TextArea ul{
		margin:0px;
		padding:0px;
		margin-left:30px;
		}
		
		#TextArea a{
		font-weight:bold;
		}
		
		#TextArea p{
		line-height:1.5em;
		}
		
		#TextArea li{
		line-height:1.5em;
		}
		
		.TextAreaNormal{
		width:100%;
		}
		.TextAreaLeftMenu{
		margin-left:200px;
		_width:772px; /*IE 6 Hack*/
		}
		.TextAreaRightMenu{
		margin-right:200px;
		_width:772px; /*IE 6 Hack*/
		}
		
		
/* end of settings for TextArea */
#footer{
/*margin-top:10px;*/
clear:both;
text-align:center;
width:960px;

/* background-image:url(../images/dd.jpg);
background-position:top;
background-repeat:repeat-x;
*/
padding-top:20px;
padding-bottom:5px;
font-size:70%;
color:#ccc;
border-top:10px solid #ccc;
margin-top:5px;	
}

#footer p{
margin:0px;
padding:0px;
margin-bottom:5px;
}

#footer ul{
margin:0px;
padding:0px;
width:225px;
margin:auto;
}

#footer li{
margin:0px;
padding:0px;
float:left;
list-style-type:none;
margin-right:5px;
}

#footer a{
color:#ccc;
}

#echologo{
width:165px;
margin:auto;
}

.clear{
clear:both;
font-size:0;
}


#topadvert {
	width:960px;
	margin:auto;
}
#topadvert img{
margin-bottom:5px;
}

#smalladverts{
width:125px;
margin-left:5px;
margin-top:15px;
}
#smalladverts img{
margin-bottom:10px;
}

.width100{
width:100%;
height:5px;
}

.langmenu {
font-size:0;
width:100%;
}

.langmenu ul{
margin:0px;
padding:0px;
font-size:0;
width:100%;
}
.langmenu li {
list-style-type:none;
float:left;
margin-right:10px;
padding-bottom:0px;
}
.langmenu li a{
color:#333333;
text-decoration:none;
display:block;
width:52px;
height:13px;
margin-bottom:2px;
}

.langmenu li a:hover{
color:#666666;
text-decoration:underline;
}


.langmenu li a span{
			position:absolute;
			left:-1000px;
		}
		
		.langen a{
			background-image:url(../images/english.jpg);
			background-repeat:no-repeat;
		}

		.langfr a{
			background-image:url(../images/french.jpg);
			background-repeat:no-repeat;
		}

.latintext {
direction:ltr;
}
.arabictext {
direction:rtl;
}