﻿/* nav - leftmost column (sibling to main-content) - internal pages only */
#nav
{
    float: left;
    width: 280px;
    background: #204060 url(nav-bg.jpg) no-repeat;
    padding-top: 0px;
    text-align: center;
    font-weight: normal;
}
#nav a,
#nav a:link,
#nav a:visited,
#nav a:active
{
    text-decoration: none;
    color: White; 
}
#nav a:hover,
#nav a:focus
{
    background-color: Transparent;
}
#nav a.logo
{
    display: block;
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 280px;
    height: 106px;
    background: transparent url(logo.jpg) left top no-repeat;
}
#nav a.about-us
{
    display: block;
    position: absolute; 
    top: 115px; 
    left: 31px; 
    width: 85px;
    height: 26px;
    background: transparent url(about-us.jpg) left top no-repeat;
}
#nav a.contact-us
{
    display: block;
    position: absolute; 
    top: 115px; 
    left: 155px; 
    width: 85px;
    height: 26px;
    background: transparent url(contact-us.jpg) left top no-repeat;
}
#nav a.logo:hover,
#nav a.about-us:hover,
#nav a.contact-us:hover
{
    background-position: right top;
}

/*********************************************/
/* asp:menu - within nav div - all internal pages */
.main-nav
{
    padding-top: 170px;
}
.main-nav ul ul
{
    display: none !important;
}

.main-nav ul.AspNet-Menu,
.main-nav .AspNet-Menu-Leaf
{
    width: 280px;
}

.main-nav li /* all list items */
{
    width: 100%;
    background: transparent;
}

.main-nav li:hover a, /* hovered text */
.main-nav li:hover span,
.main-nav li.AspNet-Menu-Hover a,
.main-nav li.AspNet-Menu-Hover span
{
    color: #FFCC33 !important;
    background-color: Transparent;
}

.main-nav .AspNet-Menu-Selected, 
.main-nav .AspNet-Menu-ChildSelected 
{
    color: #FFCC33 !important;
    xfont-weight: bold;
}

.main-nav .AspNet-Menu-Leaf
{
    margin-top: 20px;
}

.main-nav .AspNet-Menu-Link
{
    height: 60px !important;
    padding-top: 10px;
    padding-left: 105px;

    font-size: 1em;    
    text-align: center;    

    background-repeat: no-repeat;
    background-position: top left;
}

.main-nav .home-nav-item-1 { background-image: url(carbdiesel.jpg); }
.main-nav .home-nav-item-2 { background-image: url(vdecs.jpg); }
.main-nav .home-nav-item-3 { background-image: url(emissions.jpg); }
.main-nav .home-nav-item-4 { background-image: url(grants.jpg); }
.main-nav .home-nav-item-5 { background-image: url(airquality.jpg); }
.main-nav .home-nav-item-6 { background-image: url(collaborative.jpg); }

.main-nav .AspNet-Menu-Leaf a:hover,
.main-nav a.AspNet-Menu-Link:hover
{ 
    background-position: top right;
}

/* OVERRIDE IMPORTANT STUFF FOUND IN IE7MENU.CSS */

.main-nav ul.AspNet-Menu li.AspNet-Menu-Leaf
{
    height: 60px !important;
}

.main-nav ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.main-nav ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    height: 60px !important;
}


