﻿/* ==================== Nav ==================== */

#nav li:hover, #nav li.hover {
    position: static;
}

#nav, #nav ul { /* all lists */
    background-image: url(../img/navFadeLeft.gif);          /*EP*/
    background-position: 0% 100%;                           /*EP*/
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width : 212px;                                          /*EP*/
}

#nav li { /* all list items */	
    background-image: url(../img/1px_black.jpg);            /*EP*/
    background-position: top left;                          /*EP*/
    background-repeat: repeat-x;                            /*EP*/
	float : left;
	line-height : 120%;                                    /*EP*/
	margin-bottom : -1px;
	width: 212px;                                           /*EP*/
}

#nav .firstNavItem {
    border-left: 0px;
}

#nav .lastNavItem {
    border-bottom: 2px solid black;
}

#nav .oneNavItem 
{
    border-left: 0px;
    border-bottom: 2px solid black;
}

#nav li ul { /* second-level lists */
    background-image: url(../img/navFadeRight.gif);          /*EP*/
    background-position: 0% 100%;                           /*EP*/
	left: -999em;
	margin-left : 212px;                                    /*EP*/
	margin-top : -1.55em;                                   /*EP*/
	position : absolute;
}

#nav li ul li {    
    border-left: 2px dotted black;                          /*EP*/
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#nav li a { /*	w\idth : 10em; */
	color : black;
	display : block;
	font-size: 75%;
	font-weight : bold;
	padding: .25em .5em;
	text-decoration : none;
	width: 200px;                                           /*EP*/
}

#nav li a:hover {
	color : #696969;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* ==================== Quicknav ==================== */

#quicknav li:hover, #quicknav li.hover {
    position: static;
}

#quicknav, #quicknav ul { /* all lists */
    background-image: url(../img/navFadeRight.gif);          /*EP*/
    background-position: 0% 100%;                           /*EP*/
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width : 212px;                                          /*EP*/
}

#quicknav li { /* all list items */	
    background-image: url(../img/1px_black.jpg);            /*EP*/
    background-position: top right;                          /*EP*/
    background-repeat: repeat-x;                            /*EP*/
	float : left;
	line-height : 120%;                                    /*EP*/
	margin-bottom : -1px;
	width: 212px;                                           /*EP*/
}

#quicknav .firstNavItem {
    border-right: 0px;
}

#quicknav .lastNavItem {
    border-bottom: 2px solid black;
}

#quicknav .oneNavItem 
{
    border-right: 0px;
    border-bottom: 2px solid black;
}

#quicknav li ul { /* second-level lists */
    background-image: url(../img/navFadeLeft.gif);          /*EP*/
    background-position: 0% 100%;                           /*EP*/
	left: -999em;
	margin-left : -212px;                                    /*EP*/
	margin-top : -1.55em;                                   /*EP*/
	position : absolute;
}

#quicknav li ul li {    
    border-right: 2px dotted black;                          /*EP*/
}

#quicknav li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#quicknav li a { /*	w\idth : 10em; */
	color : black;
	display : block;
	font-size: 75%;
	font-weight : bold;
	padding: .25em .5em;
	text-decoration : none;
	width: 200px;                                           /*EP*/
}

#quicknav li a:hover {
	color : #696969;
}

#quicknav li:hover ul ul, #quicknav li:hover ul ul ul, #quicknav li.sfhover ul ul, #quicknav li.sfhover ul ul ul {
	left: -999em;
}

#quicknav li:hover ul, #quicknav li li:hover ul, #quicknav li li li:hover ul, #quicknav li.sfhover ul, #quicknav li li.sfhover ul, #quicknav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}