﻿* 
{
    list-style: none;
}
/* defining the menu container here */

#HeaderMenu {
		position:relative;
	font: normal 1em/1.4 "helvetica neue", arial, helvetica, sans-serif;
	margin-top: 1em;
	
	
}
.HeaderMenu_Class
{
	position: relative;
	font-size: 12px ;
	font-weight: bold;
	clear: both;
	float: left;  
}
/* define the top level menu */
#HeaderMenu ul.level1
{
	background: url(menu-gloss.png) repeat-x 0 0;
	float: left;
	margin: 0 auto;
	width: 972px;
	height: 2.625em;
	background-color: #349995;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#54C4C1), to(#349995)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #54C4C1, #349995); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #54C4C1, #349995); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #54C4C1, #349995); /* IE10 */
  background-image:      -o-linear-gradient(top, #54C4C1, #349995); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #54C4C1, #349995);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#54C4C1, endColorstr=#349995);
	
	 	
}
#HeaderMenu ul.level1 > li {
	float:left;
	xposition: relative; /* removed to push second menu all the way to the left; */
	/*margin-left:1em; */
	
	padding-top: .6em;
	padding-bottom: .6em;
	padding-left: 2em;
	padding-right: 2em;
	text-decoration: none; 
	/* border-right: 1px solid #999; */
	background-color: #349995;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#54C4C1), to(#349995)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #54C4C1, #349995); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #54C4C1, #349995); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #54C4C1, #349995); /* IE10 */
  background-image:      -o-linear-gradient(top, #54C4C1, #349995); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #54C4C1, #349995);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#54C4C1, endColorstr=#349995);
	
}

#HeaderMenu ul.level1 a.level1 {
	color: #fff;
	text-decoration: none;
}

/* top level menu hover 
ul.level1 > li:hover > a.level1
{
    color: #11312f; 
} */

#HeaderMenu ul.level1 >  li:hover > ul.level2,
#HeaderMenu ul.level2 > li:hover > ul.level3
{
    display: block;
}
#HeaderMenu ul.level1 > li:hover,
#HeaderMenu ul.level1 > li.selected
{
   background: #1E5755;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#11312f), to(#1E5755)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #11312f, #1E5755); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #11312f, #1E5755); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #11312f, #1E5755); /* IE10 */
  background-image:      -o-linear-gradient(top, #11312f, #1E5755); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #11312f, #1E5755);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#11312f, endColorstr=#1E5755);
	border-bottom: 1px solid #1E5755;
}


/* second level menu */
#HeaderMenu ul.level2
{
	display: none;
	position: absolute; 
	top: 100%; 
	left: 5px;
	width: 962px;
	font-size: .9em;
	background: #1E5755;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1E5755), to(#31908F)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #1E5755, #31908F); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #1E5755, #31908F); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #1E5755, #31908F); /* IE10 */
  background-image:      -o-linear-gradient(top, #1E5755, #31908F); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #1E5755, #31908F);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E5755, endColorstr=#31908F);
	/* border-top: 1px solid #666; */
	
	
}
#HeaderMenu ul.level2 > li
{
	background: #1E5755;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1E5755), to(#31908F)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #1E5755, #31908F); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #1E5755, #31908F); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #1E5755, #31908F); /* IE10 */
  background-image:      -o-linear-gradient(top, #1E5755, #31908F); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #1E5755, #31908F);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E5755, endColorstr=#31908F);
	padding-top: .6em;
	padding-bottom: .6em;
	padding-left: 1.7em;
	padding-right: 1.7em; 
	
	clear: none;
	color: #fff;  
	float: left;
	position: relative;
	
}
/* second level menu hover */
#HeaderMenu ul.level2 a.level2
{
	color: #fff;
	text-decoration: none;
}

#HeaderMenu ul.level2 > li:hover,
#HeaderMenu ul.level2 > li.selected
{
    background-color: #38A3A2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2E7A7A), to(#3BABA7)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #2E7A7A, #3BABA7); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #2E7A7A, #3BABA7); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #2E7A7A, #3BABA7); /* IE10 */
  background-image:      -o-linear-gradient(top, #2E7A7A, #3BABA7); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #2E7A7A, #3BABA7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2E7A7A, endColorstr=#3BABA7);
}

/* third level menu */
#HeaderMenu ul.level3
{
    position: absolute;
	background: transparent;
	display:none;
	padding: 0 1px;
	xright: 100%;
	top: 2.6em; 
	left: 0;
    z-index: 11111;
} 
#HeaderMenu ul.level3 li
{
	background: #54C4C1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3BABA7), to(#3BABA9)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #3BABA7, #3BABA9); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #3BABA7, #3BABA9); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #3BABA7, #3BABA9); /* IE10 */
  background-image:      -o-linear-gradient(top, #3BABA7, #3BABA9); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #3BABA7, #3BABA9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3BABA7, endColorstr=#3BABA9);
	/* border-top: 1px solid #666; */	
	clear: both;
	float: left;
	color: #fff;  
	position: relative;
	width: 20em;
	padding-top: .3em;
	padding-bottom: .3em;
	padding-left: .3em;
	padding-right: .3em;
}
#HeaderMenu ul.level3 a.level3
{
	color: #fff;
	font: .8em;
	text-decoration: none;
	background: transparent;
	
}
#HeaderMenu ul.level3 li.selected,
#HeaderMenu ul.level3 li:hover
{
    background-color: #349995;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#349896), to(#349995)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #349896, #349995); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #349896, #349995); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #349896, #349995); /* IE10 */
  background-image:      -o-linear-gradient(top, #349896, #349995); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #349896, #349995);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#349896, endColorstr=#349995);
    
}
#HeaderMenu ul.level3 a:hover
{
    background: transparent;
     
}
