/*----------------------------------------------------------------------------------------*/
/*---------------------------- First, a reset--------------------------------------------*/
/*----------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	
	font-size: 62.5%;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 1;
	color: black;
	background: white;
}

ul {
	list-style: none;
}

em {

	font-style: italic;

	}
	
blockquote em {

	font-style: normal;

	}
	
strong {

	font-weight: bold;

	}
	
acronym {

	border-bottom: 1px dotted #ccc;

	}
	
	acronym:hover {
	
		border-bottom: 1px dotted #fc0;
	
		}

/*-----------------------------------------------------------------------------------------*/
/*---------------------------- Header Styles -------------------------------------------*/
/*---------------------------------------------------------------------------------------*/

h2 a.disappear, span.outtaHere {

	display: block;
	position: absolute; left: -9999px; top: -9999px;

	}
	
#header {
	
	position: relative;
	height: 304px;
	
	}
	
	#header span {
	
		display: block;
		position: absolute; left: -9999px; top: -9999px;
	
		}
		
	.keysLink {
	
		display: block;
		position: absolute; left: 50%; top: 74px;
		margin-left: 260px;
		height: 53px;
		width: 100px;
		background: url("../images/keys-to-access-link.jpg") no-repeat left top;
		text-indent: -9999px;
	
		}
		
		.keysLink:hover, .keysLink:focus {
		
			background-position: left -53px;
		
			}
		
	/*header navigation list*/
	
	#header ul {
		
		height: 180px;
		width: 652px;
		position: absolute;
		left: 50%;
		top: 127px;
		margin-left: -325px;
		
		}
		
		#header li {
			
			display: inline;
			float: left;
			height: 180px;
			
			}
			
			#header li a {
				
				display: block;
				background-position: left 0px;
				background-repeat: no-repeat;
				height: 180px;
				
				}
	
	#header h1 {
		
		height: 304px;
		width: 100%;
		background: url("../images/header-title.jpg") no-repeat center top;
		
		}
		
		#header li a.nad {
				
			width: 200px;
			background-image: url("../images/nad-head.jpg");
				
			}

		#header li a.dcmp {
			
			width: 252px;
			background-image: url("../images/dcmp-head.jpg");
			
			}

		#header li a.afb {
			
			width: 200px;
			background-image: url("../images/afb-head.jpg");
			
			}

			#header li a.nad:hover, #header li a.nad:focus, #header li a.dcmp:hover, #header li a.dcmp:focus, #header li a.afb:hover, #header li a.afb:focus {
				
				background-position: left -180px;

				}

/*-----------------------------------------------------------------------------------------*/
/*---------------------------- Content Styles ------------------------------------------*/
/*---------------------------------------------------------------------------------------*/

/*The following provide layout, rounded content corners, and background images*/

#wrap {

	min-width: 998px;

	}

#content {
	
	width: 70%;
	display: inline;
	float: left;	
	background: url("../images/content-r-slice.png") repeat-y right top;
	position: relative;
		
	}
	
#content a {

	text-decoration: none;

	}
	
	#content a:hover, #content a:focus {
	
		text-decoration: underline;
	
		}
	
	#contentWrap, #contentDescriptionVendors, #contentCaptionVendors, #contentFAQ, #contentAbout {
		
		background: url("../images/content-l-slice.png") repeat-y left top;
		position: relative;
		
		}
		
		#contentWrapInner {
		
			padding: 0px 20px;
			position: relative;
		
			}
		
	#contentTOP {
			
		height: 19px;
		background-image: url("../images/content-t-slice.png");
			
		}
				
	#contentBOTTOM {
	
		height: 19px;
		background-image: url("../images/content-b-slice.png");
		clear: both;
	
		}
		
	#contentTL, #contentTR, #contentBL, #contentBR {
			
		height: 19px;
		width: 20px;
		background-repeat: no-repeat;
		background-position: left top;
			
		}
		
	#contentTL {
			
		display: inline;
		float: left;
		background-image: url("../images/content-tl-cnr.png");
		
			}
			
	#contentTR {
	
		display: inline;
		float: right;
		background-image: url("../images/content-tr-cnr.png");
	
		}
		
	#contentBL {
	
		display: inline;
		float: left;
		background-image: url("../images/content-bl-cnr.png");
	
		}
		
	#contentBR {
	
		display: inline;
		float: right;
		background-image: url("../images/content-br-cnr.png");
	
		}
		
/*End rounded corners, background images, and layout of content*/

#content h2, #content h3, #content h4 {

	font-family: "trebuchet ms", geneva, sans-serif;
	font-weight: bold;

	}

#content h2 {

	color: #09c;
	font-size: 2em;
	line-height: 2.4em;
	margin-bottom: 1em;

	}
	
#content h3 {
	
	color: #666;
	font-size: 1.7em;
	line-height: 1.9em;
	margin: 25px 0;
	
	}
	
#content h4 {

	font-size: 1.5em;
	width: 90%;
	margin: .7em 5%;

	}
	
#content ol, #content ul, #content p {

	font-size: 1.2em;
	line-height: 1.5em;
	width: 90%;
	margin: .7em 5%;
	position: relative;

	}
		
	#content ol {
	
		width: 85%;
		padding-left: 5%;
	
		}
		
		#content ol li, #content ul li {
	
			margin: 1.5em 0;
			border-bottom: 1px dotted #ccc;
			padding-bottom: 1.5em;
			clear: both;
		
			}
		
		#content ul span, #content ol span {
					
			display: block;
		
			}
			
		
	#content ul.subPoint {
	
		font-size: 1.1em;
		font-family: "trebuchet ms", geneva, helvetica, sans-serif;
		list-style: disc;
		padding: 1.5%;
		padding-left: 6.5%;
		margin: 1.5em 0;
		border: 3px double #cf6;
	
		}
		
		#content ul.subPoint li {
		
			border: 0;
			padding: 0;
		
			}
			
		#content span.guidelineNote {
			
			display: block;
			color: #333;
			font-size: 1.2em;
			margin: 1em auto;
			font-family: "trebuchet ms", geneva, helvetica, sans-serif;
			border: 3px double #cf6;
			padding: 30px 20px 30px 100px;
			background: url("../images/note_button-trans.png") no-repeat 5px 8px #fff;
			
			}
			
			#content span.sub {
			
				margin-top: 1.2em;
			
				}

/*-----------------------------------------------------------------------------------------*/
/*---------------------------- Vidcontainer Styles-------------------------------------*/
/*---------------------------------------------------------------------------------------*/
	
.vidContainer {

	padding: 0;
	width: 90%;
	margin: 0 5%;
	position: relative;

	}
	
	ol .vidContainer {
	
		width: 100%;
		font-size: .8em;
	
		}
	
	.vidContainer div {
	
		display: block;
		background: url("../images/example_clip_frame-trans.png") no-repeat left top;
		padding: 25px 25px 25px 75px;
		width: 480px;
		height: 360px;
		margin: 0 auto;
		position: relative;
	
		}

		.vidContainer div.noScript, .vidContainer div.flashLess {

			background-image: none;
			background-color: #000;
			padding: 0;
			width: 80%;
			height: auto;
			margin: 0 10%;
			position: relative;
			top: -50%;
			border: 1px dotted #ff0;

			}

			.noScript span, .flashLess span {

				display: block;
				margin: 1em 5% 1em 5%;
				color: #ff0;

				}

			.noScript a, .flashLess a {
				
				color: #fff;
				font-size: 1.2em;
				display: block;
				margin: 0 5% 1em 5%;
				
				}

/*Specific to description introduction*/
		
#content blockquote p {

	width: 80%;
	line-height: 1.4em;
	font-size: 1.2em;
	font-style: italic;
	color: #333;
	padding: 5px 0 5px 62px;
	min-height: 28px;
	margin: .8em auto;
	background-image: url("../images/blockquote.png");
	background-repeat: no-repeat;
	background-position: left 5px;

	}
	
/*Specific to job descriptions*/

#content #describer, #content #voicer, #content #descriptionAudience {
			
	display: inline;
	float: left;
	margin: 0 5% 1em 5%;
	width: 40%;
	padding: 0;
	position: relative;

	}
		
		#content #describer h3, #content #voicer h3, #content #descriptionAudience h3 {
		
			border: 0;
			padding: 10px 0 10px 82px;
			min-height: 90px;
			letter-spacing: normal;
			background-position: left center;
			background-repeat: no-repeat;
		
			}
			
		#content #describer p, #content #voicer p, #content #descriptionAudience p {
		
			width: 95%;
		
			}
			
			#content #describer h3 {
			
				background-image: url("../images/describer_button-trans.png");
			
				}
				
			#content #descriptionAudience h3 {
			
				background-image: url("../images/audience_button-trans.png");
			
				}
				
			#content #voicer h3 {
			
				background-image: url("../images/voicer_button-trans.png");
			
				}
				
/*Specific to site map*/

#content .sM h3 {
					
	margin: 2em 5%;
	padding-top: 20px;
		
	}

#content ul.siteMapul, #content ul.siteMapul ul  {

	list-style: disc;
	width: 90%;
	border: none;
	color: #09c

	}
	
	#content ul.siteMapul ul  {
	
		margin-left: 0;
		font-size: .9em;
		list-style: square;
		color: #fc0;
	
		}
	
	#content ul.siteMapul li {
	
		border: 0;
		margin: 0 0 2% 10%;
		padding: 0 2%;
	
		}
		
		#content ul.siteMapul li h4 {
		
			font-family: "trebuchet ms", geneva, arial, sans-serif;
			font-size: 1.3em;
			margin: 0;
		
			}
			
			#content h3 a, #content ul.siteMapul a {
			
				color: #09c;
				text-decoration: none;
			
				}
				
			#content h3 a:hover, #content h3 a:focus, #content ul.siteMapul a:hover, #content ul.siteMapul a:focus {
			
				text-decoration: underline
				
				}
				
/*Specific to FAQ page*/

ul#faqList {

	border-bottom: 0;
	margin-top: 25px;
	margin-bottom: 1em;

	}

	ul#faqList li {
		
		border-top: 0;
		padding: 0;
		margin-bottom: .8em;
		
		}
		
		ul#faqList li a {
		
			display: block;
			text-decoration: none;
			border-bottom: 1px dotted transparent;
			border-top: 1px dotted transparent;
			color: #09c;
			padding: 3px 0;
		
			}
			
.faqImg {

	display: block;
	width: 463px;
	margin: 2em auto;

	}
				
/*----------------specific to About page------------------------------------------------*/

ul#panel, ul#designer {

	position: relative;
	border: 0;
	width: 604px;
	margin: 0 auto;

	}
	
	ul#panel li, ul#designer li {
	
		clear: none;
		display: inline;
		float: left;
		padding: 0;
		border: 0;
		margin: 0 10px 30px 10px;
		width: 282px;
	
		}
		
		ul#panel li h4, ul#designer li h4 {
		
			font-size: 1.4em;
			color: #09c;
			margin: 0;
			padding: 0;
			border-bottom: 2px solid #09c;
		
			}
			
			ul#panel img, ul#designer img {
			
				display: block;
			
				}
			
			ul#panel a.panelPic, ul#designer a.panelPic {
			
				display: inline;
				float: left;
				text-decoration: none;
				display: block;
				width: 133px;
				height: 125px;
				margin: 10px 0 10px 0;
				position: relative;
				line-height: 1;
			
				}
				
				ul#panel a.panelPic .preview, ul#designer a.panelPic .preview {
				
					display: none;
				
					}
					
					ul#panel li:hover a .preview, ul#panel a.panelPic:hover .preview, ul#designer li:hover a .preview, ul#designer a.panelPic:hover .preview {
					
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 1;
					
						}
						
					ul#panel li:hover, ul#designer li:hover {
					
						background-color: #ffffe6;
					
						}
			
			ul#panel li span, ul#designer li span {
			
				display: block;
				font-weight: normal;
			
				}
				
				ul#panel li span.epTitle, ul#designer li span.epTitle {
				
					display: inline;
					float: left;
					margin: 10px 0 0 10px;
					width: 132px;
				
					}
					
					ul#panel li span.epTitle span, ul#designer li span.epTitle span {
					
						font-size: 1em;
						display: block;
						margin-top: 10px;
					
						}
					
				.epQuoteTop {
				
					clear: both;
					background: url("../images/quote-top.png") no-repeat left top;
					width: 282px;
					height: 65px;
				
					}
					
				.epQuote {
				
					background: url("../images/quote.png") repeat-y left top;
					padding: 5px 34px 0 32px;
				
					}
					
				.epQuoteBottom {
				
					background: url("../images/quote-bottom.png") no-repeat left top;
					width: 282px;
					height: 31px;
				
					}

/*-----------------------------------------------------------------------------------------*/
/*---------------------------- Sidebar Styles ------------------------------------------*/
/*---------------------------------------------------------------------------------------*/

#navigation {
		
	display: inline;
	float: left;
	width: 26%;
	margin-left: 3%;

	}
	
	#navigation h2 {
	
		background-position: center top;
		background-repeat: no-repeat;
		height: 123px;
		margin: 0 auto 1em auto;
			
		}
	
	#navigation h2 span {
				
		position: absolute;
		left: -9999px;
				
		}
		
	#navigation ul {
			
		list-style: none;
		width: 90%;
		margin: 0 5%;

		}
		
		#navigation li {
		
			font-family: "trebuchet ms", geneva, "sans serif";
			display: block;
			font-size: 1.4em;
			text-align: right;
		
			}
			
			#navigation li.active {
			
				color: #09c;
				font-weight: bold;
				padding: 25px 0 25px 85px;
				background-image: url("../images/active-bg-trans.png");
				background-position: left center;
				background-repeat: no-repeat;
			
				}
				
				#navigation li a {
				
					display: block;
					color: #666;
					text-decoration: none;
					padding: .5em 0 .5em 87px;
				
					}
			
					#navigation li a:hover, #navigation li a:focus {
							
						background-image: url("../images/link-hover-key.png");
						background-position: left center;
						background-repeat: no-repeat;
						border-bottom: 2px solid #09c;
				
						}

/*Navigation specific to description key*/

#navigation h2.explore {

	background-image: url("../images/navigation-h2.png");

	}
	
#navigation h2.search {

	background-image: url("../images/navigation-h2-search.png");

	}

#navigation li.active, #navigation li a {
					
	border-bottom: 2px solid #cf6;
	
	}
	
/*Search Box*/

#cse-search-box {

	width: 90%;
	margin: 0 5%;
	position: relative;
	text-align: center;

	}
	
	#cse-search-box .searchText {
	
		width: 95%;
		margin-bottom: .6em;
		text-align: left;
	
		}

/*site map link*/

#navigation li.siteMap, #navigation li.faq {
					
	padding: 20px 0 10px 0;
	margin: 0;
	border-top: 0;
	border-bottom: 0;

	}
	
	#navigation ul li.siteMap a, #navigation ul li.faq a {
	
		background-position: right top;
		background-repeat: no-repeat;
		border-top: 0;
		border-bottom: 0;
		line-height: 50px;
		padding: 0 57px 0 0;
	
		}
	
	#navigation ul li.siteMap a {
	
		background-image: url("../images/map_semi.png");

		}
		
	#navigation ul li.faq a {
	
		background-image: url("../images/faq_off.png");
	
		}
			
		#navigation li.siteMap a:hover, #navigation li.siteMap a:focus {
		
			background-image: url("../images/map_on.png");
			background-position: right top;
		
			}
			
		#navigation ul li.faq a:hover, #navigation ul li.faq a:focus {
		
			background-image: url("../images/faq_on.png");
			background-position: right top;
		
			}
	
#navigation li a:hover, #navigation li a:focus {

	border-bottom: 2px solid #09c;

	}
	
/*font size adjustment and style sheet switcher--hidden by default*/

#fontChange {
			
	width: 90%;
	margin: 25px 5% 10px 5%;
	text-align: center;
			
	}
	
#styleSwitch {
			
	clear: both;
	width: 90%;
	margin: 0 5% 10px 5%;
			
	}
	
	#fontChange h3, #styleSwitch h3 {

		clear: both;
		text-align: center;
		text-transform: uppercase;
		font-size: 1em;
		color: #09c;
		padding: 10px 0;
		margin-bottom: 25px;
		font-weight: bold;

		}
	
		#fontChange h3 span, #styleSwitch h3 span {
					
			display: block;
			margin-top: 1em;
			text-transform: none;
			color: #999;
		
			}
			
		#fontChange span a {
				
			display: inline;
			float: left;
			width: 33%;
			height: 33px;
			background-repeat: no-repeat;
			background-position: center bottom;
		
			}
			
			#fontChange span a:hover, #fontChange span a:focus {
				
				background-position: center top;
				outline: 0;
			
				}
				
				#fontPlusPlus:after, #styleSwitch:after, span.epTitle:after, a.panelPic:after, ul#panel:after{

					content: ".";
					display: block;
					height: 0px;
					font-size: 0px;
					clear: both;
					visibility:hidden;
					overflow: hidden;

					}
					
	#styleSwitch ul {
	
		width: 100%;
		margin: 0;
	
		}
		
		#styleSwitch li a:hover, #styleSwitch li a:focus {
							
			background-image: url("../images/chng_style-trans.png");
		
			}
			
		#styleSwitch li a:active {
		
			background-image: none;
		
			}
	
/*description key font/style switcher*/

#fontChange h3, #styleSwitch h3 {

	border-bottom: 3px double #cf6;
	border-top: 3px double #cf6;

	}
	
#fontReset a {

	background-image: url("../images/font_reset.png");

	}

#fontPlus a {

	background-image: url("../images/font_plus.png");

	}

#fontPlusPlus a {

	background-image: url("../images/font_plus_plus.png");
	margin-bottom: 25px;

	}
	
/*hide style/font switchers until jQuery enables them*/

#styleSwitch, #fontChange {

	display: none;

	}
	
/*--------------Contact Us Box Styles------------------------------------------------*/

#contactUs {

	clear: both;
	margin: 75px 0 0 0;
	border: 3px double #cf6;
	position: relative;
	padding-top: 50px;
	padding-bottom: 20px;

	}
	
	#contactUs h3 a {
	
		display: block;
		width: 150px;
		height: 81px;
		margin-left: -75px;
		position: absolute;
		top: -50px;
		left: 50%;
		background: url("../images/contact_h3.png") no-repeat left top;
	
		}
		
		#contactUs h3 span {
		
			position: absolute;
			left: -9999px;
			top: -9999px;
		
			}
		
	#contactUs p {
	
		width: 90%;
		text-align: center;
		font-size: 1.2em;
		line-height: 1.4em;
		margin: 0 5% .8em 5%;
	
		}
		
	#contactUs .bottom {
	
		border-top: 3px double #cf6;
		padding-top: 1.6em;
		margin-top: 1.6em;
	
		}
		
	#contactUs a {
	
		text-decoration: none;
	
		}
		
		#contactUs a:hover, #contactUs a:focus {
		
			text-decoration: underline;
		
			}
	
	
/*-----------------------------------------------------------------------------------------*/
/*---------------------------- Footer  Styles ------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
	
#footer {
	
	max-width: 1300px;
	margin: 0 auto;
	clear: both;
	position: relative;

	}
	
	#footer #footerTop {
		
		background-repeat: no-repeat;
		background-position: center top;
		width: 100%;
		height: 26px;
	
		}
		
	#footer #footerWrap {
	
		background-repeat: repeat-x;
		background-position: center top;
		min-height: 245px;
		color: #666;
		width: 100%;
	
		}
		
/*description key specific footer styles*/

#footerWrap {

	background-image: url("../images/footer-slice.png");

	}
	
	#footerTop {
	
		background-image: url("../images/footer-top.png");
	
		}
		
	#dcmpInfo {
		
		display: inline;
		float: left;
		width: 31%;
		margin: 0 2% 0 2%;
		padding-top: 20px;
	
		}
		
		#dcmpInfo img {
		
			display: inline;
			float: left;
			margin: 1em 10px 1em 0;
		
			}
		
		#dcmpInfo p {
		
			margin: 1em 0 1em 96px;
		
			}
		
	#dcmpLinks {
	
		display: inline;
		float: left;
		width: 12%;
		margin: 0 2% 0 0;
		padding-top: 20px;
		
		}
	
	#partnerLinks {

		display: inline;
		float: left;
		width: 20%;
		margin: 0 2% 0 0;
		padding-top: 20px;

		}
		
	#descriptionResources {
		
		display: inline;
		float: left;
		width: 20%;
		margin: 0 2% 0 0;
		padding-top: 20px;
	
		}
		
		#footer h3 {
		
			font-size: 1.3em;
			border-bottom: 1px dotted #666;
			padding: .5em 0;
		
			}
			
		#footer ul {
		
			list-style: none;
			font-size: 1.1em;
			margin: .6em 0;
		
			}
			
			#footer ul li {
			
				padding: .6em 0;
			
				}
				
				#footer ul li a {
				
					color: #666;
					text-decoration: none;
				
					}
					
					#footer ul li a:hover, #footer ul li a:focus {
					
						text-decoration: underline;
					
						}
						
/*Wufoo Form*/

iframe {

	display: block;
	width: 90%;
	margin: 1em auto;
	height: 1000px;
	border: 0;

	}
	
/*hide the text only/high contrast/address bits*/

#textNote, #hcNote, #dcmpContactInfo {

	display: none;

	}
	
/*-----------------------------------------------------------------------------------------*/
/*---------------------------- jQuery Classes ------------------------------------------*/
/*---------------------------------------------------------------------------------------*/	

.vidContainer a.showHide {

	display: block;
	text-decoration: none;
	color: #09c;
	font-weight: bold;
	outline: 0;
	min-height: 30px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 40px;
	line-height: 30px;
	margin-top: 20px;
	margin-bottom: 20px;

	}
	
.vidContainer a.showHide {

	background-image: url("../images/arrow-right-trans.png");

	}
	
.vidContainer a.showHide.arrowup {

	background-image: url("../images/arrow-right-trans.png");

	}
	
.vidContainer a.showHide.arrowdown {

	background-image: url("../images/arrow-down-trans.png");

	}
		
div.toggleCaptionsDiv {

	background: none;
	width: 480px;
	height: 14px;
	margin-top: -25px;
	margin-bottom: 0;
	padding: 0 25px 0 75px;
	position: relative;

	}
		
span.toggleCaptions {

	display: block;
	position: absolute;
	left: 405px;
	width: 109px;
	height: 14px;
	background: url("../images/toggle_captions.gif") no-repeat left top;

	}

#content a.minAll, #content a.maxAgain {

	display: none;
	width: 60px;
	height: 38px;
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute; right: 40px; top: 10px;

	}
		
#content a.minAll {

	background-image: url("../images/minimize_all-trans.png");

	}
	
#content a.maxAgain {
	
	background-image: url("../images/maximize_all-trans.png");
	
	}

.minimizeAction, .maximizeAction {

	background-repeat: no-repeat;
	background-position: left center;
	min-height: 38px;

	}
	
.minimizeAction {

	background-image: url("../images/minimize_btn-trans.png");

	}
	
.maximizeAction {

	background-image: url("../images/maximize_btn-trans.png");
	
	}
	
	.minimizeAction span, .maximizeAction span {
		
		display: block;
		margin-left: 62px;
		line-height: 38px;
		
		}
		
.vidContainer {

	margin-bottom: 20px;

	}