/*
		24 COLUMN - RESPONSIVE GRID SYSTEM
		DEVELOPED BY DENIS LEBLANC
		URL - http://responsive.gs
		VERSION - 2.0
		LICENSED UNDER GPL & MIT
*/

/* 	SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX
	If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */
* {
	-webkit-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

@-webkit-viewport {
	width: device-width;
}

@-moz-viewport {
	width: device-width;
}

@-ms-viewport {
	width: device-width;
}

@-o-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row .after,
.row:after,
.col .after,
.col:after,
.clr .after,
.clr:after,
.group .after,
.group:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/* DEFAULT ROW STYLES */
.row {
	margin-bottom: 0;
}


/* DEFAULT COLUMN STYLES */
.col {
	display: block;
	float: left;
	width: 100%;
	position: relative;
}

@media screen and (min-width:54.857em) {
	.col {
		margin-left: 2%;
	}

}

/* RESET MARGINS */
.col:first-child {
	margin-left: 0;
}

/* all browsers except IE6 and lower */

/* COLUMN WIDTH ON DISPLAYS +54.857em (+768px) */
@media screen and (min-width:54.857em) {
	.span_1 {
		width: 6.5%;
	}

	.span_2 {
		width: 15.0%;
	}

	.span_3 {
		width: 23.5%;
	}

	.span_4 {
		width: 32.0%;
	}

	.span_5 {
		width: 40.5%;
	}

	.span_6 {
		width: 49.0%;
	}

	.span_7 {
		width: 57.5%;
	}

	.span_8 {
		width: 66.0%;
	}

	.span_9 {
		width: 74.5%;
	}

	.span_10 {
		width: 83.0%;
	}

	.span_11 {
		width: 91.5%;
	}

	.span_12 {
		width: 100%;
	}

}
/* 12 COLUMN - RESPONSIVE GRID SYSTEM END */





/* tag styles */

h1.nu {
	color: #003366;
	font-family: 'Arial Black', Gadget, sans-serif;
	font-size: 3em; 
	font-weight: bold;
}

h1.nu-bar-grn {
	border-bottom: 8px solid #FC0;
	border-top: 0 none;
	margin-top: 2.75em;
	margin-bottom: 10px;
}

h1.nu-bar-blu {
	border-bottom: 8px solid #FC0;
	border-top: 0 none;
	margin-top: 2.75em;
	margin-bottom: 10px;
}

/* h2 styles */

h2.nu {
	color: #003366;
}

h2.nu-bar-blu {
	border-bottom: 8px solid #FC0;
	border-top: 0 none;
	margin-top: 2.75em;
	margin-bottom: 10px;
}

h2.nu-bar-yel {
	border-bottom: 8px solid #FC0;
	border-top: 0 none;
	margin-top: 2em;
	margin-bottom: 1.5em;
}


/* h3 styles */

h3.nu {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.3em;
	color: #0066a1
}

.pgm-highlights {
	color: #0066a1;
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	font-size: 1.35em;
	font-weight: normal;
	background-color: #FF9
	margin-top:4px;
}



/* Added by Randy hr variations */

hr  { border: 1px solid #CCC; margin: 2em auto; }

hr.gray { border: 2px #CCC; border-style: solid none none none; margin: 2em auto; }

hr.dash { border: 1px #999; border-style: dashed none none none; margin: 2em auto; }

hr.dash85 { border: 1px #999; border-style: dashed none none none; margin: 2em auto; width: 85%;  }

hr.dott { border: 2px #CCC; border-style: dotted none none none; margin: 2em auto; }

hr.floatclear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* Added by Randy END */



.picright {
	clear: right;
	float: right;
	margin-bottom: 10px;
	margin-left: 20px;
}

.piccaption {
	margin: 0;
	padding: 2px;
	text-align: center;
	font-size: .85em; /* equivalent to 8pt - based on body tag em font size */
	line-height: 1.25em;
}

/* pdf list  */

.pdf-list {
	list-style-type: none;
}

.pdf {
	background: url(../images/template/icons/icon_pdf.gif) no-repeat 0 2px transparent;
	vertical-align: middle;
	margin: 0;
	padding: 0 0 1px 24px;
}

/* text file list icon */
.doc {
	background: url(../images/template/icons/icon_txt.gif) no-repeat 0 2px transparent;
	vertical-align: middle;
	margin: 0;
	padding: 0 0 1px 24px;
}

/* video list icon */
.vid {
	background: url(../images/template/icons/icon_vid.gif) no-repeat 0 2px transparent;
	vertical-align: middle;
	margin: 0;
	padding: 0 0 1px 24px;
}

/* presentation list icon */
.pres {
	background: url(../images/template/icons/icon_pps.gif) no-repeat 0 2px transparent;
	vertical-align: middle;
	margin: 0;
	padding: 0 0 1px 24px;
}

/* web list icon */
.web {
	background: url(../images/template/icons/icon_globe.png) no-repeat 0 2px transparent;
	vertical-align: middle;
	margin-left: 1px;
	padding: 0 0 1px 23px;
}

/* gray arrow in circle list icon */
.arrow-gray {
	background: url(../images/template/icons/icon-arrow-gray-circle.gif) no-repeat 0 2px transparent;
	vertical-align: middle;
	margin: 0;
	padding: 0 0 1px 24px;
}

/* target list icon */
.target {
	background: url(../images/template/icons/icon-target.gif) no-repeat 0 2px transparent;
	vertical-align: middle;
	margin: 0;
	padding: 0 0 1px 24px;
}

.bullet-blue {
	background: url(../images/template/icons/icon-bullet-blue.gif) no-repeat 0 2px transparent;
	vertical-align: middle;
	margin: 0;
	padding: 0 0 1px 24px;
}


/* funded_projects_search.asp page styles */
.fps-search {
	margin: 6px 0 20px;

}

.fps-search table {border: none;}

.fps-search td {
	padding: 5px;
}

.reddiv {
	background: #983131;
}

.bluediv {
	background: #32559a;
}

/* styles added by Randy */
.dashed-box {
	margin: 5px 5px 5px 5px;
	padding: 5px 20px 5px 10px;
	outline: 2px dashed red;
}

.dotted-box {
	margin: 5px 5px 5px 5px;
	padding: 5px 20px 5px 10px;
	outline: 2px dotted #CCC;
}

/* ADDED BY RANDY */

.picleft,
.picleftflow {
	float: left;
	margin: 0 10px 12px 0;
}

.picleftnew {
	width: 292px;
}

.picleftrounded {
	float: left;
	margin: 0px 10px 3px 0px;
	border: solid black 1px;
	border-radius: 10px
}

.picright {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	clear: right;
}

.picright-border {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	clear: right;
	padding: 1px;
	border: 1px solid #021a40;
}

.picright2 {
	width: 252px;
}

.picrightnoborder {
	margin-bottom: 10px;
}

.rounded-border {
	border: 4px solid #006699;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.picroundborder10 {
	border: 1px solid #7AAD74;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.div_right_round { float: right;  margin-left:20px; margin-bottom:10px; clear:right; max-width:500px; padding:10px; border:1px solid #999; border-radius:10px; text-align:center; }

.img_shadow {
	-webkit-box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.55);
	box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.55)
}

.img_radius_border {
	float: left;
	margin: 0px 10px 3px 0px;
	border: solid black 1px;
	border-radius: 10px
}

.picleft_radius10 {
	float: left;
	margin: 0px 10px 3px 0px;
	border: solid black 1px;
	border-radius: 10px
}

.picright_radius10 {
	float: right;
	margin: 0px 0px 3px 10px;
	border: solid black 1px;
	border-radius: 10px
}

.picright_roundedborder {
	float: right;
	margin: 0px 0px 3px 10px;
	border: solid black 1px;
	border-radius: 10px
}



/* BUTTON style added by RANDY 06/2018 */
.button-blue {
	background-color: #335699; /* HRSA dark blue */
	border: none;
	border-radius: 8px;
	color: white !important;
	padding: 0.75em 1em;
	text-align: center;
	font-weight: bold;
	text-decoration: none !important;
	font-size: 16px;
}

.button-blue:hover {
	background: #4269b4;
}

/*  DIV box dotted red for In Trainees Words by Randy */
.div-box-reddott {
	border: dotted 1px #990000;
	margin: 25px auto;
	padding: 0 10px;
}

.div-box-graydott {
	border: dotted 1px #8b8680 ;
	margin: 25px auto;
	padding: 10px;
}

/*  styles added by Randy */

/*  DIV box for color heading bar */
.heading-bar-blu {
	margin: 2em 0 1em 0;
	background: #335699;
	border: 1px solid white;
	color: white;
	font-size: 1.7em;
	font-weight: bold;
	padding: 8px 0px;
	text-align: center;
}

/*  DIV box style for callout boxes */
.callout-blue { margin: 2em 0 2em 0; padding:0.5em 1em 1em 1em; background:#e9f5fc; border-style: none none none solid; border-width:10px; border-color:#006699 }
.callout-yellow { margin: 2em 0 2em 0; padding:0.5em 1em 1em 1em; background:#fef3d3; border-style: none none none solid; border-width:10px; border-color:#FC0 }

/* From old research css file layout.css */
.boxed {
  background: #F2F2F2;
  border: 1px solid gray;
  margin: 5px 0px;
}

.boxed > .col {
  width: 50%;
  border-right: 1px solid gray;
}

.boxed > .col:last-child {
  border-right: none;
}

.text-right {
  text-align: right;
}

#pageresources {
  border: 1px solid #ccc;
  padding: 5px;
}

#pageresources table {
  border: none;
}

#pageresources th,
#pageresources td {
  border: none;
}

#pageresources td {
  padding: 2px 5px 5px 5px;
}

#pageresources h2 {
  font-size: 1.4em;
  line-height: 1.3em;
  text-align: center;
}

p.search-result {
  padding: 5px;
  margin-bottom: 10px;
}

p.search-result:nth-child(odd) {
  background-color: #F7F1EF;
}



/* From old research css file mainHRSA.css */
table {
	border: 1px solid gray;
	margin: 15px 5px;
}

th {
	font-weight: bold;
	background-color: #D6DAE6;
	color: black;
}

th,
td {
	border: 1px solid gray;
	padding: 10px 15px;
}

.even,
tr:nth-child(even) {
	background: #E6EBF6;
}

.odd,
tr:nth-child(odd) {
	background: #F2F2F2;
}