/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
body {line-height: 1.2;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* [[X/COMPAT]] tables still need 'cellspacing="0"' in the markup 
table {border-collapse: collapse; border-spacing: 0;}*/

/* TOOLS
 * - Has associated fix. See [explorer.css]
 */
.clear:after {display:block; visibility:hidden; clear:both; height:0; content: ".";}

/* MAIN [[tbd:notes]] */
html, body {background:#003063 url("/lib/images/bg_stripe_blk-blu.gif") left top repeat; text-align:center;}

/* Primary containing block for all page areas. */
div.widthControl {background-color:#fff; border:1px solid #000; border-width:0 1px; margin:0 auto; text-align:left; width:780px;}
/* Controls white padding around search, vNav, content, and ldUpdated areas */
div.bodyPadding {padding:5px; /* !!! width reduction: 770px !!! */ }

/* HEAD 
 * - Dependancy: [hNav_matrix.gif] > Supplies graphic elements to tNav and hNav navigation areas. Graphics are
 *   are positioned on either hard edge (L or R), and stacked vertically with coordinates:
 * 		+ [-290px] = tNav curve graphic (left)
 * 		+ [-311px] = tNav divider (right)
 */
#head {background:#fff url("/lib/images/faaHeader.jpg") left top no-repeat; height:75px; position:relative;}
	#audienceBox {clear:right; padding:0 8px 0 0; height:37px;}
		#audienceBox form {float:right; padding-top:13px;}
		#audienceBox select {font-size:11px; vertical-align:bottom;}
		#audienceBox input {vertical-align:middle;}
	#logoLink {display:block; height:75px; text-indent:-9999px; width:195px; position:absolute; top:0; left:15px;}
	#topNav {background:transparent url("/lib/images/hNav_matrix.gif") no-repeat; background-position:left -290px; float:right; padding:0 0 0 46px; height:25px; overflow:hidden;}
		#topNav ul {margin:0; padding:0; list-style:none; background:#DA923A;}
		#topNav li {float:left; padding:0 2px 0 0; background:#DA923A url("/lib/images/hNav_matrix.gif") no-repeat; background-position:right -311px;}
			#topNav li.last {padding:0; background-image:none;}
		#topNav li a {background:#DA923A; color:#111; font-size:70%; font-family:Verdana, Arial, Helvetica, sans-serif; float:left; height:25px; line-height:1.8; padding:0 10px; display:block;}

/* Horizontal Navigation
 * - hNav styles account for technical difficulties spanning multiple browsers.
 * - Any alterations must be thoroughly tested cross-browser.
 * - Dependancy: [hNav_matrix.gif] > Supplies graphic elements to tNav and hNav navigation areas. Graphics are
 *   are positioned on either hard edge (L or R), and stacked vertically with coordinates:
 *		+ [0px] = hNav gradient background (left)
 * 		+ [-41px] = hNav end cap (left)
 * 		+ [-82px] = hNav end cap (right)
 * 		+ [-123px] = hNav hover effect background (left)
 * 		+ [-164px] = hNav hover effect cap (right)
 *		+ [-205px] = hNav active effect background (left) -- NOT IMPLEMENTED
 * 		+ [-246px] = hNav active effect cap (right) -- NOT IMPLEMENTED
 */
#hNav {height:41px; clear:right;}
	#hNav ul {margin:0; padding:0; list-style:none; height:41px; background:#316cc1 url("/lib/images/hNav_matrix.gif") left top repeat-x; overflow:hidden;}
	#hNav li {float:left; border-left:1px solid #DFEDFF;}
		#hNav li.first {border-left:none;}
			#hNav li.first a {background:transparent url("/lib/images/hNav_matrix.gif") left -41px no-repeat;}
			#hNav li.last a {background:transparent url("/lib/images/hNav_matrix.gif") right -82px no-repeat;}
				#hNav a  {font-weight:bold; text-align:center; font-size:70%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; height:41px; display:block;}
				#hNav a:hover {text-decoration: none;}
					/* i1 and i2 emulate table block rules for compliant browsers to achieve vertical centering */
					#hNav span.i1 {display:table; height:41px; overflow:hidden;}
					#hNav span.i2 {display:table-cell; vertical-align: middle;}
					/* i3 is currently only active in IE. See [explorer.css] */
					#hNav span.i3 {}
		
					/* - html[lang] prevents IE7 from seeing these rules
					 * - In cases other than IE, width must be applied to i2, the virtual cell container
					 */
					html[lang] #hNav a.aircraft span[class].i2		{width:108px;}
					html[lang] #hNav a.airports span[class].i2		{width:110px;}
					html[lang] #hNav a.data span[class].i2			{width:106px;}
					html[lang] #hNav a.education span[class].i2		{width:110px;}
					html[lang] #hNav a.licenses span[class].i2		{width:110px;}
					html[lang] #hNav a.regulations span[class].i2	{width:120px;}
					html[lang] #hNav a.safety span[class].i2		{width:110px;}
		/* Hover effects */
		#hNav li.hover {border-left:none; background:transparent url("/lib/images/hNav_matrix.gif") left -123px no-repeat; padding-left:1px;}
		#hNav li.first.hover {padding-left:0;}
			#hNav li.hover a {background:transparent url("/lib/images/hNav_matrix.gif") right -164px no-repeat; color:#3d3d3d;}
		/* Modifies right-adjacemnt of hovered menu item. Rule has associated fixes: see [ie6.css] */
		#hNav li.hoverAdjacent, #hNav li.firstHoverAdjacent {border-left:none; padding-left:1px;}
		/* Active styles need to be worked out */
		/* #hNav li a.active 		{background:transparent url("/lib/images/hNavActiveTab_left.png") no-repeat; background-position:left -205px; color:#222;}
			#hNav li.last a.active {margin-left:0; width:104px;}
			#hNav li a.active span {background:transparent url("/lib/images/hNavActiveTab_right.png") no-repeat; background-position:right -246px; position:relative; right:-5px;}*/
			
#search {border-bottom:1px dotted #ddd;}
	#quickFindBox {float:right; margin:5px 3px 10px 0;}
		html[lang] #quickFindBox > form {padding-top:2px;}
		#quickFindBox label {display:none;}
		#quickFindBox select {font-size:11px; vertical-align:bottom;}
		#quickFindBox input {vertical-align:middle;}
	#googleBox {float:right; margin:5px 10px 10px 0;}
		#googleBox form {}
		#googleBox label {font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif;}
		#googleBox input {font-size:11px; vertical-align:bottom;}
		#googleBox #gButton {vertical-align:middle;}
		
/* Vertical Navigation
 * - This section has associated browser fixes. See [explorer.css]
 */
#vNav {color:#3d3d3d; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; margin-top:15px; text-align:left; width:146px; float:left;}
	#vNav a {color:#3d3d3d;}
	#vNav a.here {font-weight:bold;}
	#vNav ul {margin:0; padding:0; list-style:none;}
	#vNav li {margin:0; padding:0; list-style:none;}

		/* Structure: w|h|p|m|b */
		#vNav ul ul li {border-bottom:1px solid; padding-bottom:1px;}
		#vNav ul.S1e ul li {border-bottom:0;}
		#vNav ul ul ul li {border-bottom:0;}
		#vNav ul li a {display:block; padding:7px 2px 7px 12px; width:132px;}
		#vNav ul.S1e li a {padding-bottom:7px;}
		#vNav ul ul li.isLB {padding-bottom:6px;}
		#vNav ul ul li.isLB a {padding-bottom:2px;}
		#vNav ul ul li.isLB li.isLB {padding-bottom:0;}
		#vNav ul ul ul li a {padding:2px 0 2px 11px; margin-left:14px; width:116px;}
		#vNav ul ul ul li a {border-bottom:0;}
		#vNav ul ul ul ul li a {margin-left:26px; width:107px;}
		
		/* Presentation: b|c|f/w */
		#vNav ul.S1, #vNav ul.S1e {background:#1187e7;}
		#vNav ul.S1 ul li {border-color:#1187e7;}
		#vNav ul.S1e ul li {background:#fff url("/lib/images/1px_dot_emp_sb.gif") bottom left repeat-x;}
		#vNav ul.S2 {background:#a1a1a1;}
		#vNav ul.S2 ul li {border-color:#a1a1a1;}
		#vNav ul.S3 {background:#de9239;}
		#vNav ul.S3 ul li {border-color:#de9239;}
		#vNav ul li a {color:#fff; font-weight:bold;}
		#vNav ul ul {background:#fff;}
		#vNav ul ul li a {color:#3d3d3d; font-weight:normal;}
		#vNav ul ul li a.here {color:#1187e7; background:#efeee9;}
		#vNav ul.S1e ul li a.here {background:#efeee9;}
		#vNav ul ul li.isLB {background:#efeee9 url(/);}
		#vNav ul.S1e ul li.isLB {background:#efeee9 url("/lib/images/1px_dot_emp_sb.gif") bottom left repeat-x;}
		#vNav ul ul li.isLB a {color:#1187e7;}
		#vNav ul.S1e ul li.isLB a.here {background:#efeee9;}
		#vNav ul ul li.isLB ul li a {color:#3d3d3d;}
		#vNav ul ul ul {background:#efeee9;}
		#vNav ul.S1e ul ul li {background:#efeee9 url(/);}
		#vNav ul ul ul li a {background:transparent url("/lib/images/sb_arrow_blue.gif") top left no-repeat !important;}
		#vNav ul ul ul li a.here {color:#3d3d3d;}

/* Styling of inner content happens further below */
#content {font-family:Arial, Helvetica, sans-serif; float:right; margin-top:15px; text-align:left; width:610px;}

#lastUpdate {background:transparent url("/lib/images/footer_matrix.png") left bottom no-repeat; overflow:hidden; padding:12px 5px 18px 0; clear:both; font-family:Arial, Helvetica, sans-serif;}
	#lastUpdate p {font-size:65%; line-height:1; text-align:right;}

#footer {background-color:#c0e4fe; font-size:60%; font-family:Verdana, Arial, Helvetica, sans-serif; padding:16px 0 14px 20px;}
	#footer div.address {float:left; padding-right:10px;}
		#footer div.address a {display:block; width:55px; height:55px; background:transparent url("/lib/images/footer_matrix.png") -780px top no-repeat; margin-right:6px; text-indent:-9999px; float:left;}
		#footer div.address p {padding-top:3px;}
	#footer div.textLinks {border:solid #adadad; border-width:0 1px; padding-right:10px; float:left;}
		#footer div.textLinks a {color:#575757;}
		#footer div.textLinks ul {float:left; font-weight:bold;}
			#footer div.textLinks li {padding:0 10px;}
			#footer div.textLinks ul.listLeft {}
			#footer div.textLinks ul.listRight {border-left:1px solid #adadad;}
	#footer div.readersViewers {float:left; padding-left:10px;}
		#footer div.readersViewers p {color:#03C; font-weight:bold; padding-bottom:2px;}
		#footer div.readersViewers ul {}
		#footer div.readersViewers li {float:left; padding-right:7px;}
		#footer div.readersViewers a {width:16px; height:16px; display:block; background-image:url("/lib/images/footer_matrix.png"); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
			#footer div.readersViewers li.pdf a {background-position:-835px top;}
			#footer div.readersViewers li.ppt a {background-position:-851px top;}
			#footer div.readersViewers li.zip a {background-position:-867px top; width:14px;}
			#footer div.readersViewers li.doc a {background-position:-881px top;}
			#footer div.readersViewers li.xls a {background-position:-897px top; width:15px; height:17px;}

/* PAGE CONTENT: HEAD AREA */
#pageHead {}
	#pageHead #pageTools {background-color:#f7f7f7; border:1px solid #e9e9e9; float:right; font-size:60%; font-weight:bold; margin:5px 0 0 5px; padding:0; width:225px;}
		#pageHead #pageTools li {float:left; list-style:none; margin:.3em 0; padding:0 0 0 1em;}
		#pageHead #pageTools a {background:transparent url("/lib/images/pageTools_matrix.png") no-repeat; display:block; padding:1px 0 1px 20px; width:90px;}
		#pageHead #pageTools li.print a {background-position:0 0;}
		#pageHead #pageTools li.email a {background-position:0 -100px; width:70px;}
		#pageHead #pageTools li.subscribe a {background-position:0 -200px;}
		#pageHead #pageTools li.feed a {background-position:0 -300px; width:70px;}
	#pageHead h1.pageTitle {font-size:120%; margin-bottom:2px;}
	#pageHead h1.pageSubtitle {font-size:115%; color:#808080; margin-bottom:5px; font-weight:bold;}
	#pageHead p.lastUpdate {font-size:86%; margin-bottom:3px; margin-top:8px;}
	#pageHead hr {border:solid #888; border-width:1px 0 0;}

/* PAGE CONTENT: USER INPUT */

/* GLOBAL STYLES */
.hidden {display:none;}