/*** Horizontal menu ***/

#menucontainer
{
	margin : auto;
	text-align: center;
	height: 48px;
}

#menucontainer:after
{ 
	content: "."; 
	display: block; 
	height: 10px; 
	font-size:0; 
	clear: both; 
	visibility:hidden; 
}

#underlinemenu {
	margin: 0;
	padding: 0;
	text-align: center;

	width : 100%;
	background: #446b94;
		
}

#underlinemenu ul {

	margin: 0;
	/*margin-bottom: 1em;*/
	padding-left: 0;

	width: 100%;
	float: left;

	background: url(../img/menu_h_bg.jpg);	
	border-top: 1px solid #6394c7;
	border-bottom: 1px solid #163556;

	font-weight: bold;	
	list-style-type: none;

	display: table;
}


#underlinemenu ul li
{

	display: inline;
}

#underlinemenu .emptymenu a {

	display: table-cell;
	width: 1px;	
	padding: 2px 6px 4px 6px;
	height: 48px;
	border-left: 1px solid #ffffff;
}

#underlinemenu ul li a{

	width : 110px;
	display: table-cell;
	color: #ffffff;

	font-weight: bold;
	padding: 2px 6px 4px 6px;
	text-decoration: none;
	height: 48px;
	background: #446b94 url(../img/menu_h_bg.jpg);	
	border-left: 1px solid #ffffff;	
	
	vertical-align: middle;
	
	white-space: no-wrap;
}

#underlinemenu ul li .active {

	background: #214d7b url(../img/menu_h_abg.jpg);	
}

#underlinemenu ul li a:hover {

	color: #E7F6E7;
	border-bottom: 4px solid #ffffff;
	padding-bottom: 0px;
}

/*** Vertical menu for left sidebar ***/



/* - */

#verticalmenu {

	width: 145px;
	margin: 10px;
}

#verticalmenu ul {

	list-style: none;
	margin: 0;
	padding: 0;
}

#verticalmenu a {

	height: 22px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 11px;
	text-decoration: none;
}

#verticalmenu li {

	position: relative;
}

#verticalmenu li a:link, #verticalmenu li a:visited {

	color: #ffffff;
	display: block;
	background:  url(../img/menu_v_bg.jpg);
	padding: 5px 0 5px 5px;
}
#verticalmenu li a:hover {

	background:  url(../img/menu_v_bg.jpg) 0 -22px;
	padding: 5px 0 5px 5px;
}

#verticalmenu li .firstline:hover {

	background:  url(../img/menu_v_bg2.jpg) 0 -22px;
	padding: 5px 0 5px 5px;
}


#verticalmenu ul ul ul {

	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
}

div#verticalmenu ul ul ul, div#verticalmenu ul ul li:hover ul ul {display: none;}
div#verticalmenu ul ul li:hover ul, div#verticalmenu ul ul ul li:hover ul {display: block;}



/* - */

/*

#verticalmenu ul {

	list-style: none;
	margin: 0;
	padding: 0;
}

img {

    border: none;
}

#verticalmenu {

	width: 145px;
	margin: 10px;

}

#verticalmenu li a {

	height: 22px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 11px;
	text-decoration: none;
}

#verticalmenu li a:link, #verticalmenu li a:visited {

	color: #ffffff;
	display: block;
	background:  url(../img/menu_v_bg.jpg);
	padding: 5px 0 5px 5px;
}

#verticalmenu li a:hover {

	background:  url(../img/menu_v_bg.jpg) 0 -22px;
	padding: 5px 0 5px 5px;
}

#verticalmenu li .firstline:hover {

	background:  url(../img/menu_v_bg2.jpg) 0 -22px;
	padding: 5px 0 5px 5px;
}


*/

/*** Moron IE Hacks ***/

/** ie7 **/

* +html #underlinemenu ul { margin-bottom: 0; }

* +html #underlinemenu .emptymenu a {

	display: inline-block;
	padding: 0 0 0 0;
}

* +html #underlinemenu ul li a {

	width: 15%;
	display: inline-block;
	padding: 0 0 0 0;
	line-height:4em;
}

* +html #underlinemenu ul li a:hover {

	background: #214d7b url(../img/menu_h_abg.jpg);
	border-bottom: none;
}


/** ie6 **/

* html #underlinemenu ul { margin-bottom: 0; }

* html #underlinemenu .emptymenu a {

	display: inline-block;
	padding: 0 0 0 0;
}

* html #underlinemenu ul li a {

	width: 15%;
	display: inline-block;
	padding: 0 0 0 0;
	line-height:4em;
}

* html #underlinemenu ul li a:hover {

	background: #214d7b url(../img/menu_h_abg.jpg);
	border-bottom: none;
}

* html #verticalmenu li a:link, * html #verticalmenu li a:visited { padding: 5px 0 3px 5px; }

* html #verticalmenu li a:hover { padding: 5px 0 5px 5px; }

/* Safari (and maybe opera 9) rules */

@media screen and (-webkit-min-device-pixel-ratio:0) {

    #menucontainer {border-bottom: 3px solid #214d7b;}
    #underlinemenu {}
    #underlinemenu ul {float:none;padding-left: 25%;}
    #underlinemenu ul li {}
    #underlinemenu ul li a {float:left;line-height:4em; padding: 0 0 0 0;width:110px;}
    #underlinemenu .emptymenu a {padding: 0 0 0 0;}

}