﻿/* PRIMARY NAVIGATION */

div.MainNavHolder {
    position: relative;
    float: left;
    width: 705px;
    height: 126px;
}

/* The first level list items - allows nested lists to be positioned absolute */

div.MainNavHolder li {
    position: absolute;
}

/* Set general properties for links and list items */

div.MainNavHolder li,
div.MainNavHolder a {
    display: block;
    color: #222e40;
    text-decoration: none;
    background-position: 0 0;
    background-repeat: no-repeat;
}

/* Set background images, positioning, and general styles for each first level list item and their nested lists */

/* About Us */

li.MainNav_AboutUs {
    top: 76px;
    left: 0;
    z-index: 50;
    height: 41px;
    width: 123px;
    cursor: pointer;
    background-image: url(../Images/MainNav_AboutUs.gif);
}

* html li.MainNav_AboutUs {
    background-image: url(../Images/MainNav_AboutUs_IE6.gif);
}

li.MainNav_AboutUs a {
    height: 41px;
    width: 123px;
    background-image: url(../Images/MainNav_AboutUs.gif);
}

* html li.MainNav_AboutUs 

a {
    background-image: url(../Images/MainNav_AboutUs_IE6.gif);
}

div.MainNavHolder li.MainNav_AboutUs:hover a.active {
    background-position: 0 -41px;
    z-index: 75;
}

/* Investment Philosophy */

li.MainNav_InvestmentPhilosophy {
    top: 76px;
    left: 117px;
    z-index: 50;
    height: 41px;
    width: 216px;
    cursor: pointer;
    background-image: url(../Images/MainNav_InvestmentPhilosophy.gif);
}

li.MainNav_InvestmentPhilosophy a {
    height: 41px;
    width: 216px;
    background-image: url(../Images/MainNav_InvestmentPhilosophy.gif);
}

/* Our Team */

li.MainNav_OurTeam {
    top: 76px;
    left: 334px;
    z-index: 50;
    height: 41px;
    width: 110px;
    cursor: pointer;
    background-image: url(../Images/MainNav_OurTeam.gif);
}

li.MainNav_OurTeam a {
    height: 41px;
    width: 110px;
    background-image: url(../Images/MainNav_OurTeam.gif);
}

/* Investments */

li.MainNav_Investments {
    top: 76px;
    left: 445px;
    z-index: 50;
    height: 41px;
    width: 149px;
    cursor: pointer;
    background-image: url(../Images/MainNav_Investments.gif);
}

li.MainNav_Investments a {
    height: 41px;
    width: 149px;
    background-image: url(../Images/MainNav_Investments.gif);
}

* html li.MainNav_Investments {
    top: 76px;
    left: 438px;
    z-index: 50;
    height: 41px;
    width: 149px;
    cursor: pointer;
    background-image: url(../Images/MainNav_Investments_IE6.gif);
}

* html li.MainNav_Investments 

a {
    height: 41px;
    width: 149px;
    background-image: url(../Images/MainNav_Investments_IE6.gif);
}

div.MainNavHolder li.MainNav_Investments:hover a.active {
    background-position: 0 -41px;
    z-index: 75;
}

/* LP Log-In */

li.MainNav_LPLog-In {
    top: 76px;
    left: 588px;
    z-index: 50;
    height: 41px;
    width: 106px;
    cursor: pointer;
    background-image: url(../Images/MainNav_LPLog-In.gif);
}

li.MainNav_LPLog-In a {
    height: 41px;
    width: 106px;
    background-image: url(../Images/MainNav_LPLog.gif);
}

div.MainNavHolder li.over a.active {
    background-position: 0 -41px;
    z-index: 75;
}

/* Hide text inside */

div.MainNavHolder a span {
    display: none;
}

/* Set the background position for the the first level list items on hover 
NOTE: class="over" is added to the list items by the javascript function "showPrimaryNavList" to compensate for the fact that IE6 does not recognize the pseudo class :hover on li tags */

div.MainNavHolder li.over,
div.MainNavHolder li:hover,
div.MainNavHolder li.over a,
div.MainNavHolder li:hover a {
    background-position: 0 -41px;
    z-index: 75;
}

div.MainNavHolder li a.active {
    background-position: 0 -82px;
}

/* 1ST LEVEL DROPDOWNS */

/* Set general properties on nested lists and hide them until you hover over the first level list items */

div.MainNavHolder li ul {
    display: none;
}

/* Unhide nested lists when you hover over the first level list items */

div.MainNavHolder li:hover ul,
div.MainNavHolder li.over ul {
    display: block;
    position: absolute;
    top: 35px;
    padding: 0 0px 13px 0px;
    z-index: 100;
}

/* Override the float on nested list items which is inherited from the first level list items */

div.MainNavHolder li ul li {
    position: relative;
    clear: left;
}

div.MainNavHolder li ul li.TopListItem {
    padding-top: 5px;
}

/* Set Properties on the links in the second level lists */

div.MainNavHolder li ul li a {
    height: auto;
    background: none;
}

/* Set Properties of the hover on links in the second level lists */

div.MainNavHolder li ul li a:hover,
div.MainNavHolder li ul li:hover a {
    color: #fff;
    background: #4674a8;
    text-decoration: none;
}

/* About Us */

div.MainNavHolder li.MainNav_AboutUs:hover ul,
div.MainNavHolder li.over ul {
    left: 0px;
    width: 123px;
    background: url(../Images/MainNav_AboutUs_BG_Bottom.png) no-repeat bottom;
}

* html div.MainNavHolder 

li.over ul.L3List_AboutUs {
    left: 6px;
    width: 113px;
    border-right: 1px solid #d0d2d4;
    border-bottom: 1px solid #d0d2d4;
    border-left: 1px solid #d0d2d4;
    background: #f5f5f5;
}

div.MainNavHolder li.MainNav_AboutUs ul li {
    width: 107px;
    padding: 0px 8px;
    background: url(../Images/MainNav_AboutUs_BG_LI.png) repeat-y 0 0;
}

* html div.MainNavHolder 

li.MainNav_AboutUs ul li {
    width: 111px;
    padding: 0px 1px;
    background: none;
}

div.MainNavHolder li.MainNav_AboutUs ul li a {
    width: 83px;
    padding: 4px 5px 4px 19px;
}

* html div.MainNavHolder 

li.MainNav_AboutUs ul li a {
    width: 87px;
    padding: 4px 5px 4px 17px;
}

/* Investments */

div.MainNavHolder li.MainNav_Investments:hover ul,
div.MainNavHolder li.over ul {
    left: 0px;
    width: 149px;
    background: url(../Images/MainNav_Investments_BG_Bottom.png) no-repeat bottom;
}

* html div.MainNavHolder 

li.over ul.L3List_Investments {
    left: 6px;
    width: 135px;
    border-right: 1px solid #d0d2d4;
    border-bottom: 1px solid #d0d2d4;
    border-left: 1px solid #d0d2d4;
    background: #f5f5f5;
}

div.MainNavHolder li.MainNav_Investments ul li {
    width: 133px;
    padding: 0px 8px;
    background: url(../Images/MainNav_Investments_BG_LI.png) repeat-y 0 0;
}

* html div.MainNavHolder 

li.MainNav_Investments ul li {
    width: 133px;
    padding: 0px 1px;
    background: none;
}

div.MainNavHolder li.MainNav_Investments ul li a {
    width: 110px;
    padding: 4px 5px 4px 18px;
}

* html div.MainNavHolder 

li.MainNav_Investments ul li a {
    width: 110px;
    padding: 4px 5px 4px 18px;
}
