﻿/* adding sf-vertical in addition to sf-menu creates a vertical menu */
.sf-vertical, .sf-vertical li {
	width:	160px;
}

.ie7 .sf-vertical li {
	width: 160px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	160px; /* match ul width */
	top:	0;
}

/* alter arrow directions */
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.gnbA {
   display: none;
}

.sf-menu li ul .gnbA {
	float: right;
    padding-right: 5px;
   display: inline;
}

.ie7 .gnbA {
	position: relative;
	left: 20px;
}

.ie7 .sf-menu li ul .gnbA {
	margin-top: -15px;
}

/* Right Nav  */

.sf-menu li ul, .oregon-right-menu li ul {
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}

.ie7 .sf-menu li ul {
	padding-right: 1.1em;
}

.ie7 .sf-menu li ul ul {
	margin-left: 19px;
}

.oregon-right-menu li ul {
	border-bottom: 1px solid #000;
}

.oregon-right-menu, .oregon-right-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.oregon-right-menu {
	line-height:	1.0;
    float:			left;
	width: 170px;
	text-align: left;
	margin-left: 10px;	
	margin-right: 10px;	
}
.oregon-right-menu ul {
	position:		absolute;
	top:			-999em;
	width:			170px; /* left offset of submenus need to match (see below) */
}
.oregon-right-menu ul li {
	width:			100%;
	border: none;	
}

.oregon-right-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.oregon-right-menu li span 
{
   	margin-top: 11px;
}
.oregon-right-menu li {
	float:			right;
	position:		relative;
    background:		#fff;
    min-height: 20px;
	margin-bottom: 11px;
	padding-top: 3px;
}
.oregon-right-menu a {
	display:		block;
	position:		relative;
	text-decoration:none;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.oregon-right-menu a, .oregon-right-menu a:visited, .oregon-right-menu a:link  { /* visited pseudo selector so IE6 applies text colour*/
	padding: 2px 3px;
	color: #000;
	text-decoration: none;	
	display: block;
}
.oregon-right-menu a:hover 
{
    color: #fff !important;
}
.oregon-right-menu li:hover ul,
.oregon-right-menu li.sfHover ul {
	right: 170px;
	left: auto;
	top:			20px; /* match top ul list item height */
	z-index:		99;
}

.oregon-right-menu li li {
	background:		#fff;
	color: #000;
	border: none;
	margin-bottom: 0px;
}
.oregon-right-menu li li li {
	background:		#fff;
	border: none;
}
.oregon-right-menu li:hover, 
.oregon-right-menu li.sfHover,
.oregon-right-menu a:focus, 
.oregon-right-menu a:hover, 
.oregon-right-menu a:active {
	background:		#293352;
	color: #ffffff;
	outline: 0;
}

ul.oregon-right-menu li:hover li ul,
ul.oregon-right-menu li.sfHover li ul {
	right: 170px;
	left: auto;
	top: -999em;
}
ul.oregon-right-menu li li:hover ul,
ul.oregon-right-menu li li.sfHover ul {
	right: 170px; 
	top: 0;
	left: auto !important;
}
ul.oregon-right-menu li li:hover li ul,
ul.oregon-right-menu li li.sfHover li ul {
	right: 170px; /* match ul width */
	left: auto;
	top:			-999em;
}
ul.oregon-right-menu li li li:hover ul,
ul.oregon-right-menu li li li.sfHover ul {
	right:	170px; /* match ul width */
	left: auto;
	top: 0;
}

.oregon-right-menu, .oregon-right-menu li {
	width:	170px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.oregon-right-menu li:hover ul,
.oregon-right-menu li.sfHover ul {
	right:	170px; /* match ul width */
	left: auto;
	top:	0;
}

.oregon-right-menu li ul li {
	border-bottom: 1px solid #000;
}
.rtNavA
{
    float: left;
    padding-right: 5px;    
    position: relative;
    top: -2px;
}






/* Right Nav - State Theme */
.oregon-right-menu-state li ul {
	background-color: #E2E7EA;	
}

.oregon-right-menu-state, .oregon-right-menu-state * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.oregon-right-menu-state {
	line-height:	1.0;
    float:			left;
	width: 170px;
	text-align: left;
	margin-left: 10px;	
	margin-right: 10px;	
}
.oregon-right-menu-state ul {
	position:		absolute;
	top:			-999em;
	width:			170px; /* left offset of submenus need to match (see below) */
}
.oregon-right-menu-state ul li {
	width:			100%;
}

.oregon-right-menu-state li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.oregon-right-menu-state li span 
{
   	margin-top: 11px;
}
.oregon-right-menu-state li {
	float:			right;
	position:		relative;
    background:		#E2E7EA;
    min-height: 20px;
	margin-bottom: 1px;
}
.oregon-right-menu-state a {
	display:		block;
	position:		relative;
	text-decoration:none;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;	
}
.oregon-right-menu-state a, .oregon-right-menu-state a:visited, .oregon-right-menu-state a:link  { /* visited pseudo selector so IE6 applies text colour*/
	padding: 2px 3px;
	color: #485B9E;
	text-decoration: none;	
	display: block;
}
.oregon-right-menu-state a:hover 
{
    color: #253265 !important;    
}
.oregon-right-menu-state li:hover ul,
.oregon-right-menu-state li.sfHover ul {
	background-color: #E2E7EA;
	right: 170px;
	left: auto;
	top:			20px; /* match top ul list item height */
	z-index:		99;
	border-color: #253265;
	border-style: none;
	border-width: 1px;
	border-bottom-style: dotted;

}

.oregon-right-menu-state li li, .oregon-right-menu-state li li li {
	color: #000;
	border-color: #253265;
	border-style: dotted;
	border-width: 1px;
	border-bottom-style: none;
	margin-bottom: 0px;
	min-height: 24px;
	padding: 2px 0px;
}

.oregon-right-menu-state li:hover
{
	background-color: #fff;	
}

.oregon-right-menu-state li:hover
{
	border-color: #253265;
	border-style: dotted;
	border-width: 1px;
}

.oregon-right-menu-state li li:hover, .oregon-right-menu-state li li li:hover
{
	border-bottom-style: none;
}


.oregon-right-menu-state li:hover, 
.oregon-right-menu-state li.sfHover,
.oregon-right-menu-state a:focus, 
.oregon-right-menu-state a:hover, 
.oregon-right-menu-state a:active {
	background:		#fff;
	color: #253265;
}

ul.oregon-right-menu-state li:hover li ul,
ul.oregon-right-menu-state li.sfHover li ul {
	right: 170px;
	left: auto;
	top: -999em;
}
ul.oregon-right-menu-state li li:hover ul,
ul.oregon-right-menu-state li li.sfHover ul {
	right: 170px; 
	top: 0;
	left: auto !important;
}
ul.oregon-right-menu-state li li:hover li ul,
ul.oregon-right-menu-state li li.sfHover li ul {
	right: 170px; /* match ul width */
	left: auto;
	top:			-999em;
}
ul.oregon-right-menu-state li li li:hover ul,
ul.oregon-right-menu-state li li li.sfHover ul {
	background-color: #E2E7EA;
	right:	170px; /* match ul width */
	left: auto;
	top: 0;
}

.oregon-right-menu-state, .oregon-right-menu-state li {
	width:	170px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.oregon-right-menu-state li:hover ul,
.oregon-right-menu-state li.sfHover ul {
	right:	170px; /* match ul width */
	left: auto;
	top:	0;
}

.oregon-right-menu-state .rtNavA
{
    float: left;
    padding-right: 5px;    
    position: relative;
    top: -5px;
}
