/**********************************************
  Generic styles
 **********************************************/
/* Necessary trick to get the layout right ... */
html{
	margin:0;
	padding:0;
	border:0;
}
body{
	margin:0;
	padding:0;
	border:0;
	font-family: Lucida Grande, Myriad, Andale Sans, Luxi Sans, Bitstream Vera Sans, Tahoma, Toga Sans, Helvetica, Arial;
	color: #555;
	background-color: #fff;
	font-size: 10pt;
	behavior:url("./csshover.htc");
}
/* Default styles (can use in previews) */
.default_style {
	font-family: Lucida Grande, Myriad, Andale Sans, Luxi Sans, Bitstream Vera Sans, Tahoma, Toga Sans, Helvetica, Arial;
	color: #555;
	background-color: #fff;
	font-size: 10pt;
}
/* get rid of strange layout quirk in xhtml strict */
.nomargin img {
	display:block;
}

.underlined {
	text-decoration:underline;
}

hr {
	border:0;
	margin:0;
	padding:0;
	border-top:1px solid #555;
}

/**********************************************
 *  This is for the header
 *********************************************/

.header {
	width:800px;
	border-bottom:1px solid #000;
}

.header h1 {
	position:relative;
	top:0;
	right:0;
	margin:0;
	padding:10px;
	color:#000;
	background:#eef;
	overflow:hidden;
	font-size:2.5em;
}

/**********************************************
 *  This is for the footer
 *********************************************/
.footer{
	height:auto;
	border-top:1px solid #000;
	padding-top:5px;
	width:800px;
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold; 
}
/* Style for the Netk5 copyright text */
.copyright{
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: center;
	margin-left:0px;
}
.w3c_valid {
	float:right;
	margin:0;
	padding:0;
	border:0;
}
.w3c_valid a{
	padding:0;
	margin:0;
	border:0;
}
.w3c_valid img{
	padding:0;
	margin:0;
	border:0;

}
/**********************************************
 *  This is for the menu in general
 *********************************************/
/* magic IE6 fix */
.menu1 ul li a, .menu2 ul li a, .menu_h_dropdown ul li a
{
	width:auto;
	width:expression( "1%" );
	white-space:nowrap;
}
		
.menu_h_dropdown a, .menu_tree a, .menu1 a, .menu2 a,  .menu3 a {
	text-decoration:none;
	margin:0;
	display:block; 
	
}
.menu_h_dropdown ul li a, .menu_tree ul li a, .menu1 ul li a {
	font-size:10px;
	font-weight:bold;

}
.menu_h_dropdown ul ul li a, .menu_tree ul ul li a, .menu2 ul li a {
	font-size:10px;
	font-weight:normal;
}
.menu_h_dropdown ul ul ul li a, .menu_tree ul ul ul li a, .menu3 ul li a {
	font-size:8px;
	font-style:italic;
}
.menu_h_dropdown ul, .menu_tree ul, .menu1 ul, .menu2 ul, .menu3 ul{
	list-style:none;
	margin:0;
	padding:0;
}
.menu_h_dropdown ul, .menu_tree ul, .menu1 ul {
	background:#ccf;
}
.menu_h_dropdown ul li:hover,
.menu_h_dropdown ul li a:hover,
.menu_h_dropdown ul li ul li:hover,
.menu_h_dropdown ul li ul li a:hover, 
.menu1 ul li:hover, .menu2 ul li:hover, 
.menu1 ul li a:hover, .menu2 ul li a:hover 
{
	background:#fcc;
}
.selected, .menu1 ul .selected:hover, .menu2 ul .selected:hover, .menu3 ul .selected:hover {
	background:#f66;
}
.menu_h_dropdown ul li.emptyli:hover
{
	background:transparent;
}

/**********************************************
 *  This is for the menu in separated mode
 *********************************************/
.menu1 {
	position:relative;
}
.menu2 {
	position:relative;
	padding-top:5px;
	padding-left:30px;
}
.menu3 {
	position:relative;
	padding-top:5px;
	padding-left:60px;
}
.menu1 ul {
	border-bottom:1px solid black;
	float:left;
}
.menu1 ul li{
	border:0;
	padding:0;
	margin:0;
	float:left;
}
.menu1 ul li a{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:8px;
	font-size:12px;
	font-weight:bold;
	border-right:1px dashed black;
}
.menu1 .selected a {
	border-right:1px solid black;
}
.menu2 .selected a {
	border:1px solid black;
}
.menu2 ul li{
	border:0;
	padding:0;
	margin:0;
	float:left;
	margin-right:10px;
}
.menu2 ul li a{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border:1px dashed #444;
}
.menu3 .selected a {
	border:1px solid black;
}
.menu3 ul li{
	border:0;
	padding:0;
	margin:0;
 	float:left;
	margin-right:10px;
}
.menu3 ul li a{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border:1px dashed #444;
}
/**********************************************
 *  This is for the menu in tree mode
 *********************************************/
.menu_tree {
	position:relative;
	top:-5px;
	float:left;
	display:block;
	left:px;
	width:203px;
	/* overflow:auto; */
	margin-top:5px;
	margin-bottom:5px;
	border:0;
}
.menu_tree ul{
	border:0;
	width:203px;
	display:block;
}

/* .menu_tree li.emptyli {
	border:0;
}
.menu_tree ul ul {
	border:0;
}
.menu_tree ul li{
	border:0;
	background:#66f;
	padding:0;
}
.menu_tree a {
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
}
 .menu_tree ul li.selected{
	background:#f66;
}
.menu_tree ul li.selected a{
	color:#000;
}
.menu_tree ul li a{
	padding-left:3px;
	color:#eef;
}

.menu_tree ul ul li{
	border:0;
	background:#ddf;
}
.menu_tree ul ul li.selected {
	background:#fcc;
}
.menu_tree ul ul li a{
	padding-left:10px;
	color:#000;
	margin:0;
}
.menu_tree ul ul ul li a{
	padding-left:20px;
	color:#000;
	margin:0;
}  */
/******************************************************
 *  This is for the menu in horizontal drop down  mode
 ******************************************************/
.menu_h_dropdown
{
	position:absolute;
	z-index:1000;
	float: left
}
.menu_h_dropdown ul li a{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:8px;
	font-size:12px;
	font-weight:bold;
	width:113px;
}
.menu_h_dropdown ul li ul li a{
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:6px;
	font-size:12px;
	font-weight:bold;
	border:0;
	width:120px;
}
.menu_h_dropdown ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.menu_h_dropdown ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
	height:24px;
	float:left;
	border-right:1px dashed black;
	
}
.menu_h_dropdown ul li ul 
{
	border:1px solid black;
	margin: 0;
	padding: 0;
}
.menu_h_dropdown ul li ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
	float:none;
	border:0;
	height:auto;
}
.menu_h_dropdown li
{
	border:0;
	padding:0;
	margin:0;
	position:relative;
}

.menu_h_dropdown ul ul
{display: none;}

.menu_h_dropdown ul li:hover ul,
.menu_h_dropdown ul li:hover ul li
{display: block;}


/*************************************************************
 *  This is for the main content when the menu is in tree mode
 *************************************************************/
.maincontent1 {
	position:relative;
/* 	float:top; */
/*   	margin-left:140px; */
/* 	margin-right:235px; */
 	overflow:hidden; 
	top:0px;
	left:0px;
	width:auto;
	padding:0;
	border:0;
}
/*************************************************************
 *  This is for the main content when the menu is in separated mode
 *************************************************************/
.maincontent2 {
	position:relative;
	top:-1px;
	width:auto;	
	margin:10px;
	margin-right:18px;
	margin-top:0px;
	padding-top:1px;
	border:0;
}

/*
 * 'Language bar'
 */
.languagebar_combobox
{
	display:none;
	position:absolute;
	top:10px;
	right:10px;
	padding:0;
	margin:0;
}
.languagebar_combobox select
{
	margin-left:5px;
}
.languagebar {
	position:absolute;
	top:10px;
	right:10px;
	/*border:1px solid black;*/
	padding:0;
	margin:0;
}

.languagebar img {
	padding:0;
	margin:0;
	border:0;
}

.language_flag a {
	padding:1px;
	margin:3px;
	border:0;
	font-size:1px;
	height:12px;
	display:block;
	float:left;
	text-decoration:none;
}

.language_flag a:hover {
	background:#fcc;
}

#selected_language_flag a {
	background:#f66;
}

/*************************************************************
 *  Style for forms / tables
 *************************************************************/

.contentLang {
	margin-right:5px;
	border:1px dashed #666;
	padding:2px;
}
.selectedContentLang {
	border:1px solid #666;
	color:black;
	background:#ddf;
	font-weight:bold;
	margin-right:5px;
	padding:2px;
}

/*************************************************************
 *  Style for the menu structure
 *************************************************************/
.menulist0 {
	font-size:16px;
	font-weight:bold;
}
.menulist1 {
	font-size:14px;
}
.menulist1 img  {
	margin-left:10px;
}
.menulist2 {
	font-size:12px;
}
.menulist2 img {
	margin-left:25px;
}
.menulist3 {
	font-size:10px;
}
.menulist3 img {
	margin-left:40px;
}

/************************************/

.articles_list {
	margin-top:5px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:0px;
	padding:5px;
	overflow:hidden;
	display:block;
}

.articles_list img {
	display:inline-block;
	overflow:hidden;
/* 	border:1px solid red; */
}
.articles_list .separator {
	height:30px;
}
.articles_articles {
	padding:2px 5px 2px 5px;
	margin:5px;
	overflow:hidden;	
	display:block;
	
}

/*
.maincontent2 .articles_articles {
	width:expression( document.documentElement.clientWidth - 277 + "px");
}
.maincontent1 .articles_articles {
	width:expression( document.documentElement.clientWidth - 419 + "px");
}

.maincontent2 .articles_articles .content {
	width:expression( document.documentElement.clientWidth - 280 + "px");
}
.maincontent1 .articles_articles .content {
	width:expression( document.documentElement.clientWidth - 415 + "px");
}
*/
.articles_articles .title {
	padding:2px 5px 2px 5px;
	margin-top:2px;
	margin-bottom:2px;
/* 	border:1px solid black; */
}
.info {
display:none;
}
.articles_articles .info {
	font-style:italic;
	font-size:90%;
	margin-top:1px;
	margin-bottom:1px;
/* 	border:1px dashed #888; */
}
.articles_articles .content {
	margin-top:2px;
	margin-bottom:2px;
/* 	border:1px solid #888; */
	overflow:hidden;
	text-align:justify;
}

.news_list1, .news_list2 {
	margin:5px;	
	padding:5px;
	float:right;
	width:210px;
/* 	border:1px solid black; */
}
.news_list2 {
	margin-top:30px;
}

.news_list1 .separator, .news_list2 .separator {
	height:10px;
}
.articles_news ul{
	margin:3px 0px 3px 15px;
	padding:0;
}
.articles_news ul li{
	margin:0;
	padding:0;
	line-height:1em;
}
.articles_news {
	padding:1px 3px 1px 3px;
	margin-top:5px;
	margin-bottom:5px;
	width:200px;
	overflow:hidden;
/* 	border:1px dashed black; */
}
.articles_news .title {
	padding:2px 3px 2px 3px;
	margin-top:2px;
	margin-bottom:2px;
/* 	border:1px solid black; */
}
.articles_news .info {
	font-style:italic;
	font-size:90%;
/* 	border:1px dashed #888; */
}
.articles_news .content {
	margin-top:2px;
	margin-bottom:2px;
/* 	border:1px solid #888; */
}


/* Adjustements */
.maincontent2 .articles_list {
	margin-top:30px;

}


/* for the logo */
#logo_table  {
	width:100%;
	margin:0;
	padding:0;
	border:0;
}
#logo_table img {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
#logo_l {
	padding:0;
	margin:0;
	border:0;
}
#logo_m {
	padding:0;
	margin:0;
	border:0;
}
#logo_r {
	padding:0;
	margin:0;
	border:0;
}

input {
	border: 1px solid #aaa;
}

.search_result{
	position:absolute;
	left:10px;
	top:40px;
	font-weight: bold;
	font-size:14px;
	color:#663366;
}


