/* CSS Document */

/* default boxed style */
.titleBox {
	padding: 0em;
	margin-bottom: 18px;
	border: 1px solid #E4E5E6;
	border-bottom-color: #C2C3C4;
	border-top-color: #C2C3C4;
	background-color: #F9F9F9;
	background-image: url(/aad/global-images/layout/boxed-1-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 25px;
	float: left;
	width: 100%;
	_width: 99%; /* set a lower width for IE only...because IE stinks...when 100% in IE, the right-column got pushed over a few pixels */
}

/* titleBoxes in the #col-b have a different background */
#col-b .titleBox {
	background-image: url(/aad/global-images/layout/boxed-1-in-col-b-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 25px;
	background-color: #F3F8F8;

}


/* 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(/aad/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, 
#col-b .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;
	padding: 0 7px 0 7px;
	margin: .5em 0 0 0;
	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 {
	margin-bottom: 0.5em;
}

.titleBox ul, 
.titleBox ol {
	font-size: .9em;
	padding: 0px 0px 0px .7px;
	margin: .5em;
}

/* style for lists with lines */
.titleBox ul.lines {
	margin: 0;
}

/* style for lists with lines */
.titleBox ul.lines li {
	padding: .4em 0 .2em .5em;
	margin: 0;
	border-bottom: 1px solid #E4E5E6;
	background: none;
}

.titleBox ul li, 
.titleBox ol li {
	margin: 0 0 .5em 0;
	list-style: none;
	line-height: 1.2em;
	padding-left: 6px;
	background-image: url(/aad/global-images/layout/menu-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}



.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(/aad/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(/aad/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 */
body.main #col-b p, 
body.home #col-b p {
	padding: .5em;
}


/* 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;
}



/* 
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 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;
}

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;
	line-height: 1.3em;
	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(/aad/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(/aad/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(/aad/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(/aad/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(/aad/global-images/layout/boxed-1-bg.gif);
	background-repeat: repeat-x;
	padding: .5em;
	font-size: .9em;
}