/* TOP NAV */
#top_nav {
    margin:0;
    padding:0;
}

#top_nav li {
    float: left;
    position: relative;
    z-index: 101;
    list-style-type: none;
    list-style-image: none;
    font-size: .9em;
}
#top_nav .sub_nav li {
    z-index: 100;
    font-size: 1.0em;
    border-style: solid; /* firefox - keep border properties in separate lines */
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-color: #717171;
    float: none;
    list-style-type: none;
    list-style-image: none;
}
#top_nav a {
    color: #000000;
    font-weight: normal;
    display: block;
    font-size: 1.0em;
    text-decoration: none;
    background-image:url('../images/frame/nav_gold_bg.gif');
    background-repeat: repeat-x;
}
#top_nav a:hover {
    text-decoration: none;
    color: #ffffff;
}

#n-myaccount a,
#n-myprojects a {
	color:#ffffff; 
	text-decoration:none; 
	background-image:url('../images/frame/nav_red_bg.gif');
}
/*
#n-myprojects {
    color: #ffffff;
    font-weight: normal;
    display: block;
    font-size: 1.0em;
    text-decoration: none;
    background-image:url('../images/frame/nav_red_bg.gif');
    background-repeat: repeat-x;
}
*/
#n-myaccount a:hover,
#n-myprojects a:hover {
	color:#000000; 
	text-decoration:none;
}
#n-green a {color:#ffffff; text-decoration:none; background-image:url('../images/frame/nav_green_bg.gif');}
#n-green a:hover {color:#000000; text-decoration:none;}
.nav_label {position:relative; top:-11px;}
.nav_label_active {position:relative; top:-11px; color:#ffffff; font-weight:bold;}
/* SUB NAV */
.sub_nav {
    display: none;
    position: absolute;
    z-index:100;
    left: 3px;
    top: 25px;
    font-weight: bold;
    font-size: 100%;
    padding: 1em 0;
    margin: 0px;
    vertical-align: top;
}
.last .sub_nav {right: -1.6em; left: auto;}

.active .sub_nav {
    display: block;
}

.sub_nav li a {
	padding: .3em 1.2em !important;
}
#sub_nav_myaccount a,
#sub_nav_myprojects a,
#sub_nav_aboutus a,
#sub_nav_custsupport a,
#sub_nav_terms a,
#sub_nav_specials a,
#sub_nav_news a,
#sub_nav_green a,
#sub_nav_services a,
#sub_nav_myaccount a {
    background-image: none;
    background-color: #333333;
    color: #ffffff;
    font-weight: bold;
    line-height:15px;
    height:15px;
}
#sub_nav_aboutus a:hover,
#sub_nav_custsupport a:hover,
#sub_nav_terms a:hover,
#sub_nav_specials a:hover,
#sub_nav_news a:hover,
#sub_nav_services a:hover,
#sub_nav_myaccount a:hover {
    background-color: #dba625;
    color: #000000;
    font-weight: bold;
}
#sub_nav_myaccount a:hover,
#sub_nav_myprojects a:hover {
    background-color: #d10000;
    color: #ffffff;
}
#sub_nav_green a:hover {
    background-color: #476b00;
    color: #ffffff;
}
/* adjust these widths to fit content */
#sub_nav_myaccount li{ width: 170px; }
#sub_nav_myprojects li{ width: 170px; }
#sub_nav_aboutus li { width: 150px;}
#sub_nav_custsupport li{ width: 150px; }
#sub_nav_terms li{ width: 150px; }
#sub_nav_specials li{ width: 150px; }
#sub_nav_news li{ width: 150px; }
#sub_nav_green li{ width: 150px; }
#sub_nav_services li{ width: 150px; }

/* LEFT NAV FLY-OUT */
#left_nav {
    margin:0;
    padding:0;
}
#left_nav .more {
    position: relative;
    list-style-type: none;
    list-style-image: none;
    font-size: .9em;
}
#left_nav .sub_Lnav li {
    position:relative;
    font-size: 1.0em;
    border-style: solid; /* firefox - keep border properties in separate lines */
    border-width: 1px;
    border-color: #717171;
    float: left;
    list-style-type: none;
    list-style-image: none;
}
#left_nav li .lm_cat {
    margin-left:23px;
    margin-right:0px;
    overflow:hidden;
}    
#left_nav a {
    font-size: 12px; 
    color: #333333;
    font-weight: normal;
    display: block;
    text-decoration: none;
    width:193px;
    line-height:15px;
    vertical-align:middle;
    padding: 2px 0px;
}
#left_nav a:hover {
    text-decoration: none;
    color: #c79110;
}

/* SUB NAV */
.sub_Lnav {
    display: none;
    position: absolute;
    left: 191px; /* was 215px */
    top: -20px;
    font-weight: bold;
    font-size: 100%;
    padding: 1em 0;
    margin: 0px;
    vertical-align: top;
    line-height:15px;
    z-index:11;
}
.last .sub_Lnav {right: -1.6em; left: auto;}

.active .sub_Lnav {
    display: block;
}

.sub_Lnav li a {
	padding: .2em 1.2em !important;
}
#sub_Lnav li a
{
    background-image: none;
    background-color: #efefef;
    color: #222222;
    font-weight: normal;
    width:222px;
    height:100%;
}
#sub_Lnav a:hover
 {
    background-color: #dba625;
    color: #000000;
    font-weight: normal;
}
