div#horizontal_container{	
	float:left;
	text-align:left;
	font:normal 9px Verdana;
	color:#2f033f;		
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;		
}
ul#horizontal{	
	float:left;
	height:20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	z-index:20;	
	width:500px;
	text-align:left;	
	background-image:none;
}
ul#horizontal li{		
	float:left;
	max-height:16px;
	list-style: none;	
	position:relative;
	font:normal 9px Verdana;
	color:#333333;
	text-decoration:none;
	background-color:#FFD24F;
}
.active a{
	float:left;
	text-align:left;
	font:normal 10px Verdana;
	color:#333333;
	text-decoration:none;
	padding:4px 16px 4px 16px;
	border-right:1px solid #ffffff;
	background-color:#FFE497;
}
ul#horizontal li a{
	float:left;
	
	text-align:left;
	font:bold 10px Verdana;
	color:#333333;
	text-decoration:none;
	padding:4px 16px 4px 16px;
	border-right:1px solid #ffffff;
}
UL#horizontal LI A:HOVER {
	float:left;
	
	font:bold 10px Verdana;
	color:#333333;	
	background-color:#FFE497;
	padding:4px 16px 4px 16px;
}


ul#horizontal li ul {
	position: absolute;
	width:150px;
	background-color:#E03302;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	left:0px;
	
}

* html ul#horizontal li ul {
   top: 0px; /* for IE5 and IE6 in quirks mode */
	
 } 

ul#horizontal ul
{
	/*border: 1px solid black;*/
	margin: 0;
	padding: 0;
	width: 115px; /* Width of Menu Items */	 
	display: none; 
	
	 /* IE6 Bug */	
}
	

ul#horizontal ul li ul,
ul#horizontal ul li ul li ul{
	/*border: 1px solid black;*/
	float:left;
	margin: 0;
	padding: 0;
	 /* Width of Menu Items */	
	display: none; 
	 /* IE6 Bug */
	}

	
ul#horizontal li ul li {
	list-style: none;
	text-decoration: none;
	color:#000000;	
	width: 150px;
	padding:0px 0px 0px 0px;
	margin:0px;
	border:none;
}
ul#horizontal li ul li a {	
	width:150px;
	max-width:127px;
	text-decoration: none;
	color:#ffffff;
	padding:3px 7px 3px 15px;	
	font: normal 10px Verdana, Tahoma;		
}

ul#horizontal ul li ul{
	float:left;
	left: 150px; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}	
ul#horizontal ul li ul li{
	color:red;	
	top:0px;	
	margin:0px;
	padding:0px 0px 0px 2px;	
	width: 150px;
}	
	

ul#horizontal li:hover ul ul,
ul#horizontal li:hover ul ul ul,
ul#horizontal li.over ul ul,
ul#horizontal li.over ul ul ul { display: none; background-color:inherit; color: #E03302; } /* Hide sub-menus initially */

ul#horizontal li:hover ul,
ul#horizontal li li:hover ul,
ul#horizontal li li li:hover ul,
ul#horizontal li.over ul,
ul#horizontal li li.over ul,
ul#horizontal li li li.over ul { display: block; color: #E03302; background-color:inherit; } /* The magic */

ul#horizontal li ul li a:hover { padding:3px 7px 3px 15px; color: #000000; background-color:inherit; font: normal 10px Verdana, Tahoma;}

ul#horizontal  li ul li.parent a,
ul#horizontal li#active  ul li.parent a
 { 


}
ul#horizontal ul li.parent ul li a,
ul#horizontal #active ul li.parent ul li a
{
color:#ffffff;	
background-image: none;	
	
}	

ul#horizontal ul li.parent ul li a:hover,
ul#horizontal #active ul li.parent ul li a:hover
{
color: #ffcc00;
background-image: none;
}	
ul#horizontal li ul li.parent:hover, ul#horizontal #active li ul li.parent:hover, ul#horizontal li ul li.a,
ul#horizontal li ul li.hover {  color: #ffcc00;
}
ul#horizontal #active {
	color:#ffffff;	
	text-decoration: none;	
	background-color:#cc3300;
	border:1px solid #ffffff;
}
ul#horizontal #active a {	
	float:left;
	color:#ffffff;	
	text-decoration: none;	
	background-color:#cc3300;
}
ul#horizontal #active a:HOVER {	
	color:#ffffff;	
	background-color:#cc3300;
}

ul#horizontal li#active.parent ul li a  {
	width:142px;
	max-width:140px;
	text-decoration: none;	
	height:20px;
}


ul#horizontal li#active.parent ul li  ul li a  {
	
	width:148px;
	max-width:140px;
	text-decoration: none;	
	height:20px;
		
}


/* vertical  menu */

div#vertical_container{	
	float:left;
	text-align:left;
	font:normal 9px Verdana;
	color:#2f033f;		
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;		
}

ul#vertical{
   float:left;

   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   z-index:20;
   width:193px;
   text-align:left;
   background-image:none;
}




ul#vertical li {
	float:left;
	width:193px;
	list-style: none;
	position:relative;
	font:normal 9px Verdana;
	color:#525252;
	text-decoration:none;
	background-color:#FFE497;
	overflow:hidden;

}
ul#vertical li ul li.vactive a {
	float:left;
	background-color:#FFD24F;	
}
.vactive a{
	float:left;
	width:193px;
	text-align:left;
	font:normal 10px Verdana;
	color:#525252;
	text-decoration:none;
	padding:4px 16px 4px 16px;
	background-color:#FFD24F;
}


ul#vertical li a{
	float:left;
	width:193px;
	max-width:173px;
	text-align:left;
	font:normal 10px Verdana;
	color:#525252;
	text-decoration:none;
	padding:4px 10px 4px 10px;
	border-bottom:1px solid #ffffff;
	
}
UL#vertical LI A:HOVER {
	float:left;
	font:normal 10px Verdana;
	color:#525252;	
	background-color:#FFD24F;
}


ul#vertical li ul {
	position: relative;
	width:150px;
	background-color:#E03302;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	left:0px;
}

* html ul#vertical li ul {
   top: 0px; /* for IE5 and IE6 in quirks mode */
	
 } 

ul#vertical ul
{
	/*border: 1px solid black;*/
	margin: 0;
	padding: 0;
	width: 115px; /* Width of Menu Items */	 

	
	 /* IE6 Bug */	
}
	

ul#vertical ul li ul,
ul#vertical ul li ul li ul{
	/*border: 1px solid black;*/
	float:left;
	margin: 0;
	padding: 0;
	 /* Width of Menu Items */	
	display: none; 
	 /* IE6 Bug */
	}




	
ul#vertical li ul li {
	float:left;
	width:193px;
	list-style: none;	
	position:relative;
	font:normal 10px Verdana;
	color:#525252;	
	background-color:#FFE497;
	text-decoration:none;
	border-bottom:1px solid #ffffff;
	

}

ul#vertical li ul li a {
	float:left;
	width:159px;
	text-align:left;
	font:normal 10px Verdana;
	color:#525252;
	text-decoration:none;
	padding:4px 10px 4px 24px;
	border:0px;
	background-color:#FFE497;
	background-image:url(/opencms/opencms/system/modules/gr.infote.corporate/images/gr/arrowtri.gif);
	background-repeat:no-repeat;
	background-position:11px 6px;
}

ul#vertical ul li ul{
	float:left;
	left: 150px; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}	
ul#vertical ul li ul li{
	color:red;	
	top:0px;	
	margin:0px;
	padding:0px 0px 0px 2px;	
	width: 150px;
}	
	

ul#vertical li:hover ul ul,
ul#vertical li:hover ul ul ul,
ul#vertical li.over ul ul,
ul#vertical li.over ul ul ul { display: none; color: #E03302; background-color:inherit; } /* Hide sub-menus initially */

ul#vertical li:hover ul,
ul#vertical li li:hover ul,
ul#vertical li li li:hover ul,
ul#vertical li.over ul,
ul#vertical li li.over ul,
ul#vertical li li li.over ul { display: block; color: #E03302; background-color:inherit; } /* The magic */

ul#vertical li ul li a:hover {
	float:left;
	font:normal 10px Verdana;
	color:#525252;	
	background-color:#FFD24F;
}

ul#vertical  li ul li.parent a,
ul#vertical li#active  ul li.parent a
 { 


}
ul#vertical ul li.parent ul li a,
ul#vertical #active ul li.parent ul li a
{
color:#ffffff;	
background-image: none;	
	
}	

ul#vertical ul li.parent ul li a:hover,
ul#vertical #active ul li.parent ul li a:hover
{
color: #ffcc00;
background-image: none;
}	
ul#vertical li ul li.parent:hover, ul#horizontal #active li ul li.parent:hover, ul#horizontal li ul li.a,
ul#vertical li ul li.hover {  color: #ffcc00;
}
ul#vertical #active {
	color:#ffffff;	
	text-decoration: none;	
	background-color:#cc3300;
	border:1px solid #ffffff;
}
ul#vertical #active a {	
	float:left;
	color:#ffffff;	
	text-decoration: none;	
	background-color:#cc3300;
}
ul#vertical #active a:HOVER {	
	color:#ffffff;	
	background-color:#cc3300;
}

ul#vertical li#active.parent ul li a  {
	width:142px;
	max-width:140px;
	text-decoration: none;	
	height:20px;
}


ul#vertical li#active.parent ul li  ul li a  {
	
	width:148px;
	max-width:140px;
	text-decoration: none;	
	height:20px;
		
}


ul#vertical li.space {
	
	width:148px;
	max-width:140px;
	text-decoration: none;	
	height:20px;
	background-color:#ffffff;
		
}

#topMenu{
	margin-left:17px;
	margin-top:20px;}
	
	
#topMenu a:link, #topMenu a:visited, #topMenu a:active {
	padding:0.4em 1.5em;
	text-decoration:none;
	float:left;
	border-right:1px solid #fff;
}

#topMenu ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding-left:0;
	float:left;
	width:500px;
	white-space:nowrap;
	list-style-type:none;
	margin:0;
	display:inline;
	border-top:1px solid #fff;
}

#topMenu li {display:inline;}


#levelOne {

	color: #333;
}


#levelOne a:link, #levelOne a:visited {
	background-color : #B4DCF7;
	color: #333;
	font-weight:bold;
	font-size: xx-small;
}


#levelOne li a:hover, #levelOne li a#active {
	color: #666;
	background-color:#d4e9f8;
}


#levelOne li a#active {
	background-color:#ffd24f;
}







#topMenuNews{
	margin-left:11px;
	margin-top:20px;
}
	
	
#topMenuNews a:link, #topMenuNews a:visited, #topMenuNews a:active {
	padding:0.4em 1.5em;
	text-decoration:none;
	float:left;
	border-right:1px solid #fff;
/*font-size:12px;*/
}

#topMenuNews ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	padding-left:0;
	float:left;
	width:545px;
	white-space:nowrap;
	list-style-type:none;
	margin:0 0 20px 0;
	display:inline;
	border-top:1px solid #fff;
/*font-size:12px;*/
}

#topMenuNews li {display:inline;}


#levelOneNews {

	color: #333;
}


#levelOneNews a:link, #levelOneNews a:visited {
	background-color : #B4DCF7;
	color: #333;
	font-weight:bold;
	/*font-size: xx-small;*/
}


#levelOneNews li a:hover, #levelOneNews li a#active {
	color: #666;
	background-color:#d4e9f8;
}


#levelOneNews li a#active {
	background-color:#ffd24f;
}