/* default boxed style */
.titleBox { 
	
	padding:0em; 
	margin-bottom:10px; 
	border:1px solid #E4E5E6; 
	border-bottom-color:#C2C3C4; 
	border-top-color:#C2C3C4; 
	background-color:#f8f7f3; 
	background-repeat:no-repeat;
	background-position:0 25px; 
	float:left; 
	width:100%;
	

}
#content .titleBox ul
{

	margin-left:14px;

	/*
		margin-right:20px;
		commented out for now to abide width 45 floats
	*/	
}
/* titleBoxes in the #col-b have a different background */
#col-b .titleBox 
{ 
	/*
	background-image:url(/global-images/layout/rh-bottom-border.gif);
	*/
	background-image:none;
	background-repeat:no-repeat;
	background-position: bottom center;
 
	background-color:#fff; 
	border:none;
	/* padding-right:20px; */
	padding-bottom:10px;	
}
#col-b .titleBox p, #col-b .titleBox ul li
{ 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	
	
	padding:0px 0px 10px 0px !important; 
	margin:0px !important; 
	line-height:1.2em !important; 
	
	
}
#col-b .titleBox>ul>li, #col-b .titleBox>span>ul>li
{
	font-size:.75em !important; 
}
#col-b .titleBox>ul>li>ul 
{
	padding-left:15px;
	padding-top:5px;
}
#col-a .menu>ul>li>ul
{
	padding-left:15px;
	margin-bottom:0px;

}
/* on "main" pages, the titleBoxes in the col-b have a fat bottom border and a different background with a left inner shadow */
/*
body.main #col-b .titleBox { border-bottom-width:2px; background-image:url(/global-images/layout/boxed-1-in-main-col-b-bg.gif); background-repeat:no-repeat; background-position:0 25px; background-color:#F3F8F8; }
*/

#col-a .titleBox p, 
#content .titleBox p
{ font-size:.9em; padding:.2em 7px .5em 7px; padding-left:7px; padding-right:7px; margin:0px; line-height:1.3em; }

.titleBox h4, 
.titleBox h3 { 
	font-size:0.9em; 
	font-weight:bold; 
	line-height:1.2em; 
}

/* added by pmc 12/2014  */

.titleBox h6 { 
	font-size:0.9em;
	 
	font-weight:normal; 
	line-height:1.2em; 
}

 /* add the margin below the titleBar h3's back in (removed in above rule) */
#col-b .titleBox h3.titleBar, 
#col-b .titleBox h3.titleBar1, 
#col-b .titleBox h3.titleBar2, 
#col-b .titleBox h3.titleBar3, 
#col-b .titleBox h3.titleBar4,
#col-b .titleBox h3.titleBar5 { /*margin-bottom:0.5em;*/ margin-bottom:0.8em; }


 

#col-b .titleBox ul, 
.titleBox ul, 
.titleBox ol { 

	padding:0px;
	margin:0px; }




/* column b style for CUI  */ 
#col-b .cuioutline2 p {
	font-size:.85em;
	width:90%;
	
}


.titleBox ul li, 
.titleBox ol li 
{ 
	margin:0 0 .5em 0; 
	list-style:none; 
	line-height:1.2em; 

 	
 	
 
 
}
#col-b .titleBox ul li, #col-b .titleBox ol li
{
	
	padding-left:15px !important;
}
.titleBox ul.lines li
{
	background:none !important;
	
}
#col-b .titleBox ul.lines li
{

	background: url(/global-images/layout/icon-bullet.png) no-repeat 0em .5em !important;
}

.boxed { margin:.5em; margin-bottom:18px; border:1px solid #E4E5E6; border-bottom-color:#C2C3C4; border-top-color:#C2C3C4; border-top-width:3px; background-color:#F9F9F9; background-image:url(/global-images/layout/boxed-1-bg.gif); background-repeat:repeat-x; }
.boxed p { margin-top:0; margin-bottom:0.5em; }

#content .boxed { margin:0 0 1em 0; padding:0.5em; }

/* sub-boxes have different backgorund color */
.titleBox .boxed, 
#content .titleBox .boxed,
.boxed .boxed,
#content .boxed .boxed { margin-bottom:1em; border:1px solid #E4E5E6; border-bottom-color:#C2C3C4; border-top-color:#C2C3C4; background-color:#F9F9F9; background-image:url(/global-images/layout/boxed-1-in-col-b-bg.gif); background-repeat:repeat-x; }


/* make text in sub-boxes (boxes within boxes) a little bit smaller */
#content .titleBox .boxed p, 
#content .titleBox .boxed, 
#content .boxed .boxed p, 
#content .boxed .boxed { margin-top:0; margin-bottom:0; font-size:0.9em; }

#col-b .boxed .boxed, 
#col-b .titleBox .boxed  { margin:0.5em; padding:0; }

/* remove the left border from .titleBox and .boxed items inside the col-b on the home page and on 'main' pages */
body.main #col-b .titleBox, 
body.home #col-b .titleBox, 
body.main #col-b .boxed, 
body.home #col-b .boxed { border-left:none; }

/* ...but make sure that nested boxes in the #col-b of home and main pages DO have their left borders */
body.main #col-b .titleBox .boxed, 
body.home #col-b .titleBox .boxed, 
body.main #col-b .boxed .boxed, 
body.home #col-b .boxed .boxed { border:1px solid #E4E5E6; border-bottom-color:#C2C3C4; border-top-color:#C2C3C4; }


/* this isn't really that necessary, it just adds some padding to the left of <p> tags if they are sitting raw inside the col-b */



/* remove background color from (almost) anything */
.noBG { background:none; }
/* remove border from (almost) anything */
.noBorder { border:none; }

/* adds a light gray outline around something */
.outline { padding:0.5em; border:1px solid #CCCCCC; display:table; /* style for browsers not IE */ }
*.outline { display:inline-block; /* equivalent style for IE */ }
.outline h2, 
.outline h3 { margin-top:0; }

/* adds a light gray outline in the CUI section */
.cuioutline2 { padding:0.5em; border:1px solid #CCCCCC; display:table; /* style for browsers not IE */ }
*.cuioutline2 { display:inline-block; /* equivalent style for IE */ }
.cuioutline2 h2, 
.cuioutline2 h3 { margin-top:0; }


/* adds a light red outline around something in the CUI section*/
.cuioutline { padding:0.5em; border:1px solid #FF0000; display:table; /* style for browsers not IE */ }
*.cuioutline { display:inline-block; /* equivalent style for IE */ }
.outline h2, 
.outline h3 { margin-top:0; }

/* adds a light red outline around something */
.outlinered { padding:0.5em; border:1px solid #FF0000; display:table; /* style for browsers not IE */ }
*.outlinered { display:inline-block; /* equivalent style for IE */ }
.outline h2, 
.outline h3 { margin-top:0; }

/* adds a dark green outline around something */
.outlinedkgreen { padding:0.5em; border:1px solid #233429; display:table; /* style for browsers not IE */ }
*.outlinedkgreen { display:inline-block; /* equivalent style for IE */ }
.outline h2, 
.outline h3 { margin-top:0; }

/* 
Captioned Images 
Use .captionBox to have an outline surrounding image and caption
.captionBox also has a white background whereas .captioned has no BG
*/
.captioned, 
.captionBox { margin-bottom:1em; border:1px solid #CCCCCC; font-size:.9em; padding:.5em; background-color:#FFFFFF; }
.captionBox ul
{
	list-style:none;
}
.captionBox h3 { margin:.2em 0 0em 0; font-size:1.0em; font-weight:bold; }
.captioned { border:none; padding:0; background:none; }
.captioned img, 
.captionBox img { display:block; margin-bottom:0em; }
.captioned p, 
.captionBox p { color:#555555; margin:.3em 0 0 0; line-height:1.2em; text-align:left; }
body.main #col-b .captioned, 
body.main #col-b .captionBox { margin-left:7px; }

/* thumbnail images with text */
/* 45px x 45px seems to be a good dimension for the thumbnail images...but whatever */
p.thumb { font-size:0.9em !important; line-height:1.2em !important; margin-bottom:1em; }
p.thumb img { float:left; margin:.3em .5em 0 0; border:1px solid #1D4C7D; }
p.thumb img.noBorder { border:none; }

/* "Archives.gov For..." Green Box for (usually) top of col-b */
.archivesForFormBox { background-image:url(/global-images/layout/archives.gov-for-bg.gif); background-repeat:no-repeat; padding:37px 0px 10px 10px; border-top:2px solid #31492A; border-bottom:1px solid #445E3D; color:#ffffff; margin-bottom:18px; }
.archivesForFormBox form, .archivesForFormBox form select { font-size:1em; width:97%; margin:0px; padding:0px; }

/* "Records Management" Green Box for (usually) top of col-b */
.recMgmtFormBox { background-image:url(/global-images/layout/rec-mgmt-bg.gif); background-repeat:no-repeat; padding:37px 0px 10px 10px; border-top:2px solid #154b58; border-bottom:1px solid #2e6975; color:#ffffff; margin-bottom:18px; }
.recMgmtFormBox form, .recMgmtFormBox form select { font-size:1em; width:97%; margin:0px; padding:0px; }

/* "Online Research Tools..." Green Box for (usually) top of col-b */
.researchToolsFormBox { background-image:url(/global-images/layout/research-tools-bg.gif); background-repeat:no-repeat; padding:37px 0px 10px 10px; border-top:2px solid #0c1143; border-bottom:1px solid #2d336f; color:#ffffff; margin-bottom:18px; }
.researchToolsFormBox form, .researchToolsFormBox form select { font-size:1em; width:97%; margin:0px; padding:0px; }

/* Box with a yellow BG */
.highlighted { background-image:url(/global-images/layout/boxed-highlighted-bg.gif); background-repeat:repeat-x; background-color:#FFFFEC; border:1px solid #e8e7c5; padding:.5em; }



p.boxed { padding:0em; margin-bottom:18px; border:1px solid #E4E5E6; border-bottom-color:#C2C3C4; border-top-color:#C2C3C4; background-color:#F4F6F7; background-image:url(/global-images/layout/boxed-1-bg.gif); background-repeat:repeat-x; padding:.5em; font-size:.9em; }


.boxPlain
{
	color:#555;
	overflow: visible;
	float:left;
	border:1px solid #E4E5E6; 
	border-bottom-color:#C2C3C4; 
	border-top-color:#C2C3C4; 
	background-color:#f8f7f3; 
	padding:10px 6px;
}
.box
{
	color:#555;
	font-size: .75em;

	overflow: visible;
	/*font-family: Georgia;*/
	font-family: Arial,Verdana, sans-serif;
	float:left;
	margin:0px 8px 10px 0px;
	border:1px solid #E4E5E6; 
	border-bottom-color:#C2C3C4; 
	border-top-color:#C2C3C4; 
	background-color:#f8f7f3; 
	background-repeat:no-repeat;	
}
.box h1
{
	font-family: Arial,Verdana, sans-serif;
	/*	
	font-family: Georgia !important;
	*/
}
.box img
{
	float:left;
}
.box a
{
	color:#386199;
	display:block;
}
.boxBig img
{
	margin:0px 0px 0px 20px;
	padding-bottom:30px;

}

.boxShop img
{
	margin:0px 5px 0px 15px;
	padding-bottom:5px;
}

.boxMedium img
{
	margin:0px 26px 0px 20px;
	padding-bottom:30px;
}
.boxSmall img
{
	margin:0px 10px 0px 10px;
	padding-bottom:0px;

}
.boxTiny img
{
	margin:0px 10px 5px 0px;
	padding-bottom:10px;
}
.boxSmall a
{
	font-size:1.2em;
}
.boxSmall p a
{
	font-size:.9em;
	line-height:2em;
	display:block;
}
.boxSmall p
{
	padding:0px;
	margin:5px 10px; 
	line-height:1.2em !important;
	font-size:1.1em !important;
	color:#30302e;
	
}
.box a.headline
{
	color:#386199;
	display:block;
	font-size:1.3em !important;
	border-bottom:0px !important;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
	padding-top:6px;
	font-weight:bold !important;
}
.boxTiny a.headline
{
	font-size:1.2em !important;
}

.boxBig p
,.boxShop p
,.boxMedium p

{
	margin-top:5px;
	margin-right:20px;
	line-height:1.2em !important;
	font-size:1.1em !important;
	color:#30302e;
	
}
.boxBig ul
,.boxMedium ul
,.boxSmall ul
{
	padding-left:4px;
	overflow:hidden;
}
.boxBig ul li
,.boxMedium ul li
,.boxShop ul li
{
	font-size:1.1em ;
	line-height:1.0em !important;
	margin-bottom:6px !important;
	margin-right:10px;
	margin-left:12px !important;
}

.boxBig
{
	width:364px;
	width:338px;
	min-height:196px;
	padding:10px 0px 6px 0px;
}

.boxBigCUI
{
	width:364px;
	width:338px;
	min-height:196px;
	padding:10px 0px 6px 0px;
}

.boxShop
{
	width:364px;
	width:338px;
	min-height:96px;
	padding:10px 0px 6px 0px;
}



.boxMedium
{
	width:338px;
	min-height:90px;
	padding:10px 0px;
}
.boxSmall
{
	width:222px;
	padding:10px 0px;
}
.boxTiny
{
	width:156px;
	min-height:60px;
	padding:10px 4px;

}
.boxBig h1
,.boxBigCUI h1
,.boxShop h1
{
	font-size:1.5em !important;
}
.boxSmall h1
{
	font-size:1.3em !important;
}
.boxBig h1
,.boxBigCUI h1
,.boxShop h1
,.boxSmall h1
{
	border-bottom-width:6px;
	border-bottom-style:solid;
	margin-bottom:14px !important;
	
	color:#30302e;
	margin:0px;
	padding:2px 20px;
	padding-bottom:6px !important;
	font-weight: bold !important;
}

.boxBig h2
,.boxSmall h2
{
	border-bottom-width:6px;
	border-bottom-style:solid;
	margin-bottom:14px !important;
	
	color:#30302e;
	margin:0px;
	padding:2px 20px;
	padding-bottom:6px !important;
	font-weight: bold !important;
}


.boxSmall h1
{
	padding:2px 10px !important;
} 

div#menufloat 
{
position:fixed;
bottom: 2px;
left:5px;
z-index:20000;
background-color:#F5F5F5;
border:solid 1px #666666;
opacity: 0.85;
-moz-opacity: 0.85; /* older Gecko-based browsers */
filter:alpha(opacity=85); /* For IE6&7 */
height:1.5em;
padding-top:2px;
}
#managenav span  {
margin:0 .5em 0 .5em;
}

#managenav span a {
font-size:.85em;
text-decoration:none;
color:#000000;

}

#managenav span.here a
{
color:#E9200A;
font-weight:bold;
}



.boxBig h3
{
	margin:20px;
}

.boxRightCol img
{
	margin:0px 5px 0px 0px;
	padding-bottom:0px;

}

.boxRightCol a
{
	
	font-size:1.1em; 
}
.boxRightCol p a
{
	/*font-size:.9em;*/
	/*line-height:2em;*/
	display:block;
}
.boxRightCol p
{
	padding:0px;
	margin:5px 5px !important; 
	line-height:1.5em !important;
	font-size:1.0em !important;
	color:#30302e;
	
}

.boxRightCol
{
	width:200px;
	padding:5px 0px;
}

/*why don't boxes center? sloppy!!  Fixing with box centered tweak added by darren 11/28 
*/

.boxCentered
{
	display:block;
	float:none;
	margin:auto;
}