/************************************
* GENERAL PAGE LAYOUT RULES
************************************/

html
{
	min-height:100%;
	height:auto;
}
body 
{ 	
	font-family: Arial,Verdana, sans-serif;
	/*font-family: Georgia, serif;*/
	background: url(/global-images/layout/gradient-page-bg.jpg) repeat-x left bottom #e2e9f6;
	margin:0px;
	padding:0;	
	color:#30302e;
	font-size:100%;

}

/* default container holds everything on page */
#container 
{ 
	width:100%;
	position:relative; 
}
#shared-todays-document img
{
	border:1px solid #555;
/*	width:100%;*/
}

/************************************
* HEADER
************************************/
/* main header bar (red bar) */
#header { 
	width:860px;
	padding:0px 50px;
	margin:auto;
	position:relative; 
	height:90px;
	background:#fff;
	border-left:#a4abb3 1px dotted;
	border-right:#a4abb3 1px dotted;
	
	
}
#header h1
{
	float:left;
	width:431px;
}
/* main NARA logo used on most pages */
#siteTitle 
{ 
	margin:0; 
	display:block;
	padding-top:76px; 
	width:431px; 
	height:0px; 
	float:left;
	overflow:hidden; 
	background-repeat: no-repeat;
	background-image:url(/global-images/logo.gif);
}

body.print #siteTitle { margin:10px 0 0 0; width:600px; height:16px; background:none; }

/* header for current section */
#sectionHeader { 
	width:960px;
	margin:auto;
	height:65px;
	overflow:hidden;
	
	/*background-image:url(/new/global-images/section-headers/default.jpg); */
	background-repeat: no-repeat;
	background-color: #5b6686;
	background-position:100% top; 
	border-left:#a4abb3 1px dotted;
	border-right:#a4abb3 1px dotted;
	 background-image: url(/global-images/section-headers/generic.jpg);
}


 

#sectionHeader a
{ 
	margin:0; 
	font-family:Arial, sans-serif;
	color:#fff; 
	font-size:1.3em; 
	font-style:normal; 
	font-size:1.8em;
	font-weight:normal;
 
 
	padding-top:0px !important;
	height:49px !important;
	line-height:49px;
	padding-left:20px;


}


#sectionHeader a 
{ 
	color:#fff; 
	text-decoration:none; 
	padding-top:0px !important;
	height:49px !important;
	line-height:49px;
	

}
#sectionHeader a:hover { text-decoration:none; }

/* global hyperlinks in top header */
#topLinks 
{ 
	float:right;
	font-size:0.8em; 
	line-height:1.2em; 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding-top:9px; 
	float:right;
	width:400px;
	margin-top:10px;
}
#topLinks ul { padding-left:0; margin:0; float:right;}
#topLinks ul li 
	{ 
	display:inline; 
	padding-left:0; 
	list-style:none; 
	


	
	}
#topLinks ul li a 
{ 
	color:#256171; 
	text-decoration:none; 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	
	padding:0em .4em;
	border-left: 1px solid #745E50;
}
#topLinks ul li a.noBorder
{
	border:0px;
}
#topLinks ul li a:hover
{
	text-decoration: underline;
}


/* ! site search form in header */


#siteSearch 
{ 
 
	margin-top:14px;
 	float:right;
 	height:25px;
	width:280px;
	background:url(/global-images/controls/control-search-box.gif) no-repeat;
	 
}
#siteSearch form { margin:0; padding:0; }
/* box holding main search elements in header */
#mainSearchForm 
{ 
	
}
/* hide the label for the main input field */
#mainSearchForm label { display:block; height:0; width:0; overflow:hidden; position:absolute; }
/* main search form text input field */
#mainSearchForm #qt { 

	border:0px;
	background-color:#fff; 
	color:#898989; 
	width:220px; 

	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px; 
	background-color:#fff; 
	outline:none;
	margin:2px 10px;
	height:18px;
	float:left;
}
/* main search form "go" button */
#mainSearchForm #go 
{ 
	
	width:34px; 
	height:25px;
	
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:.8em; 
	font-weight:normal; 
	line-height:23px;
	color:#fff; 
	background:url(/global-images/buttons/button-go.png) no-repeat;
	border:0px;
	overflow:hidden;
	
}
#mainSearchForm #go:hover
{
	background:url(/global-images/buttons/button-bg-go-over.png) no-repeat;
} 

/* search options that appear onFocus of the search form */
#searchOptions { 
	position:absolute; 
	left:3px; 
	top:3px; 
	width:192px; 
	height:79px; 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:.8em; 
	line-height:1em; 
	z-index:100; 
	background-color:#ccc; 
	border:1px solid #333; 
	display:none; 
	/*visibility: hidden;
	 hide these until can remove script */
	
}
#searchOptions table { margin:0; padding:0; }
#searchOption1 { position:absolute; top:22px; }
#searchOption2 { position:absolute; top:37px; }
#searchOption3 { position:absolute; border-top:1px solid #999; padding:4px 0 0 2px; width:93%; top:58px; left:5px; }


/* ! NAVIGATION */

#pageNav
{
	width:960px;
	margin:auto;
	height:35px;
	cursor:pointer;
	padding-bottom:10px;
	background:#fff;
	overflow:hidden;
	border-left:#a4abb3 1px dotted;
	border-right:#a4abb3 1px dotted;
}
#pageNav a
{
	float:left;
	height:35px;
	width:192px;
	overflow:hidden;


}
#pageNav a:hover
{
	text-decoration: none;
}
#pageNav a.research
{
	background:url(/global-images/buttons/button-research-a.png) no-repeat;
	
}
#pageNav a.research:hover
{
	background:url(/global-images/buttons/button-research-a-over.png) no-repeat;
	
}
#pageNav a.veterans
{
	background:url(/global-images/buttons/button-veterans-a.png) no-repeat;
	
}
#pageNav a.veterans:hover
{
	background:url(/global-images/buttons/button-veterans-a-over.png) no-repeat;
	
}
#pageNav a.teachers
{
	background:url(/global-images/buttons/button-teachers-a.png) no-repeat;
	
}
#pageNav a.teachers:hover
{
	background:url(/global-images/buttons/button-teachers-a-over.png) no-repeat;
	
}
#pageNav a.locations
{
	background:url(/global-images/buttons/button-locations-a.png) no-repeat;
	
}
#pageNav a.locations:hover
{
	background:url(/global-images/buttons/button-locations-a-over.png) no-repeat;
	
}
#pageNav a.shop
{
	background:url(/global-images/buttons/button-shop-a.png) no-repeat;
	
}
#pageNav a.shop:hover
{
	background:url(/global-images/buttons/button-shop-a-over.png) no-repeat;
	
}				
	


/************************************
* ! BREADCRUMBS
************************************/
#breadcrumbs { 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	position:relative; 
	margin:auto; 
	width:940px; 
	padding-left:20px;
	clear:both; 
	margin-top:-19px;
	height:19px;
	line-height:18px;
	color:#fff;
	font-size: .8em;
	overflow:hidden;
	border-left:#a4abb3 1px dotted;
	border-right:#a4abb3 1px dotted;

	
	

	}
	
#breadcrumbs a 
{ 
	color:#fff;
	text-decoration: none; 
}
#breadcrumbs a:hover 
{ 
	text-decoration: underline;
}
.breadcrumbsLastItem 
{ 
	display:inline; 
 	padding-left:.3em;
}
#breadcrumbs a.breadcrumbsHomeLink 
{ 
	display:inline; 
}









/* #container2 div */
#container2
{
	width:960px;
	background:#fff;
	margin:auto;
	border-left:#a4abb3 1px dotted;
	border-right:#a4abb3 1px dotted;	
	border-top:none;
	overflow: hidden; 
	background-image:none;
	clear:both; 

}
/* body.home,body.main,body.col-1,col-1-open,body.col-2, col-2-left,body.col-3     #container2 */


/* Application */
body.app #container2 { width:100%; margin:0; padding:0; clear:both;padding-left:20px;overflow:visible; }
/* Content management */
body.manage #container2 { width:98%; margin:10px 0 0 10px; padding:0; clear:both; }


/* Blank */
/* added background:none dcole */
/*
body.blank { width:95%; clear:both; margin:10px; }
*/
body.blank { width:95%; clear:both; margin:10px; background:none; }
body.form { width:100%; clear:both; margin:10px; }

body.exit.nae { background:none; }

/* col-a */
#col-a 
{ 
	float:left; 
	width:152px; 
	padding:30px 20px 0px 20px;
	height:auto;
	background-color:#f9f7f4;
}
#col-a h3 
{ 
	font-weight:normal;  
}

#col-a p 
{ 
	margin:0.5em 0 0.5em 0em; 
}


/* col-b on main, home and 3-col pages */
body.home #col-b 
{ 
	float:left; 
	width:213px; 
	padding:23px 8px 20px 0px; 
	background-image:none;

}
/* col-b on 3-col and 2-col-left pages */
body.col-3 #col-b
,body.main #col-b
,body.portal #col-b
,body.col-2-left #col-b
{ 
	float:right; 
	/*width:162px; */
	width:193px;
	padding:30px 20px 0px 40px;
	padding-left:0px;

}
/* col-b on 2-col and 1-col pages */

body.col-1 #col-b,body.col-2 #col-b { 

	float:right; 
	/*width:162px; */
	width:213px;
	
	padding:0px 0px 20px 20px; 
	/* border-left:20px solid #fff;*/

	background-color:#fff; 
	margin-left:1em; 
	margin-bottom:1em; 
	
	overflow:hidden;
}


		
/* default style for <h3> in col-b */
#col-b h3 { font-size:0.9em !important; font-weight:bold;  }
/* default style for <p> in col-b */
#col-b p { font-size:0.9em; line-height:1.5em; margin:.5em 0 .5em 0; }


div#content p
{
	font-size:1em;
	line-height:1.3em;
}
div#content h1
{
	/*
	border-bottom-width:6px;
	border-bottom-style:solid;
	padding-bottom:6px;
	margin-bottom:14px;
	font-size:1.4em;
	*/
	font-family:Arial, sans-serif;
	padding-bottom:0px;

	font-size:1.7em;

}
/* #content div in home, main, & 3-col template */
body.home div#content
{
	float:left; 
	width:960px; 
	padding:0px;
	position:relative; 
	border-left:#a4abb3 1px dotted;

}
body.col-3 div#content,body.main div#content { 

	float:left; 
	/*width:545px; */
	width:494px;
	padding:30px 20px 0px 20px; 
	position:relative; 
	border-left:#a4abb3 1px dotted;
 
 
}
/* #content div in 2-col template */
body.col-2 #content { 

	float:left; 
	width:726px; 
	padding:30px 20px 0px 20px; 
	position:relative; 
	border-left:#a4abb3 1px dotted;
 
	
}


body.col-2 #content p, body.col-2 #content ul, body.col-2 #content h1, body.col-2 #content h2, body.col-2 #content h3
{
	margin-right:0px;
}
body.portal div#content, body.col-2-left #content  { 
	float:left; 
	width:698px; 
	padding:30px 0px 0px 20px; 
	position:relative; 
	border-left:#a4abb3 1px dotted;
}
/* #content div in 2-col-left template */
/*
body.col-2-left #content { float:left; width:510px; padding:15px 10px 20px 17px; background-image:url(/global-images/layout/2-col-left-content-top-bg.gif); background-repeat:no-repeat; position:relative; }
*/
/* #content div in 1-col template */

body.col-1 #content { 

	 
	 
	position:relative; 
	float:left; 
	width:920px; 
	padding:30px 20px 0px 20px; 
	position:relative; 
	
	
}
/* #content div in 1-col-open template */
body.col-1-open #content { float:left; padding:15px 19px 20px 19px; position:relative; background-image:none; background-repeat:no-repeat; position:relative; }












/************************************
* MAIN NAVIGATION MENUS
************************************/
/* headings in navigation menus */

#col-a h3,
#col-a h3 a { 

	border-bottom: 1px dotted #999;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 5px;
	text-transform:none; 
	color:#28393b; 
	text-decoration:none; 
	margin-bottom:12px;
	overflow:hidden;
	 
}
#col-a .menu h3 a:hover { text-decoration:underline; }

#col-a hr
{
	display:none;
} 
#col-a
{
	font-size:.75em;
}
/* navigation menus */
#col-a .menu
{
	
	line-height:1.2em;
	margin-bottom:30px;
}

#col-a .menu ul, 
#col-a .menu ol
{ 
	margin-left:0px; 
	padding:0px; 
	margin-bottom:18px;
	list-style:none;
}
#col-a .menu li
{
	padding-left:0px;
	margin-left:0px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom:8px;
}






/************************************
* PAGE OPTIONS LINKS
************************************/
#pageOptions { margin-bottom:2.4em; font-size:.8em; padding:.6em 0 .5em .2em; clear:both; }
#pageOptions ul { padding-left:0em; margin:0; }
#pageOptions ul li { display:inline; font-family:Tahoma, Arial, Helvetica, sans-serif; line-height:1.2em; padding-left:0; list-style:none; }
#pageOptions ul li a { display:block; padding-top:2px; height:19px; float:left; color:#666; }
#pageOptions ul li a:hover { text-decoration:underline; color:#000; }
.printLink { padding-left:25px; margin-right:30px; background-image:url(/global-images/layout/page-options-print-1.gif); background-repeat:no-repeat; }
.emailLink { padding-left:25px; margin-right:28px; background-image:url(/global-images/layout/page-options-email-1.gif); background-repeat:no-repeat; background-position:4px 0; }
.bookmarkLink { padding-left:25px; background-image:url(/global-images/layout/page-options-fav-1.gif); background-repeat:no-repeat; background-position:4px 0; }
.pdfPageLink { padding-left:24px; margin-left:30px; background-image:url(/global-images/layout/page-options-pdf-1.gif); background-repeat:no-repeat; background-position:4px 0; }



#bottomBanner
{

	height:24px;
	line-height:24px;
	color:#fff;
	padding-left:20px;
	width:940px;
	margin:auto;
	font-family: Arial,Verdana, sans-serif;
	/*font-family:georgia;*/
	font-weight: normal;
	
	border-left:#a4abb3 1px dotted;
	border-right:#a4abb3 1px dotted;

}
.sectionColor
{
	background:#5b6686;
}

/************************************
* FOOTER
************************************/
#footer { 
	position:relative; 
	margin:auto;
	width:920px;
	padding:20px;
	background:#f5f4f3;
	clear:both; 
	border-left:#a4abb3 1px dotted;
	border-right:#a4abb3 1px dotted;
	border-bottom:#a4abb3 1px dotted;
	overflow:hidden; 
}
#footer hr
{
	display:none;
}
#footer>div.menu
{
	font-size:.7em;
}
#footer .menu div
{
	float:left;
	margin: 0px ;
	
	/*max-width: 160px;*/
	
	max-width: 168px;	
	min-width:90px;
	margin-left:19px;	
	margin-right:14px;
	margin-bottom:20px;
}
#footer .menu.connect
{
	float:right;
	margin-right:20px;
}
#footer .menu h3
{
	color: #464647;
	font-weight:bold;
	/*
	font-size: 1.2em;
	margin-bottom:.9em;
	*/
	font-size: 1.1em;
	
	

	margin:0px;
	margin-bottom:8px;
	
}
#footer ul
{
	list-style:none;
	margin:0px;
	padding:0px;

}
#footer .menu ul
{
	margin:0px;
	padding:0px;
	list-style: none;
	margin-bottom:10px;

}
#footer .menu.connect ul li a img
{
	float:left;
	margin-right:6px;
}
#footer .menu.connect ul li a
{

	line-height: 20px;
}
#footer .menu ul li 
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height:1em;


	padding:.4em 0em;
}
#footerLinks { font-size:0.8em; line-height:1.4em; padding-top:1.2em; padding-left:1em; margin:0em; }
#footerLinks li { display:inline; padding-left:0em; list-style:none; }
#footerLinks li a { color:#fff; padding-right:1.2em; }
#footerLinks li a.top { display:block; position:absolute; top:1.2em; right:1em; padding-right:0em; }

#subFooter 
{ 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	position:relative; 
	margin:auto;
	width:960px;
	clear:both; 
	color:#fff;
	font-size:.7em;
	line-height:2em;
	padding-top:20px;
	text-align:center;
	margin-bottom:20px;
}
.footerAddress 
{ 
 	color:#fff;
	line-height:2em;
	margin:0px;
	padding:0px;
}

/* styles for micro buttons (AKA mini-banners) */
#footerMicroButtons { 
	 
	text-align:center; 
	margin:0px;
	padding:0px;
	margin-bottom:4px;
}
#footerMicroButtons li 
{ 
	display:inline; 
	padding-left:0em; 
	list-style:none; 
	padding:0em; 
	margin:0em; 
}
#footerMicroButtons li a { 
	padding:0px 6px;
	height:0; 
	color:#fff; 
	text-decoration: none;
	border-left:1px solid #fff;
}
#footerMicroButtons li a:hover 
{ 
	text-decoration:underline;
	
}
#footerMicroButtons li a.microButton1
{
	border:0px;
}




/* app template footer */
body.app #footer { display:none; }
 
body.manage #footer { width:100%; margin-top:2em; background-color:#666; }