/* Top Navigation Menu */
#topmenu {
    position:           relative;
    width:              750px;
    height:             33px;
    background:         url(images/HomePageNavigation.gif) no-repeat;
}
#topmenu li {
    position:           absolute;
    top:                0;
    display:            inline;
}
#topmenu li, #topmenu li a {
    height:             33px;
    text-align:         center;
    color:              #fff;
    font-weight:        bold;
    font-size:          90%;
    text-decoration:    none;
}

.sp a{
	height: 66px;
	line-height: 18px;
	
}

.sp a {
    background:         #d1e1e8;
    color:              #000;
}

#topmenu li a {
    display:            block;
    padding-top:        9px;
}

#topmenu li ul {
    display:            none;
    position:           absolute;
    top:                33px;
    left:               0;
    width:              191px;
    background:         #0f516a url(images/DropDownBackground.gif) top left no-repeat;

    filter:             alpha(opacity=92);
    filter:             progid:DXImageTransform.Microsoft.Alpha(opacity=92);
    -moz-opacity:       .92;
    -khtml-opacity:     .92;
    opacity:            .92; /* for future compatibility */
}
#topmenu li:hover ul, #topmenu li.over ul {
    display:            block;
    z-index:            6000;
}
#topmenu li ul li {
    position:           relative;
    display:			block;
    margin-bottom:      6px;
}
* html #topmenu li ul li {margin-bottom:0px;}

#topmenu li ul li, #topmenu li ul li a {
    height:             17px;
    text-align:         left;
    color:              #fff;
    font-weight:        bold;
    font-size:          95%;
    text-decoration:    none;
}
#topmenu li ul li a {
    display:            block;
    padding:            3px 0 3px 15px;
}

#topmenu li ul li a:hover {
    background:         #d1e1e8;
    color:              #000;
}
#navcorp {
    left:               0;
    width:              100px;
}
#navtech {
    left:               101px;
    width:              104px;
}
#navprod {
    left:               205px;
    width:              94px;
}
#navpart {
    left:               299px;
    width:              101px;
}
#navinve {
    left:               400px;
    width:              98px;
}
/*#navcare {
    left:               498px;
    width:              87px;
}*/
#navglos 
{
	left:               498px;
    /*left:               585px;*/
    width:              87px;
}

/* Image-shift for mouse-over image; May need to consider JS for mouseover if they want the top nav to stay highlighted. */
#navcorp a:hover, #corporate #navcorp a {
    background:         transparent url(images/HomePageNavigation.gif) 0 -33px no-repeat;
}
#navtech a:hover, #technology #navtech a {
    background:         transparent url(images/HomePageNavigation.gif) -101px -33px no-repeat;
}
#navprod a:hover, #products #navprod a {
    background:         transparent url(images/HomePageNavigation.gif) -205px -33px no-repeat;
}
#navpart a:hover, #partnering #navpart a {
    background:         transparent url(images/HomePageNavigation.gif) -299px -33px no-repeat;
}
#navinve a:hover, #investors #navinve a {
    background:         transparent url(images/HomePageNavigation.gif) -400px -33px no-repeat;
}
#navcare a:hover, #careers #navcare a {
    background:         transparent url(images/HomePageNavigation.gif) -498px -33px no-repeat;
}
#navglos a:hover, #glossary #navglos a {
    background:         transparent url(images/HomePageNavigation.gif) -585px -33px no-repeat;
}
#navcorp ul a, #corporate #navcorp ul a,
#navtech ul a, #technology #navtech ul a,
#navprod ul a, #products #navprod ul a,
#navpart ul a, #partnering #navpart ul a,
#navinve ul a, #investors #navinve ul a,
#navcare ul a, #careers #navcare ul a ,
#navglos ul a, #careers #navglos ul a {
    background:         none;
}

#navcorp ul a:hover, #corporate #navcorp ul a:hover,
#navtech ul a:hover, #technology #navtech ul a:hover,
#navprod ul a:hover, #products #navprod ul a:hover,
#navpart ul a:hover, #partnering #navpart ul a:hover,
#navinve ul a:hover, #investors #navinve ul a:hover,
#navcare ul a:hover, #careers #navcare ul a:hover,
#navglos ul a:hover, #careers #navglos ul a:hover {
    background:         #d1e1e8;
    color:              #000;
}
