/* HORIZONTAL MENU LAYOUT */



#horizontalMenuRoot{  line-height: 22px; height: 22px; }



/* All <ul> tags in the menu including the first level */

.horizontalMenuList, .horizontalMenuList  ul {

	 margin: 0;

	 padding: 0;

	 list-style: none;

}



/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */

.horizontalMenuList ul {

	 display: none;

	 position: absolute;

	 border: 1px solid #d0d0d0;

	 width: 180px;

	 left:0px;

	 top: 22px;

	 padding: 0px;





}



.horizontalMenuList img {

	 display: none;

}



.horizontalMenuList ul li img {

	 display: block;

	 padding-top: 7px;

}



/* Second and third etc. level submenus - position across from parent instead */

.horizontalMenuList ul ul {



 float: left;

 display: none;

 position: absolute;

 text-align:center;

/*padding-left: 1px; */

 width: 180px;

 top: -1px;

 left: 180px;

 border: 1px solid #d0d0d0;

 padding: 0px;



}





/*

 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are

 positioned relatively to correctly offset submenus. Also, they have overlapping borders.

*/

.horizontalMenuList li {

 float: left;

 display: block;

 position: relative;

 text-align:center;

 padding: 0px 0px 0px 0px; 

 margin: 0px 2px;

 height: 22px;

 /*width: 109px;*/

 

 /*opacity: 0.90; 

 -ms-opacity: 0.9;*/

 

 /*height: 47px;*/

 /*width: 150px;*/

}



/* Items in submenus - override float/border/margin from above, restoring default vertical style */

.horizontalMenuList ul li {



	 float: left;

	 display: block;

	 position: relative;

	 background-color: #fff;

	 background-image: none;

	 text-align:center;

	 padding: 0px;

	 margin: 0px;

	 width: 180px;

 

}







.horizontalMenuList ul li a{



 	 margin: 0px; 

	 line-height: 22px; 

	/* width: 215px; */

	 display: block; 

	 text-decoration: none; 

	 color: #0063a5; 

	 font-weight: bold; 

	 font-size: 11px; 

	 padding: 0px 0px 0px 7px; 

	 text-align: left;

	 background: none;

     background-color: #fff;



}



.horizontalMenuList ul>li:last-child {

 /*margin-bottom: 1px;*/ /* Mozilla fix */

 

 

}



/* Links inside the menu */

.horizontalMenuList a {

	 margin: 0px; 

	 height: 22px; 

	 /*width: 215px; */



	 text-decoration: none; 

	 color: #ffffff; 

	 font-weight: bold; 

	 font-size: 11px; 

	 /*background: url('/gfx/menu_buton.gif') no-repeat bottom;  */

	 /*background: url('/gfx/menu_buton.gif') repeat-x bottom; */

	 /*padding: 4px 0px 0px 4px; */

	 text-align: center;

		

}



.horizontalMenuList ul a {

	 margin: 0px; 

	 height: 22px; 

	 /*width: 215px; */

	 display: block; 

	 text-decoration: none; 

	 color: #ffffff; 

	 font-weight: bold; 

	 font-size: 11px; 

	 /*background: url('/gfx/menu_buton.gif') no-repeat bottom;  */

	 /*background: url('/gfx/menu_buton.gif') repeat-x bottom; */

	 padding: 0px 0px 0px 7px; 

	 text-align: center;

		

}



.horizontalMenuList #leftSideMenu{

	height: 22px; 

	width: 6px; 

	float: left; 

	background: url('/gfx/menu_buton_left.gif') no-repeat left; 

	/*display: block; */

}



.horizontalMenuList a:hover #leftSideMenu{

	height: 22px; 

	width: 6px; 

	float: left; 

	background: url('/gfx/menu_buton_on_left.gif') no-repeat left; 

	/*display: block; */

}



.horizontalMenuList #rightSideMenu{

	height: 22px; 

	width: 6px; 

	float: left; 

	background: url('/gfx/menu_buton_right.gif') no-repeat right; 

	/*display: block; */

}

.horizontalMenuList  a:hover #rightSideMenu{

	height: 22px; 

	width: 6px; 

	float: left; 

	background: url('/gfx/menu_buton_on_right.gif') no-repeat right; 

	/*display: block; */

}



.horizontalMenuList #middleSideMenu{ 

	height: 22px; 

	float: left; 

	/*display: block; */

	/*padding-top: 4px;*/

	

	min-width: 102px;

	background: url('/gfx/menu_buton.gif') repeat-x bottom; 

}



.horizontalMenuList #middleSideMenu p{ 

	padding: 0px;

  line-height: 22px;

}



.horizontalMenuList a:hover #middleSideMenu { 

	height: 22px; 

	float: left; 

	/*display: block; */

	/*padding-top: 4px;*/

	background: url('/gfx/menu_buton_on.gif') repeat-x bottom; 

}



/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */

.horizontalMenuList a:hover, .horizontalMenuList a.highlighted:hover {

 

	 /*background: url('/gfx/menu_buton_on.gif') no-repeat bottom;  */

	 /*background: url('/gfx/menu_buton_on.gif') repeat-x bottom;  */

	 cursor: pointer;



}

.horizontalMenuList ul li a.highlighted , .horizontalMenuList ul li a:hover, .horizontalMenuList ul li a.highlighted:hover{



 	 margin: 0px; 

	 /*height: 22px; */

	/* width: 215px; */

	 display: block; 

	 text-decoration: none; 

	 color: #0063a5; 

	 font-weight: bold; 

	 font-size: 11px; 

	 padding: 0px 0px 0px 7px; 

	 text-align: left;

	 background: none;

	 background-color: #b1e4ff;

	 

	 

}





/*

 If you want per-item background images in your menu items, here's how to do it.

 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">

 2) Copy and paste these next lines for each link you want to have an image:

    .menulist a#xyz {

      background-image: url(out.gif);

    }

    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {

     background-image: url(over.gif);

    }

*/



/* Only style submenu indicators within submenus. */

.horizontalMenuList a .subind {

 display: none;

}

.horizontalMenuList ul a .subind {

 display: block;

 float: right;

}





/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */

.horizontalMenuList a {

 float: left;

}

.horizontalMenuList ul a {

 float: none;

}

/* \*/

.horizontalMenuList a {

 float: none;

}

/* */





/*

 HACKS: IE/Win:

 A small height on <li> and <a> tags and floating prevents gaps in menu.

 * html affects <=IE6 and *:first-child+html affects IE7.

 You may want to move these to browser-specific style sheets.

*/

*:first-child+html .horizontalMenuList ul li {

 float: left;

 width: 100%;

 /*opacity: 0.90; 

 -ms-opacity: 0.9;*/



}



* html .horizontalMenuList ul li {

 float: left;

 height: 1%;

}

* html .horizontalMenuList ul a {

 height: 1%;

}

/* End Hacks */