/****************************************
 * National Data Archive on Child Abuse and Neglect Main 
 * CSS Rules
 
Link dark blue
#191997

Light gray for link border bottom
#E0E0E0;

visited link violet
7f433f

Light violet for visited link border bottom

light red for list item borders and misc. dividers
#efd6d6

Dark Gray
#5e5e5e


NDACAN LOGO BLUE (but looks greenish on text)
#244d7b
 
 ****************************************/

 
/****************************************
	General Formatting	General Formatting	General Formatting	General Formatting	General Formatting
 ****************************************/
/* 
	The following rule sets up default global properties, such as
	font family and color, page margin and padding, and the 
	background color of the footer.
	
	It is important to specify font sizes in em units 
	instead of pixels, because IE/Win does not allow text to be resized
	by the user if it is specified in pixels.	
	
	Body background color and text color should not be specified
	or else it is not accessible.
	
*/ 


body { 	
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 1em;
}

body p {
margin: 0;
padding: 0;
}

p.center {text-align:center;} 

p.indented {padding-left:20px;}

.clear {
    clear: both;
}

.goto-top {
text-align: right; 
display: block;
clear: both;
float: none;
font-size: 1em;
margin: auto;
margin-bottom: 40px;
padding-top: 40px;
padding-bottom: 10px;
width: auto;
border-bottom: solid 2px #efd6d6;
line-height: 1.1em;
}



/* 
	Links 	Links 	Links 	Links 	Links 	Links 	Links 	Links 	Links 	
	-------------------------
*/

a:link {
color: #0058e7;
}
	
a:focus, a:active {
text-decoration: underline;
	color: #0058e7;
}


/* 
	Header   	 Header   	 Header   	 Header   	 Header   	 Header   
*/

#header {
    background-color: #eeebe6;
    min-height: 156px;
	width:100%;
	box-sizing: border-box;
}

.brandcontainer {
max-width:972px; 
height: 155px;
margin: 0 auto; 
box-sizing: border-box;
}

img.ndacan-logo {
	left: 0;
    position: relative;
    top: 45%;
    transform: translate(0%, -50%);
	text-decoration: none;
	border-bottom: none;
	}

.social-logo-twitter {
    border: 0 none;
    margin:32px 35px 0 0;
	max-height:26px;
	max-width:26px;
	}
	
.social-logo-youtube {
    border: 0 none;
    margin:30px 0 0 0;
	max-height:30px;
	max-width:30px;
	}

.navbarcontainer {
margin: 0 auto;
max-width: 951px;
position: relative;
top: -22px;
padding:0px;
}


a.search {
    margin-bottom: 34px;
	font-weight: bold;
	display:block;
	font-size:0.9em;
	}
	

/****************************************
 * topnav     topnav     topnav     topnav     topnav     topnav     topnav 
****************************************/
 
#eyebrow {
background-color: #185394;
height: 30px;
width:100%;
text-align: left;
padding:0px;
/*text-decoration:none;*/
}

.eyebrownav {
    float: none;
    height: 30px;
    margin: 0px auto;
	padding: 0px;
    max-width: 970px;
	/*text-decoration:none;*/
}


.eyebrownav a {
/*text-decoration:none;*/
	float: right;
	padding: 8px 8px 0px 32px;
	font-size: 0.9em;
	display: block;
	height: 22px;
	margin: 0;
	line-height:1em;
	color: #ffffff;
}

.eyebrownav ul {
	list-style: none;
    margin: 0;
    padding: 0;
	/*text-decoration:none;*/
}

.eyebrownav li.eyebrow-divider {
  background-image: url("https://www.ndacan.acf.hhs.gov/images/eyebrow-divider-v2.png");
    background-position: left center;
    background-repeat: no-repeat;
	background-color:#185394;
    float: left;
    margin: 0;
    padding: 0;
	height: 30px;
	display: block;
}

.eyebrownav li.eyebrow-hhs {
  background-image: url("https://www.ndacan.acf.hhs.gov/images/logo-hhs-small.png");
    background-position: left center;
    background-repeat: no-repeat;
	background-color:#185394;
    float: left;
    margin: 0;
    padding: 0;
	height: 30px;
	display: inline-block;
	font-size: 0.9em;
	/*text-decoration:none;
	border-bottom:none;*/
}

.eyebrownav li.eyebrow-acf {
   background-image: url("https://www.ndacan.acf.hhs.gov/images/logo-acf-small.png");
    background-position: left center;
    background-repeat: no-repeat;
	background-color:#185394;
    float: left;
    margin: 0 0 0 6px;
    padding: 0;
	height: 30px;
	display: inline-block;
	font-size: 0.9em;
	/*text-decoration:none;
	border-bottom:none;*/
}

.eyebrownav li.eyebrow-cb {
   background-image: url("https://www.ndacan.acf.hhs.gov/images/logo-childrens-bureau-small-gray.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-color:#185394;
	float: left;
    margin: 0 0 0 6px;
    padding: 0;
	height: 30px;
	display: inline-block;
	font-size: 0.9em;
	/*text-decoration:none;*/
	/*border-bottom:none;*/
}

.eyebrownav a.eyebrowlink-hhs {
	float: right;
	padding: 8px 8px 0px 32px;
	display: block;
	height: 22px;
	margin: 0;
	line-height:1;
	/*text-decoration:none;	
	border-bottom:none;*/
}

.eyebrownav a.eyebrowlink-acf {
	float: right;
	padding: 8px 8px 0px 27px;
	display: block;
	height: 22px;
	margin: 0;
	line-height:1;
	/*border-bottom:none;*/
}

.eyebrownav a.eyebrowlink-cb {
	float: right;
	padding: 8px 8px 0px 34px;
	display: block;
	height: 22px;
	margin: 0;
	line-height:1;
	/*border-bottom:none;*/
}

/*
.eyebrownav a:hover, #eyebrownav a:focus, #eyebrownav a:active {
	color: #272910;
	text-decoration:underline;
}

.eyebrownav a:visited {
	color: #272910;
	text-decoration: none;
}
*/


/****************************************
 	 Content Sections 	 Content Sections 	 Content Sections 	 Content 
 ****************************************/

#site_wrapper {
	max-width:972px;
	margin:0 auto;
	padding:0px;
	overflow:auto;
	height:100%;
	/* border-left: 1px solid #FFF6F6;*/
	/* border-right: 1px solid #FFF6F6; */
	}


#content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	max-width: 100%;
	}


.section-title {
    clear: both;
    display: block;
    float: none;
    margin: 0px auto 11px;
    padding: 8px 12px 10px 12px;
    position: relative;
    max-width: 90%;
	border-bottom: 2px solid #efd6d6;
    }

.section-title h1 {
    font-size: 1.6em;
    font-variant: small-caps;
    margin: 0 auto 5px auto;
    text-align: center;
}

.single-column {
    display: inline-block;
    float: left;
    margin-right: 58px;
    margin-top: 0px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 12px;
    position: relative;
    text-align: left;
    max-width: 70%;
}    

.single-column p {
	 line-height: 1.22em;
	 margin: 0px auto;
	 padding-bottom: 15px;
}


.single-column h2 {
	 color: #000000;
	 text-align: center;
	 padding-bottom: 15px;
	 padding-top: 10px;
}

.single-column h3 {
	 color: #000000;
	 padding-left: 0px;
	 margin: 5px 5px 8px 0px;
	 padding-top: 0px;
	 padding-bottom: 0px;
	 border-bottom: 1px solid #b0b0b0;
	 font-size: 1.1em;
	 font-weight: bold;
}

.single-column h4 {
	 color: #000000;
	 padding-left: 0px;
	 margin: 5px 5px 8px 8px;
	 padding-top: 0px;
	 padding-bottom: 0px;
	 font-size: 1em;
	 font-weight: bold;
}


.single-column-no-subnav {
	 padding: 5px 15px 18px 0px;
	 line-height: 1.2em;
	 display: block;
	 float: none;
	 clear: both;
	 margin: auto;
	padding: 0px 10px 0px 10px;
	 max-width: 790px;
	 }

.single-column-no-subnav h2 {
	 padding: 10px 15px 15px 0px;
	 line-height: 1.2em;
	 color: #000000;
	 text-align: center;
	 padding-bottom: 15px;
	 padding-top: 10px;
	 font-size: 1.2em;
	}
	
.single-column-no-subnav h3 {
	 color: #000000;
	 padding-left: 0px;
	 margin: 0 0 10px;
	 padding-top: 16px;
	 padding-bottom: 4px;
	 border-bottom: 1px solid #b0b0b0;
	 font-size: 1.1em;
	 font-weight: bold;
	 }
 
.single-column-no-subnav p {
	 line-height: 1.2em;
}

.single-column-no-subnav p.center {
	 line-height: 1.2em;
	 text-align: center;
}

.single-column-no-subnav p.indented {
	 line-height: 1.2em;
	 padding-left: 20px;
}


/*      
SIDE NAVIGATION *****  SIDE NAVIGATION *****  SIDE NAVIGATION *****  
*/    

.side-nav {
    display: inline-block;
    margin: 0;
    padding: 0px 5px 0px 5px;
    max-width: 25%;
}

.side-nav ul {
   	list-style: none;
	margin: 0;
	padding: 25px 10px 0px;
	display: inline;
	}

.side-nav li {
    border-bottom: 1px solid #efd6d6;
    float: none;
    line-height: 20px;
    list-style: none outside none;
    padding: 10px 0 12px 10px;
    text-align: left;
    max-width: 95px;
	}

	
.side-nav li.chosen {
    border-left: 1px solid #ffffff;
    float: none;
    line-height: 20px;
    list-style: none outside none;
    padding: 10px 0 12px 10px;
    text-align: left;
    max-width: 95px;
    color: #191997;
	}
 
.side-nav a.chosen {
  color: #000000; 
  text-decoration: none;
  font-weight: bold;
  border-bottom: none;  
}

.side-nav a:hover.chosen {
  color: #000000; 
  text-decoration: none;
  font-weight: bold;
  border-bottom: none;  
} 

 
/*                                            
	Headlines     Headlines 	Headlines 	Headlines 	Headlines 	
	-------------------------                                                 
*/                                                       

h1 {
	text-align: left;
	font-size: 1.4em;
	font-variant: small-caps;
	color: #000000;
	margin-left: 0; 
	margin-right: 0; 
	margin-top: 0; 
	margin-bottom: 10px;
}

h2 {
	margin: 0 0 5px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
}
	
h3 {
	clear: both;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 1.08em;
	font-weight: bold;
	color: #000000;
}
	
h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
	
/* 
	Text	Text	Text	Text	Text	Text	Text	Text	Text	
	-------------------------------------------------------------------------------------
*/

.bold {
font-weight:bold;
margin: 0;
padding: 0;
font-size: inherit;
text-align: inherit;
line-height: inherit;
}

.small-bold {
font-weight:bold;
font-size:0.95em;
margin: 0;
padding: 0;
text-align: inherit;
line-height: 1em;
}

/*  ********  HOME PAGE ONLY  ********  HOME PAGE ONLY  ********  HOME PAGE ONLY  ********  HOME PAGE ONLY         */

#mainleftcolumn {
	display: block;
	clear: left;
	float: left;
	padding: 30px 11px 0 5px;
	margin: 0px 0px 0 45px;
	max-width: 435px;
	}
	
.mainleftcolumntext {
	/* color: #000000; */
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.28em;
	margin: 0;
	padding: 15px 0px 0px 0px;
	}
	
#mainrightcolumn {
	display: block;
	float: right;
    margin: 46px 48px 0 0;
    max-width: 340px;
	}

.mainrightcolumn-headline {
display: block;
 margin: 5px 0px 0px 3px; 
 padding: 6px 0 0px 0;
    text-align: center;
    max-width: 98%;
    height: 28px;
	background-color:#f0f0f0;
    font-size: 1.1em;
    font-weight: bold;
    }

#rightcolumn-recent-datasets {
background-color: #f9fafb; 
    font-size: 1em;
    font-weight: normal;
    line-height: 1.25em;
    margin: 0px 3px 3px;
    padding: 16px 27px 15px 27px; 
    }


blockquote {
	margin: 0 30px;
	}
	
	
/* 
	Lists 	Lists 	Lists 	Lists 	Lists 	Lists 	Lists 	Lists 	Lists 	Lists 	Lists 	Lists 	Lists 
	-------------------------
	
	Definition lists (dl) represent a set of terms (dt) and definitions (dd).
	Each term should be followed by one or more definitions. Definition lists
	are very useful for marking up a series of links, each of which has an
	explanatory passage of text.

*/

li.padded-bottom  {
	padding-bottom:5px;
	}

ul.single-column-document-list {
margin: 0;
padding: 20px 10px 20px 75px;
}

.single-column-document-list li
{
padding-left: 10px;
padding-bottom: 12px;
line-height: 1.2em;
font-size: 1.1em;
}
	
ol li {
	margin: 5px 20px 5px 20px;
	}
 
dl {
	margin: 0 0 15px 0;
	line-height: 1.4em;
	}
	
dt {
	margin: 0 0 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	}
	
dd {
	margin: 0 0 15px 0;
	font-size: 1.3em;
	line-height: 1.4em;
	}


 /*
 Tables	   Tables	Tables	   Tables	Tables	   Tables	Tables	   Tables	
 **************************************************************************/
 
  	table, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 1em;
		}
 
 
/**
  Images      Images      Images      Images      Images      Images      Images      Images      Images
 **************************************************************************/
 
img {
	border: 0;
	max-width: 100%
	}
 
/*
 * VIDEO  VIDEO   VIDEO   VIDEO   VIDEO   VIDEO   VIDEO   VIDEO   VIDEO   VIDEO   
 *******************************************************************************
	video-container 
Setting the position to relative lets us use absolute positioning for the iframe itself, which we’ll get to shortly.
    The padding-bottom value is calculated out of the aspect ratio of the video. In this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75%.
    The padding-top value is set to 30 pixels to allow space for the chrome — this is specific to YouTube videos.
    The height is set to 0 because padding-bottom gives the element the height it needs. We do not set the width because it will automatically resize with the responsive element that contains this div.
    Setting overflow to hidden ensures that any content protruding outside of this element will be hidden from view.

video-container iframe
    Absolute positioning is used because the containing element has a height of 0. If the iframe were positioned normally, we would have given it a height of 0 as well.
    The top and left properties position the iframe correctly in the containing element.
    The width and height properties ensure that the video takes up 100% of the space used by the containing element (which is actually set with padding).

*/


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    min-width: 60%;
}


.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*
 * Forms  FORMS   FORMS   FORMS   FORMS   FORMS   FORMS   FORMS   FORMS   FORMS   
 *******************************************************************************
	Related sections of form inputs should be organized in fieldsets. 
	Each fieldset should contain a series of .form-pair divs. Each
	.form-pair should contain a .form-item div and a .form-value div. The 
	.form-item should contain a <label> for the <input> or <select> 
	found in the .form-value.*/


input, textarea {
  max-width:100%;
}
	
button {
	font-weight: bold;
	padding: 2px 3px;
	}

#search-form-error
	{
	max-width: 70%;
	border-top: solid red 1px;
	border-bottom: solid red 1px;
	border-left: solid red 4px;
	border-right: solid red 1px;
	padding: 10px 15px 10px 15px;
	float: none;
	display: block;
	margin: 20px auto 0px auto;
	}



/****************************************
 * FOOTER 
 ****************************************/

#pre-footer-spacer {
	margin: auto;
	float: none;
	width: 100%;
	min-height: 60px;
	}

#cbfooter-wrapper {
    border-top: 16px solid #d2e5f3;
	background: #e6f0f8;
	padding-bottom: 20px;
}


.footer-section-title {
	display:block;
	line-height: 1em;
	margin: 1em 0em 0.4em 0.2em;
	font-weight:bold;
	}

ul.footer-section-list {
	list-style: none;
	margin: 0.5em 0em 0.4em 0.3em;
	padding: 0em 0em 0.4em 0em;
/*	font-variant:small-caps;*/
/*		font-size: 0.9em;*/
	}
	
ul.footer-section-list  li {
	padding: 0px 6px 6px 6px;
	font-weight:normal;
	}	
	

.childrensbureaulogo {
		display: block;
		padding: 10px 0px 10px 6px;
position: relative;
left: 20%;
		}

.footer-col4-text {
	display: block;
		text-align: left;
		/* font-size: 0.9em; */
		margin: 1em 0.5em 8px 0.1em;
		padding: 0px 15px 0px 10px;
		font-weight:bold;
	}

.footer-col4-text a {	
	/*font-size: 0.9em;*/
	font-weight:normal;
}

.footer-section-cb {
		display: block;
		text-align: left;
		margin: 1em 0.5em 8px 0.1em;
		padding: 0px 15px 0px 10px;
	}

.footer-section-cb ul {
		display: block;
		/*font-size:0.9em;*/
		list-style: none;
		font-variant:small-caps; 
		margin:0px;
		padding-left:0px;
		}
	
.footer-section-cb li {
		display: block;
		float:left;
		width: 45%;
		padding:0px 5px 8px 0px;
		font-weight:normal;
		}	
	
.superscript {
	vertical-align: super;
    font-size: smaller;
	}

/****************************************
 * Miscellaneous
 ****************************************/

/* 
	Hide "skip to content" link from general users. 
	Do not use "display: none" because that will also hide it from some screen readers.
*/

#skipnav {
	position: absolute;
	top: -1000em;
	left: -1000em;
	}
	
	
/* 
	Hide horizontal rules (hr) that are found throughout the site.
	The rules are semantic separations of content, and they are useful for 
	browsers that cannot utilize the stylesheet.
*/	

hr {
	display: none;
	}