@charset "UTF-8";

/* =================================================
LOCAL STYLE SHEET
Use this to overwrite any of the global styles or add customized elements
================================================= */

/* Diagnostics File */
/*@import url("/TemplatePackage/css/B/diagnostics.css");*/

/* COLOR THEME -- ORANGE */
/*@import url("/TemplatePackage/css/B/theme-orange.css");*/

/* COLOR THEME -- PURPLE */
/*@import url("/TemplatePackage/css/B/theme-purple.css");*/

/* COLOR THEME -- ROSE */
/*@import url("/TemplatePackage/css/B/theme-rose.css");*/

/* COLOR THEME -- TAN */
/*@import url("/TemplatePackage/css/B/theme-tan.css");*/

/* COLOR THEME -- TEAL */
@import url("/TemplatePackage/css/B/theme-teal.css");



/*************************************/
/*   STYLES THAT AFFECT WHOLE PAGE   */
/*************************************/

#wrapper{
	width: 860px;
}

#wrapper a, #wrapper a:link, #wrapper a:visited{
	color: /*#5887bb*/#4776ad;
	text-decoration: none;
}

#wrapper a:hover{
	text-decoration: underline;	
}

p a.noDecoration:hover{
	text-decoration: underline;	
}

#three_column_container{
	background: url('/nchs/images/homepage_assets/right_column.png') top right repeat-y;	
	padding-bottom: 10px; 
	margin-bottom: 5px; 
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #cdcdcd;
}

.arrowLink a{
	padding-right: 15px;
	font-weight: bold;
	background: url('/nchs/images/homepage_assets/arrow_right.png') bottom right no-repeat;
}


/*********************************/
/*    ROLLING FEATURES MODULE    */
/*********************************/


#nchs_module{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width:840px;
	height: 225px;
	background: url('/nchs/images/homepage_assets/banner_bgd.jpg') top left no-repeat;
	cursor: pointer;
	position: relative;
}

#nchs_module_text{
	position: absolute;
	top: 11px;
	left: 12px;
	width: 450px;
	height: 150px;
	text-align: center;
}

#nchs_module_title{
	color: white;
	font-family:"Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 2.5em;	
	text-align: center;	
	padding: 0px;
	margin: 0px;
}

#nchs_module_description{
	color: white;
	font-family:"Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.3em;	
	text-align: center;	
	padding: 0px;
	margin: 0px;	
}

#nchs_module_more{
	position: absolute;
	top: 145px;
	
	text-align: center;	
	width: 475px; 
}

#nchs_module_buttons{
	position: absolute;
	top: 180px;
	left: 10px;
	
	width: 450px; 
	height: 50px;
}

#selectA, #selectB, #selectC, #selectD, #selectE{
	
	width: 35px; 
	height: 30px;
	
	display:block;
	
	font-family: "Times New Roman", Times, serif;	
	font-weight: 400;
	font-size: 1.8em;
	color: white;

	text-align: center;		
	vertical-align: middle;		
	
	cursor: pointer;
	
	position: absolute;
}

#selectA{
	left: 140px;	
}

#selectB{
	left: 175px;	
}

#selectC{
	left: 210px;	
}

#selectD{
	left: 245px;	
}

#selectE{
	left: 280px;	
}

#wrapper #selectA a,
#wrapper #selectB a,
#wrapper #selectC a,
#wrapper #selectD a,
#wrapper #selectE a {
	color: white; 
	text-decoration: none;	
}

#nchs_module_image{
	width: 355px;
	height: 200px;	

	position: absolute;
	top: 11px;
	left: 470px;
}

.unselected{
	background-color: #0a3a6b;	
	border:1px solid #346699;
	color: white;		
}

.selected{
	background-color: #346699;
	border: 1px solid #346699;
	color: white;
}


/*********************************/
/*    SECTION SPECIFIC STYLES    */
/*********************************/

#content-main #three_column_container #publications{
	font-weight: bold;
	font-size: 1.2em;
	font-family: "Times New Roman", Times, serif;	
	color: white;
	margin-left: 10px;		
	margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
	background-color: /*#5887bb*/#4776ad;
	border: 1px solid #0c396f;
}

 #content-main #featured_topics h2, 
 #content-main #statistics_by_topic{
	font-weight: bold;
	font-size: 1.2em;
	font-family: "Times New Roman", Times, serif;	
	color: white;
	margin-bottom: 5px;
	padding: 5px 10px 5px 10px;
	background-color: /*#5887bb*/#4776ad;
	border: 1px solid #0c396f;
}

#content-main #three_column_container #surveys, 
#content-main #three_column_container #data_access, 
#content-main #three_column_container #tools_resources,
#content-main #three_column_container #about_nchs{
	font-weight: bold;
	font-size: 1.2em;
	font-family: "Times New Roman", Times, serif;	
	color: white;
	margin-top: 20px;
	padding: 5px 10px 5px 10px;
	background-color: /*#5887bb*/#4776ad;
	border: 1px solid #0c396f;
}

#content-main #publications a, 
#content-main #statistics_by_topic a, 
#content-main #data_access a,
#content-main #surveys a,
#content-main #about_nchs a{
	color: white;	
}

#content-main #featured_topics h2 a{
	color: white;	
}

/*********************************/
/*        FEATURED TOPICS        */
/*********************************/

#featured_topics{
	 padding-left: 10px;
	 padding-bottom: 0px;
	 margin-bottom: 0px;
}

#feature_table,
#feature_table tr,
#feature_table tr td{
	border: none;	
}

#feature_table{
	width: 100%;	
}

#feature_table tr{
	/*height: 130px;	*/
}

#feature_table tr td{
	vertical-align: top;	
}

.feature_link{
	font-weight: normal;	
	font-size: 1.1em;	
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
	margin-bottom: 2px;
}

.feature_description{
	font-weight: normal;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 0px;
}

#wrapper .feature_secondary_link a{
	font-weight: normal;	
}


/*********************************/
/*        COLUMN 1 STYLES        */
/*********************************/

#nchs_col1{
	padding-left: 20px;
}

#publications_rss{
	position:absolute;	
	left: 250px;
	padding: 6px;
}

.report_link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;	
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 20px;
}

#wrapper #content .report_link a:hover{
	text-decoration: underline;	
}

.report_number {
	display: block;
	font-size: 0.9em;	
	font-weight: 400;
	color: black;	
}


/*********************************/
/*        COLUMN 2 STYLES        */
/*********************************/

#nchs_col2{
	padding-left: 20px;
}

.faststats {
	font-weight: 400;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	color: black;		
}

.c2_link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;	
	font-weight: 400;
	margin-top: 8px;
	margin-bottom: 0px;	
}

.about_link,
#wrapper .about_link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;	
	font-weight: 400;
	margin-left: 20px;
	margin-top: 8px;
	margin-bottom: 0px;	
}


/*********************************/
/*        COLUMN 3 STYLES        */
/*********************************/

#nchs_col3{
	padding-left: 20px;
}

.spacer{
	margin-top: 5px;
	margin-bottom: 5px;	
}

#chart_container {
	background-color: white;
	border: 3px solid #dfe6ec;	
	width: 240px;	
	margin-bottom: 2px;	
}

#quickstat_rss{
	position:absolute;	
	right: 25px;
	padding-top: 5px;
	padding-right: 5px;	
}

#content-main #three_column_container #chart_header{
	font-weight: bold;
	font-size: 1.3em;
	font-family: "Times New Roman", Times, serif;	
	color:#666666;	
	margin-top: 0px;
	margin-bottom: 2px;
	margin-right: 15px;			
	padding: 5px 10px 5px 10px;
	background-color: white;
}

#chart_description{
	font-weight: 400;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;	
	margin-bottom: 5px;		
	width: 240px;	
}

#event_graphic{
	margin-bottom: 0px;	
}

#event_graphic a img{
	border: 1px solid #cdcdcd;		
	margin-top: 0px;
	margin-bottom: 5px;	
	padding: 0px;
}

#event_description{
	font-weight: 400;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;	
	margin-bottom: 5px;		
	width: 240px;	
}

#nchs_for_you{
	background-color: white;
	border: 3px solid #dfe6ec;	
	width: 240px;
	margin-top: 0px;
	margin-bottom: 20px;	
}

#nchs_for_you ul{
	margin-left: 25px;	
}


#pressroom{
	background:url('/nchs/images/homepage_assets/nchs_newsroom_no_text.jpg') top left no-repeat; 
	width: 220px; 
	height: 80px;	
	padding-left: 14px;
	font-family:Arial, Helvetica, sans-serif;
	color: black;
	margin-left: 15px;
}

#pressroom h3{
	padding-top: 12px;	
}

#pressroom p{
	font-size: 0.8em;
	width: 135px;	
	margin-top: 3px;
	margin-bottom: 5px;
}

#pressroom p a{
	font-weight: 400;	
}

#wrapper #pressroom a{
	color: black;	
}

#social_media{
	margin-top: 10px;
	margin-left: 15px;	
}