@charset "utf-8";
/* Full Site Dropdown Nav CSS this styles the code in fullSiteNavSSI.html  */

/* mod: expanded submenus were "breaking out" due to 100% width + pad, fix: */
ul.ssdNestedNav * {
	box-sizing: border-box;
	font-family: 'Open Sans',arial, sans-serif;
	font-weight:normal;
}


ul.ssdNestedNav {
max-width:400px;
margin: 0 auto; /* for centered drop nav that scales to mobile */
padding: 3px 0 0 0;
list-style:none;
}

.ssdDropDownToggle {

}

.ssdDropDownToggle.open {

}


.ssdDropDownToggle .ssdDropDownArrow {
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 5px solid #cc9933;
}

.ssdDropDownToggle:hover .ssdDropDownArrow {
	vertical-align: text-bottom;
	border-top: 5px solid #ffcc00;

}

.ssdDropDownToggle.open .ssdDropDownArrow {
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: none;
	border-bottom: 6px solid #cc9933; /* up arrow */
}

.ssdDropDownToggle.open:hover .ssdDropDownArrow {
	vertical-align: text-bottom;
	border-bottom: 6px solid #ffcc00;
}


ul.ssdNestedNav li a {
display:block;
/* width:100%;
height:20px;
*/
padding: 4px 6px;
margin-bottom: 1px;
font-size:12px;
font-weight:bold;

color:#cccccc;
background-image:url(/widgets/widgetImageCache/whiteTrans12.png);
background-repeat:repeat;

text-decoration:none;

}

ul.ssdNestedNav li a:hover {
color:#ffffff;
background-image:none;

background-image:url(/widgets/widgetImageCache/goldTrans50.png);
background-repeat:repeat;

}

/* selected is the qualifier set by JS to mark CURRENT page, current would be a better name */
.ssdNestedNav ul li.selected {
background-image:url(../../widgetImageCache/goldTrans75.png);
background-repeat:repeat;		
}

/* first tier only - diff highlight */
ul.ssdNestedNav>li.selected {
background-image:url(../../widgetImageCache/goldTrans50.png);
background-repeat:repeat;		
}

.ssdNestedNav ul li.selected a {
color:#000000;
}


/* new TARGETED substyles based on "leftMenuLnk" hook */
ul.ssdNestedNav li a.selected, ul.ssdNestedNav li a:active {
color:#000000;
background-image:url(/widgets/widgetImageCache/goldTrans100.png);
background-repeat:repeat;	
/*
border-right: solid 8px #FF9900;
*/
position:relative;
z-index:200;
}



/**** SUB (2nd tier) nav ****/
ul.ssdNestedNav ul {
list-style:none;
padding: 4px 0 4px 0px; /* create gap that bg image will fill */

background-image:url(/widgets/widgetImageCache/blackTrans25.png);
background-repeat:repeat;
}

/* note the x-axis placement on bg image in diff states */
ul.ssdNestedNav ul li a {
  display:block; 
  height:18px; /* must use line height with inline to set bg behavior to mimic block */
  width:100%;
  padding: 2px 0 0px 28px; /* create gap bg image will fill */
  background:url(/widgets/widgetImageCache/greyRectDull10x10.gif) no-repeat 12px center;
  font-size: 12px;
  font-weight: bold;
  color:#cccccc;
}

ul.ssdNestedNav ul li a:hover {
  color:#ffffff;
  background:url(/widgets/widgetImageCache/goldRectDull10x10.gif) no-repeat 14px center;
}

ul.ssdNestedNav ul li a.selected {
  background:url(/widgets/widgetImageCache/goldRectBright10x10.gif) no-repeat 12px center;
  color:#ffffff;
}

 ul.ssdNestedNav ul li a:active {
  background:url(/widgets/widgetImageCache/goldRectBright10x10.gif) no-repeat 16px center;
  color:#ffffff;
}


/**** SUB SUB (3rd tier) nav ****/
ul.ssdNestedNav ul ul {
  list-style:none;
  padding: 4px 0 4px 10px; 
  background-image:url(/widgets/widgetImageCache/blackTrans25.png);
  background-repeat:repeat;
}

/* note the x-axis placement on bg image in diff states */
ul.ssdNestedNav ul ul li a {
  display:block; 
  height:18px; 
  width:100%;
  padding: 2px 0 0px 36px; 
  background:url(/widgets/widgetImageCache/greyRectDull10x10.gif) no-repeat 20px center;
  font-size: 12px;
  font-weight: bold;
  color:#cccccc;

}

ul.ssdNestedNav ul ul li a:hover {
  color:#ffffff;
  background:url(/widgets/widgetImageCache/goldRectDull10x10.gif) no-repeat 22px center;
}

ul.ssdNestedNav ul ul li a.selected{
  background:url(/widgets/widgetImageCache/goldRectBright10x10.gif) no-repeat 20px center;
  color:#ffffff;
}

ul.ssdNestedNav ul ul li a:active {
  background:url(/widgets/widgetImageCache/goldRectBright10x10.gif) no-repeat 24px center;
  color:#ffffff;
}


/* section heading for social NOTE this is OUTSIDE the main nav UL wrapper */

ul.ssdNestedNav ul.ssdNestedNavSocial {
	text-align: center; /* center inline blocked children */
}

ul.ssdNestedNav ul.ssdNestedNavSocial li  {
display:inline-block;
}

ul.ssdNestedNav ul.ssdNestedNavSocial li a {
display:block; 
background:none;
width:100%;
height: auto;
padding: 6px; 
font-size: 12px;
font-weight: bold;
color:#cccccc;

}

ul.ssdNestedNav ul.ssdNestedNavSocial li a:hover {
color:#ffffff;
background-image:url(/widgets/widgetImageCache/whiteTrans12.png);
background-repeat:repeat;
text-decoration:none;
}

ul.ssdNestedNav ul.ssdNestedNavSocial li a img {
border:none;
/* padding: 1px 4px 1px 4px;  with border-box this distort images */
}