/* CSS Document */

@charset "utf-8";

/* top level */

ul#menu {
    list-style: none;
    margin: 0px;
    padding: 0px 0 0 7px;
	height: 32px;
	}

ul#menu li {    
    float: left;
    position: relative;
    z-index: 50;
	}

ul#menu li a {
    display: block;
    color: white;
	width:85px;
    text-decoration: none;
    font-size: 9.5pt;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
    padding: 9px 5px 7px 5px;
	}


ul#menu li a span
{
    display: none;
}

ul#menu li:hover, ul#menu li.current
{
    background-image: url(images/nav-hover.gif);
    background-repeat: no-repeat;
	background-position:center;
}

/* first tier */

ul#menu ul
{    
    list-style: none;
    
    background-image: none;   
}

ul#menu li ul
{
    padding: 0px 0 0px 0;
    margin: 0 0 0 0px;
    position: absolute;
    float: left;
    left: -999em;
    z-index: 50;
	width:700px;
}

ul#menu li ul#solutions {
    margin: 0 0 0 -120px;
	}

ul#menu li ul#overview {
    margin: 0 0 0 -80px;
	}

ul#menu li ul li
{
    margin: 0px;
    padding: 0px;
    
    border: none;
    float: left;
    
    background-image: none; 
}

ul#menu li ul li a
{
    margin: 0px;
    padding: 2px 10px 2px 10px;
    
    vertical-align: middle;
    line-height: 20px;
    
    font-weight: normal;
    font-size: 8.5pt;
    font-family:Georgia, "Times New Roman", Times, serif;
    display: block;
 	width:inherit;
    background-color: inherit;
    background-image: inherit;
    background-repeat: inherit;
    background-position: inherit;
}

ul#menu li ul li:hover, 
ul#menu li ul li.current,
ul#menu li ul li.sfhover, 
ul#menu li ul ul li:hover, 
ul#menu li ul ul li.sfhover, 
ul#menu li ul ul ul li:hover, 
ul#menu li ul ul ul li.sfhover
{
    background-image: none;
    text-decoration: underline;
    background-repeat: no-repeat;
    color: white;
}

#nav li ul ul {
    padding: 0px;
    margin: -27px 0px 0px 0px;
}

ul#menu li:hover ul ul, 
ul#menu li.current ul ul,
ul#menu li.sfhover ul ul, 
ul#menu li:hover ul ul ul, 
ul#menu li.sfhover ul ul ul {
    left: -999em;
}

ul#menu:hover li.current ul
{
	left: -999em;
}

ul#menu li:hover ul, 
ul#menu li.current ul,
ul#menu:hover li.current:hover ul,
ul#menu li.sfhover ul, 
ul#menu li li:hover ul, 
ul#menu li li.sfhover ul, 
ul#menu li li li:hover ul, 
ul#menu li li li.sfhover ul 
{
    left: auto;
}

/* fix for sticking menu in IE */
ul#menu li:hover, ul#menu li.hover {
    position: static;
}


/****** TOP MENU ********/

ul#topmenu {
    list-style: none;
    margin: 0px;
	float:right;
    padding: 2px 20px 0 15px;
	height: 32px;
	}

ul#topmenu li {    
    float: left;
    position: relative;
    z-index: 50;
	color:white;
	}

ul#topmenu li a {
    display: block;
    color: white;
    text-decoration: none;
    font-size: 8.5pt;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
    padding: 0px 5px 7px 5px;
	}


ul#topmenu li a span
{
    display: none;
}

ul#topmenu li a:hover
{
  color:#d7d4d2; 
}

/* first tier */

ul#topmenu ul
{    
    list-style: none;
    
    background-image: none;   
}

ul#topmenu li ul
{
    padding: 0px 0 0px 0;
    margin: 0 0 0 -19px;
    position: absolute;
    left: -999em;
    z-index: 50;
	border-left:2px solid #e4e2dd;
}


ul#topmenu li ul li
{
    margin: 0px;
    padding: 0px;
    
    border: none;
    display:inline;
	text-align:left;
	float:none;
    background-image: none; 
}

ul#topmenu li ul li a
{
    margin: 0px;
    padding: 2px 10px 2px 10px;
    
    vertical-align: middle;
    line-height: 12px;
      color:#9c948e; 
    font-weight: normal;
    font-size: 8pt;
    font-family:Georgia, "Times New Roman", Times, serif;
    display: block;
 	width:inherit;
	text-align:left !important;
    background-color: inherit;
    background-image: inherit;
    background-repeat: inherit;
    background-position: inherit;
}

ul#topmenu li ul li a:hover
{
  color: #7b7571; 
}

ul#topmenu li ul li:hover, 
ul#topmenu li ul li.sfhover, 
ul#topmenu li ul ul li:hover, 
ul#topmenu li ul ul li.sfhover, 
ul#topmenu li ul ul ul li:hover, 
ul#topmenu li ul ul ul li.sfhover
{
    background-image: none;
    text-decoration: underline;
    background-repeat: no-repeat;
    color: #7b7571;
}

ul#topmenu li ul ul {
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

ul#topmenu li:hover ul ul, 
ul#topmenu li.sfhover ul ul, 
ul#topmenu li:hover ul ul ul, 
ul#topmenu li.sfhover ul ul ul {
    left: -999em;
}

ul#topmenu li:hover ul, 
ul#topmenu li.sfhover ul, 
ul#topmenu li li:hover ul, 
ul#topmenu li li.sfhover ul, 
ul#topmenu li li li:hover ul, 
ul#topmenu li li li.sfhover ul 
{
    left: auto;
}

/* fix for sticking menu in IE */
ul#topmenu li:hover, ul#topmenu li.hover {
    position: static;
}