/*
==============================================================================
**
** NAV
**
** SCOPE: 		GLOBAL
** REVISION:	0.1
** DATE:		03/25/11
** AUTHORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** USAGE:		

** NOTES:
				
** TODO:		

** REVISION HISTORY
------------------------------------------------------------------------------






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* Including lib.less - this template is intentionally left blank and does not need to be included  on the live server */
/* =========================================================================== */
.ie7 #main-nav li > .sub {
  width: 93%;
}
.ie7 #mn4 .sub fieldset,
.ie7 .render-include .sub fieldset {
  position: relative;
  width: 565px;
  height: auto;
}
.ie7 #mn4 .sub input[type="text"],
.ie7 .render-include .sub input[type="text"] {
  width: 85%;
}
#main-nav {
  padding: 0;
  margin: 0 auto;
  height: 50px;
  background-color: #000;
  position: fixed;
  z-index: 90;
  top: 0;
  width: 100%;
  overflow: visible;
  /* This is for mobile main menu */

}
#main-nav h1 {
  display: none;
}
#main-nav .loading {
  height: auto;
  background: transparent;
}
#main-nav .container {
  background: transparent;
  width: 100%;
  max-width: 1000px;
  min-width: 800px;
  overflow: visible;
}
#main-nav .container > ul {
  position: relative;
  float: left;
  overflow: visible;
  margin: 0 0 0 0;
  padding: 0;
  text-transform: uppercase;
}
#main-nav .container > ul > li {
  position: static !important;
  font-family: 'TradeGothicW02-BoldCn20 675505', sans-serif;
  font-size: 1.35em;
  line-height: 1.2;
  padding: 0;
  float: left;
  height: 50px;
}
#main-nav .container > ul > li a {
  display: block;
  padding: 1em .75em .5em .75em;
  color: #ffffff !important;
  height: auto;
  text-decoration: none !important;
}
#main-nav .container > ul > li:hover {
  background: #ffffff;
}
#main-nav .container > ul > li:hover a {
  color: #274370 !important;
}
#main-nav .container > ul > li:hover li a {
  color: #32587f !important;
}
#main-nav .container > ul > li:hover li a:hover {
  color: #fff !important;
}
#main-nav .container > ul > li.selected {
  background: #7c92ab;
}
#main-nav li > .sub {
  position: absolute;
  background: #ffffff;
  overflow: hidden;
  opacity: 0;
  visibility: collapse;
  display: none;
  height: 0;
  top: 50px;
  right: 0;
  width: 100%;
  z-index: 1001;
  margin: 0;
  text-align: left;
  padding: 0;
  -webkit-transition: height ease-out 0.133s;
  -moz-transition: height ease-out 0.133s;
  -o-transition: height ease-out 0.133s;
  transition: height ease-out 0.133s;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.13);
  -o-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.13);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.13);
}
#main-nav li > .sub ul {
  width: 35%;
  float: left;
  padding: 0;
  margin: 1.5em 0 1.5em 1.5em;
}
#main-nav li > .sub ul li {
  margin: 0 0 0 0;
  padding: 0;
  text-transform: none;
}
#main-nav li > .sub ul li a,
#main-nav li > .sub ul li a:link {
  padding: .55em;
  color: #32587F !important;
}
#main-nav li > .sub ul li a:hover {
  background: #92a4b9;
}
#main-nav li > .sub .snippet {
  /*border-left:  1px solid rgba(124,146,172,.33);*/

  font-family: sans-serif;
  color: #505050 !important;
  text-transform: none;
  padding: 0 2em 0 1.5em;
  margin: 2.5em 0 1.5em 0;
  width: 50%;
  float: right;
  font-size: .8rem;
}
#main-nav li > .sub .snippet p {
  padding: 0.5em 0 0;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
  margin: 0;
  font-family: sans-serif;
  color: #505050 ;
  text-transform: none;
  font-size: .8rem;
}
#main-nav li > .sub img {
  padding: 0;
  margin: -1em 0 0;
}
#main-nav li:hover > .sub {
  display: block;
  opacity: 1;
  visibility: visible;
  height: auto;
  padding: 0;
}
/* Special Layout for Contact */
/* Special Layout for Services using discrete <dl> similar to Coons 

Uncomment this and comment out the other #mn5 just below
#mn5 {
	.sub {

		padding-bottom: 1.5em !important; 
			
		dl {
			//padding: .55em 0 .15em 1.55em;
			width: 29.5% !important; 
			float: left;}
		
		dt, dd {
			margin: 0;
			padding: 0;
			padding-top:	7.7px;
			padding-right:	7.7px;
			padding-bottom:	2.1px;
			padding-left:	7.7px;
			width: 100%;  }
			
		dt:hover, dd:hover,
		dt:hover+dd, dd:hover+dt {
			background: lighten(@link-color,7%);}	

		a {
			padding: 0; }
		
		dt {
			margin: 1em 0 0 0;
			display: block;
			a {
				color: #fff !important; } }
			
		dd {
			display: block;
			height: 4.5em;
			overflow: hidden;

			font-family:	sans-serif;
			font-size: .8255em;
			color: #fff;

			color: rgba(255,255,255,.7);
			text-transform: none; 
			}		
	}
}
*/
#mn5 .sub,
.multiple-descriptions .sub {
  padding-bottom: 1em !important;
}
#mn5 .sub ul,
.multiple-descriptions .sub ul {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
#mn5 .sub li,
.multiple-descriptions .sub li {
  padding: 1% 1% 1.5% 1% !important;
  width: 28%;
  height: 5em;
  margin: 1em 0 0 3% !important;
  float: left;
}
#mn5 .sub li a,
.multiple-descriptions .sub li a {
  font-size: 1em;
  height: auto !important;
  margin: 0;
}
#mn5 .sub li:hover,
.multiple-descriptions .sub li:hover {
  background: #92a4b9;
}
#mn5 .sub li:hover p,
.multiple-descriptions .sub li:hover p,
#mn5 .sub li:hover a,
.multiple-descriptions .sub li:hover a,
#mn5 .sub li:hover a:hover,
.multiple-descriptions .sub li:hover a:hover {
  color: #fff !important;
}
#mn5 .sub .snippet,
.multiple-descriptions .sub .snippet {
  margin: 0 !important;
  padding: 0 !important;
  float: none;
  clear: both;
  width: 100% !important;
  border: none !important;
}
/* Special Layout for Priorities */
#mn4 .sub form,
.render-include .sub form {
  margin-top: 1em;
  border-bottom: 1px solid #556c85;
}
#mn4 .sub label,
.render-include .sub label {
  color: #7c92ab;
  margin: 0 0 1em 0;
}
#mn4 .sub fieldset,
.render-include .sub fieldset {
  padding: 1em 3.5% 3.5% 3.5%;
  background: none !important;
  margin: 0;
}
#mn4 .sub input[type="text"],
.render-include .sub input[type="text"] {
  width: 90%;
  float: left;
  border: 1px solid #BFC5CA !important;
}
#mn4 .sub .button,
.render-include .sub .button,
#mn4 .sub #search_issues_go,
.render-include .sub #search_issues_go {
  padding: .8em .5em .7em .5em !important;
  float: right;
  background: #7c92ab;
  color: #7c92ab !important;
  font-family: 'Trade Gothic W02 Bold', sans-serif;
  width: 7%;
}
#mn4 .sub #legislation,
.render-include .sub #legislation,
#mn4 .sub #static-issue-list,
.render-include .sub #static-issue-list {
  padding-bottom: 1.5em !important;
  width: 100% !important;
}
#mn4 .sub #legislation li,
.render-include .sub #legislation li,
#mn4 .sub #static-issue-list li,
.render-include .sub #static-issue-list li {
  margin-right: 3%;
  width: 30%;
  float: left !important;
}
#mn4 .sub #legislation li img,
.render-include .sub #legislation li img,
#mn4 .sub #static-issue-list li img,
.render-include .sub #static-issue-list li img {
  margin: 0;
}
#mn4 .sub #legislation,
.render-include .sub #legislation {
  border-bottom: 1px solid #66809D;
  margin: 0;
  padding: 1.5em 0 1.5em 1.5em;
}
#mn4 .sub #legislation li,
.render-include .sub #legislation li {
  width: 50% !important;
}
.ie7 .wide .sub {
  position: absolute !important;
  top: 55px !important;
  left: 0;
}
.ie7 .wide .sub input[type="text"] {
  width: 88%;
}
/* li > .sub ul li a		*/#main-nav #results {
  background: #66809d url(/web/20160625014633im_/http://www.whitehouse.senate.gov/styles/img/noise.png) 0 0 repeat;
  margin: 0 !important;
  padding: 0;
  width: 100% !important;
}
#main-nav #results ul {
  padding-left: 0;
}
#main-nav #results li {
  width: 100% !important;
  margin: 0;
  border-bottom: 1px solid #59718b;
  clear: both;
  padding: 3% 2%;
  overflow: auto;
  color: #fff;
  color: rgba(255, 255, 255, 0.99);
  /* this is a fix for Chrome which for some reason seems to freak out with hex values or rgb*/

}
#main-nav #results li:hover {
  background: #92a4b9;
}
#main-nav #results a {
  font-size: 1.6em !important;
  text-transform: none;
  color: #fff !important;
  padding: 0;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  hyphens: manual;
}
#main-nav #results h3 {
  padding: 0;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  hyphens: manual;
}
#main-nav #results li:last-child {
  margin-bottom: 0;
}
#main-nav #results img {
  float: left;
  padding: 0;
  margin: .25em 0 0 .55em;
  overflow: auto;
}
#main-nav #results .result-text {
  float: left;
  width: 70%;
  margin-left: 2em;
  overflow: auto;
}
#main-nav #results .no-img .result-text {
  width: 90%;
}
#main-nav #results p {
  color: #fff;
}
/*
** 900
**
** DESCRIPTION:	Styles that apply to screens 900 pixels wide and down
** USAGE:		
** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens
**
*/
@media only screen and (max-width: 900px) {
  #main-nav ul li {
    font-size: 1em;
  }
}
/*
** 480
**
** DESCRIPTION:	Styles that apply to screens 480 and bellows pixels wide and down
** USAGE:		
** NOTES: Typically this means mobile phones held in portrait
**
*/
@media only screen and (max-width: 600px) {
  #main-nav {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    background: #7c92ab;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
  }
  #main-nav .container {
    max-width: 100%;
    min-width: 100%;
  }
  #main-nav .container h1 {
    margin: 0;
    width: 100%;
    font-size: 1.231em;
    text-align: center;
    display: block;
    padding: .8em 0;
    text-index: 0;
    font-family: 'Trade Gothic W02 Bold 2', sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #BFC5CA;
  }
  #main-nav .container h1 a {
    color: #fff !important;
  }
  #main-nav .container h1 a:hover {
    text-decoration: none;
    background: none;
  }
  #main-nav .container > ul {
    display: block;
    margin: 0;
    position: absolute;
    background: #7c92ab !important;
    overflow: hidden !important;
    height: 0;
    width: 100%;
    border-left: none;
    border-right: none;
  }
  #main-nav .container > ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    background: #7c92ab !important;
    text-transform: none;
    font-size: 1.1em;
    padding: .25em 1em 1em 1em !important;
    margin: 0;
    float: left;
    height: 54px;
    width: 50% !important;
    float: left;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    border: none;
    border-bottom: 1px solid  #BFC5CA;
  }
  #main-nav .container > ul li a {
    color: #fff !important;
  }
  #main-nav .container > ul li:nth-child(odd) {
    border-right: 1px solid  #BFC5CA;
  }
  #main-nav .container > ul .sub {
    display: none !important;
  }
}

/*
     FILE ARCHIVED ON 01:46:33 Jun 25, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:56:37 Nov 06, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 149.03
  exclusion.robots: 0.184
  exclusion.robots.policy: 0.177
  cdx.remote: 0.063
  esindex: 0.01
  LoadShardBlock: 114.878 (3)
  PetaboxLoader3.datanode: 70.284 (4)
  CDXLines.iter: 17.9 (3)
  PetaboxLoader3.resolve: 68.934 (3)
  load_resource: 45.953
*/