.header-text {
    float: left;
    font-size: 40px;
    color: #fffefe;
    font-weight: bold;
    font-style: normal;
}

.header-desc {
    float: left;
    font-size: 18px;
    color: #fff;
    clear: both;
    margin-top: 10px;
    margin-bottom: 16px;
    font-style: normal;
}

.header-top {
	background-color: #B41C21 !important;
}


#main-menu .active>a {
    background-color: #7A797A !important;
    color: #fff !important;
}

#left_block {
    background-color: #7A797A !important;
}

.footer {
    background-color: #7A797A !important;
}


/*Added by Matt */

.btn-red {
	background-color: #b41c21;
	border: none;
	border-radius: 3px;
	color: white !important;
	padding: 10px 20px;
 	text-align: center;
 	text-decoration: none !important;
 	display: inline-block;
 	font-size: 14px;	/*Use -lg when want a large stand-alone button (e.g. Download)*/
 	margin: 4px 2px;
 	cursor: pointer;
}

.btn-red:hover {
	background-color: #C21F24;
}

.btn-red-lg { 
	/*Use when want a large stand-alone button (e.g. Download)*/
	background-color: #b41c21;
	border: none;
	border-radius: 3px;
	color: white !important;
	padding: 10px 20px;
 	text-align: center;
 	text-decoration: none !important;
 	display: inline-block;
 	font-size: 18px;	
 	margin: 4px 2px;
 	cursor: pointer;
}

.btn-red-lg:hover {
	background-color: #C21F24;
}

.btn-ql {
	background-color: #b41c21;
	border: none;
	border-radius: 3px;
	color: white !important;
	padding: 7px 7px;
 	text-align: center;
 	text-decoration: none !important;
 	display: inline-block;
 	font-size: 13px;
 	margin: 2px 2px;
 	cursor: pointer;
	font-weight: bold;
}

.btn-ql:hover {
	background-color: #C21F24;
	color: white !important;
}

.btn-grey {
	background-color: #c7c7c7;
	border: none;
	border-radius: 3px;
	color: black !important;
	padding: 10px 20px;
 	text-align: center;
 	text-decoration: none !important;
 	display: inline-block;
 	font-size: 14px;	/*Use 20px when want a large stand-alone button (e.g. Download)*/
 	margin: 4px 2px;
 	cursor: pointer;
}

.btn-grey:hover {
	background-color: #7a797a;
	color: white;
}

.btn-grey-lg {
	/*Use when want a large stand-alone button (e.g. Download)*/
	background-color: #c7c7c7;
	border: none;
	border-radius: 3px;
	color: black !important;
	padding: 10px 20px;
 	text-align: center;
 	text-decoration: none !important;
 	display: inline-block;
 	font-size: 18px;	
 	margin: 4px 2px;
 	cursor: pointer;
}

.btn-grey-lg:hover {
	background-color: #7a797a;
	color: white;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
 	background-color: #c7c7c7;
 	color: #000; 			/*color of text */
 	cursor: pointer;
 	padding: 18px;
 	width: 100%;
 	text-align: left;
	font-weight: bold;  
	border: none;
 	outline: none;
 	transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.activeAcc, .accordion:hover {
 	background-color: #878687;
}
/* Style the accordion panel. Note: hidden by default */
.acc-panel {
 	padding: 0 18px;
 	background-color: white;	/* color behind expanded content */
 	display: none;
 	overflow: hidden;
}
.accordion:after {
 	content: '\02795'; /* Unicode character for "plus" sign (+) */
 	font-size: 13px;
 	color: #000;	/* not doing anything?? */
 	float: right;
 	margin-left: 5px;
}
.activeAcc:after {
 	content: "\2796"; /* Unicode character for "minus" sign (-) */
	color: #000;
}


/* Suggested changes to existing styles */
/* Let's set the size here too... */
.h2,h2{
	margin-top:20px;
	margin-bottom:20px;
	font-size: 22px;
	color: #b41c21;
}
.h3,h3{
	margin-top:10px;
	margin-bottom:10px;
	font-size: 18px;
	color:#000;
}
.h4,h4{
	margin-bottom:0px;
	margin-top:10px;
	font-size: 15px;
	color:#7A797A;
}
.h5,h5{
	margin-bottom:0px;
	margin-top:0px;
	font-size: 14px;
	color:#000;
	font-weight: bold;
}
.h5,h5{
	margin-bottom:0px;
	margin-top:0px;
	font-size: 14px;
	color:#7A797A;
	font-weight: bold;
}

ol li {		/* Existing in default.css for UL but not for OL  */
	margin-top: 3px;
}

a, a.hover {
	color:inherit;   /*I don't think I understood inherit properly...*/
}

#main a:link, a:visited {
	color:#085582;	
}
#introduction a:link, a:visited {
	color:#085582;	
}

/*Not working - maybe because:
Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective. */
a.hover {
	text-decoration: underline; 
	color:#b41c21;	!important;
}


/*Styles for KB html files*/

.title {
	margin-top:10px;
	margin-bottom:10px;
	color:#000;
	font-size: 30px;
	font-weight: bold;
}

.author, .date {
	margin-top:0px;
	margin-bottom:0px;
	color:#7A797A;
	font-size: 16px;
	font-style: italic;
}

.date {
	margin-bottom: 30px;
}

#introduction a:link, a:visited {
	text-decoration: underline;
	color:#085582;	
}
a.hover {
	text-decoration: underline; 
	color:#b41c21;	
}