@charset "utf-8";
/* CSS Document */

#fhwabreadcrumbs {
	font-size:0.80em;
}

#fhwacontent {
	font-size:1.05em;
}

.txtsmall {
	font-size:.80em;
}

.contenttext {
	padding: 0 1.5% 1.5%;
	height: auto;
	width: 100%;
}

h1 {
	font-family:'Blue Highway D Type';
	color: #000;
	font-weight:normal;
	font-size:40px;
	margin-top:0
}
h2, h3, h4, h5 {
    font-family: 'Blue Highway';
	color: #000;
	font-weight:normal;
	padding: 0;
	margin: 0;
}
/* add level-upping font-size feature to headers:  
	so to be able to add easily add a level of hierarchy for semantic HTML (508 disability reqs), while keeping the same look:
	e.g. <h3 class="h2"> will look the same as <h2>, and plain <h3> will have smaller font */ 
h5 {font-size:16px;}
h4, h5.h4 {font-size:20px;}
h3, h4.h3 {font-size:24px;}
h2, h3.h2 {font-size:28px;}

/*media screen*/
p.subtitle {
    border-bottom: #999 1px solid;
    color: #003;
    font-size: 30px;
    font-weight: normal;
    margin: 0px;
    padding-bottom: 10px;
}
.grey {
	color:#504d4c;
}

.red {
	color:#a44735;
}
tr.redBG td, tr.redBG th {
	background-color:#a44735;
	color: #fff;
	font-size:10px !important;
}

.paraboxone, .paraboxtwo {
	padding: 0 5px;
}

#boxonehome {
	float: left; 
	width: 50%;
	height:auto;
	margin-top: 30px;
}


#boxtwohome {
	float: right; 
	width: 49%;
	height: auto;
	margin-top: 30px;
}

#boxone {
	float: left; 
	width: 48%;
	height:auto;
	margin-right:4%
}

#boxtwo {
	float: right; 
	width: 48%;
	height: auto;
}

#boxthree {
	width:100%; 
	border: #504d4c 1px solid; 
	height: 270px; 
	border-radius: 10px;
	padding:6px 0 10px;
	background-color:#ededed !important;
}

.MediaCard MediaCard--mediaForward customisable-border article {
	height: 135px;
}

#boxfour {
	width: 95%;
	height: 200px; /* down from 250px, after removing twitter News Feed module */
	border: #504d4c 1px solid;
	border-radius: 10px;
	padding: 6px 20px 30px;
	font-size: .95em;
	background-color:#ededed !important;
}

#boxfourold {
	width: 90%;
	height: 250px; 
	border: #a44735 1px solid;
	background-color: #f9e6e3;
	border-radius: 10px;
	padding: 20px;
	font-size: 0.90em;
}

#boxfourleft {
	float:left; 
	width: 48%; 
	height: auto;
	color:#5a5a5a; 
	padding: 0;
	margin: 0;
	background-color:inherit;
}

#boxfourright {
	float:right; 
	width: 48%; 
	height: auto;
	color:#5a5a5a; 
	padding: 0;
	margin: 0;
	background-color:inherit;
}

#onecolumn {
	width: 100%;
	height: auto;
	overflow:visible;
	margin-top: 30px;
	padding: 0 5px;
}

/*Small Business Contracting*/
.column_60 {
	width: 60%;
	height: auto;
	overflow:visible;
	margin-right: 1.5%;
	margin-top: 1%;
	padding:0;
}

.column_40 {
	width: 38.5%;
	height: auto;
	overflow:visible;
	margin-top: 1%;
}

.coloredbox {
	width: 95.5%;
	height: auto; 
	background-color: #ededed;
	padding: 3%;
	margin-top: 1em;
}

.box {
	width: 97%;
	height: auto; 
	padding: 0 3%;
}
	
.left {
	float: left;
}

#left {
	float: left;
	width: 50%;
/*	margin-right: 4%;*/
	margin-top: 20px;
}

.right {
	float: right;
}

#right {
	float: right;
	width: 49%;
	margin-top:20px;
}

.boxborder {
	width: 95%;
	height: 150px;
	border: #504d4c 1px solid; 
	border-radius: 10px;
	padding: 3%;
	margin: 1.5% 0 1.5%;
}

#left table {
	border: 1px solid black;
	border-radius: 10px;
	-moz-border-radius: 10px;
/*	padding: 5px; */
	height:195px;
	margin: 1.5% 0 1.5%;
}

#left table td {
	border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
}

#right table {
	border: 1px solid black;
	border-radius: 10px;
	-moz-border-radius: 10px;
/*	padding: 5px; */
	height:195px;
	margin: 1.5% 0 1.5%;
}

#right table td {
	border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
}


.bbleft {
	float: left;
	margin-top: 35px;
	text-align:center;
	width:40%;
}

.bbright {
	float: right;
	width: 55%;
}

#boxtwocodes {
	float: right; width: 59%;	
}

/*Table CSS*/
.cfotable1 table, .cfotable2 table  {
	width:100%;
	border-collapse:collapse;
	padding: 0;
	margin: 0 0 20px;
}

.cfotable1 thead, .cfotable2 thead {
	color: #FFFFFF;
	background-color:#a44735;
	text-align:center;
	font-weight:bold;
}

.cfotable1 th, .cfotable1 td, .cfotable2 th, .cfotable2 td {
	border-bottom: 1px solid #ddd;
	
}
#cfotable-noborder {
	border-bottom: none;
	
}
.cfotable1 td, .cfotable2 td {
	font-size: .95em;
}

.cfotable2 tr  {
	vertical-align:top;
}

.cfotable1 tr:nth-child(even), .cfotable2 .indent20, .cfotable2 .indent20 ~ td, .noticepdf.cfonotice {
	background-color: #f2f2f2;
}
.noticepdf.cfonotice {width:380px}

.form_button {
	color: #FFF;
	background-color:#863b35;
	font:Tahoma, Geneva, sans-serif;
	font-weight:bold
}

.indent20 {
	padding-left: 20px;
}

.indent40 {
	padding-left: 40px;
}

.center {
	text-align: center;
}

.hilight {
	background-color: #FF0;
	font-weight: bold;
}


/**** Q&A page declarations, table styles from images: /cfo/images/faq1.png and /cfo/images/faq2.png */
.qa {	padding-left: 24px ;text-indent: -24px ;}
.question {	padding-top: 15px;}

dl dt {margin-top:15px; font-weight:bold;}
dl dd {margin-left:24px;}
dl dd ol {margin-left:0; padding-left:24px;text-indent: -24px }
table.faq_example { 
  width:835px; 
  border: 2px  solid  white; 
  border-bottom-color: black;
  color:#fff; font-weight:bold; font-size:11px; 
  text-align:center; text-indent: 0;
}
table.faq_example td, table.faq_example th {  
  padding:3px; 
  border: .1em solid #fff; 
  background:url(/cfo/images/faqtbl-bg.png) top left repeat-x #063472; 
}
table.faq_example .rowth {
  width:150px;
  text-align:right; color:#000;
  background-color:#fff; background-image:none; 
} 
/* 2017 Q&A dl a little different */
dl.faq2017 dt, dl.faq2017 dd {margin-top:25px; margin-left:3em; text-indent:-2em; font-weight:normal;}
dl.faq2017 dd {margin-top:10px;}
/**** /end Q&A page declarations */

/*  declarations dl for Contractors Assistance Awards: Recipients General Terms and Conditions */
 dl#definitions { padding: 0; margin: 15px 0; display:block;} 
 dl#definitions dt, dl#definitions dd { float:left; padding:0; margin: 3px 25px;} 
 dl#definitions dt { clear:left; font-weight:bold; width:100px;  }
/**** /end Q&A page declarations */

/* custom link colors for 508 */
a:link .txtbrkblue {
	color: #000052;
	text-decoration: underline;
}
a:active .txtbrkblue {
	color: #000000;
}
a:hover .txtbrkblue  {
	color: #FFFFFF;
}
a:link .txtwhite {
	color: #FFFFFF;
	text-decoration: underline;
}
a:active .txtwhite {
	color: #FFFFFF;
}
a:hover .txtwhite  {
	color: #F8AC46;
}