/* vertical version - all browser code (not IE) */

#serviceMenu 
{
	font: bold 12px arial, helvetica, sans-serif;
	color:#5781AE;
	margin-left:64px;
/*	border: solid 2px #f00000;*/
}

#serviceMenu ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	/*border: solid 2px #f00000;*/
}

#serviceMenu li 
{
	color:#5781AE;
	text-align:center;	
	border-bottom:solid 2px #afc7dd;
	width:160px;
}
/* solo per IE */
/* \*/
* html #serviceMenu li 
{
	display:block;
	width:156px;
	margin:0px;
	/*border: solid 2px #f00000;*/
}
/* */

#serviceMenu a, #serviceMenu h2 
{
	color:#5781AE;
	background-color:#D3E1EE;
	font: bold 12px arial, helvetica, sans-serif;
	text-transform: uppercase;
	text-align:center;	
	text-decoration:none;
	display:block;
	padding-top: 5px;
	padding-bottom:5px;
	/*border: solid 2px #f00000;*/
}
/* solo per IE */
/* \*/
* html  #serviceMenu a, #serviceMenu h2 
{
	width: 13.3em;
}
/* */

#serviceMenu .menuSelected
{
	color:#000000;
	background-color:#bfd3e6;
	font: bold 12px arial, helvetica, sans-serif;
	text-transform: uppercase;
	text-align:center;	
	text-decoration:none;
	display:block;
	padding-top: 5px;
	padding-bottom:5px;
	/*border: solid 2px #f00000;*/
}
/* solo per IE */
/* \*/
* html #serviceMenu .menuSelected
{
	width: 13.3em;
}
/* */


#serviceMenu a:hover 
{
	color: #5781AE;
	background-color:#bfd3e6;
}

#serviceMenu ul ul 
{
	position: absolute;
	z-index: 500;
}

#serviceMenu ul ul ul 
{
	position: absolute;
	top: 0;
	left: 100%;
}

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

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

#serviceMenu h2 
{
	color: #fff;
	background: #000;
	text-transform: uppercase;
}




/* reservations item */

#reservationsMenu 
{
	font: bold 11px arial, helvetica, sans-serif;
	color:#5781AE;
	margin-left:64px;
/*	border: solid 2px #f00000;*/
}

#reservationsMenu ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	/*border: solid 2px #f00000;*/
}

#reservationsMenu li 
{
	color:#5781AE;
	text-align:center;	
	border-bottom:solid 2px #afc7dd;
	width:160px;
}
/* solo per IE */
/* \*/
* html #reservationsMenu li 
{
	display:block;
	width:156px;
	margin:0px;
	/*border: solid 2px #f00000;*/
}
/* */

#reservationsMenu a, #reservationsMenu h2 
{
	color:#FFFFFF;
	background-color:#8AA8C7;
	font: bold 11px arial, helvetica, sans-serif;
	text-transform: uppercase;
	text-align:center;	
	text-decoration:none;
	display:block;
	padding-top: 5px;
	padding-bottom:5px;
	/*border: solid 2px #f00000;*/
}
/* solo per IE */
/* \*/
* html  #reservationsMenu a, #reservationsMenu h2 
{
	width: 13.3em;
}
/* */

#reservationsMenu .menuSelected
{
	color:#000000;
	background-color:#bfd3e6;
	font: bold 11px arial, helvetica, sans-serif;
	text-transform: uppercase;
	text-align:center;	
	text-decoration:none;
	display:block;
	padding-top: 5px;
	padding-bottom:5px;
	/*border: solid 2px #f00000;*/
}
/* solo per IE */
/* \*/
* html #reservationsMenu .menuSelected
{
	width: 13.3em;
}
/* */


#reservationsMenu a:hover 
{
	color: #5781AE;
	background-color:#bfd3e6;
}

#reservationsMenu ul ul 
{
	position: absolute;
	z-index: 500;
}

#reservationsMenu ul ul ul 
{
	position: absolute;
	top: 0;
	left: 100%;
}

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

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

#reservationsMenu h2 
{
	color: #fff;
	background: #000;
	text-transform: uppercase;
}