
:root {
	--dark-gray-text: #3A3A3A;
	--tpfa-red: #920001;
	/**/
	--header-button-back-color: #343A40; /*#343A40*/
	--header-button-back-hover: #28A745; /*#28A745*/
	--header-button-fore-color: white;
	--header-button-fore-hover: white;
	--header-button-border-color: #343A40;
	--header-button-border-hover: #28A745;
	/**/
	--button-back-color: #343A40; /*#343A40*/
	--button-back-hover: #28A745; /*#28A745*/
	--button-fore-color: #28A745;
	--button-fore-hover: white;
	--button-border-color: #28A745;
	--button-border-hover: #28A745;
	/**/
	--header-back-color: #343A40;
	--header-font-color: white;
	/**/
	--footer-back-color: #343A40;
	--footer-fore-color: white;
	/**/
	--dropdown-back-color: #343A40;
	--dropdown-back-hover: #28A745;
	--dropdown-fore-color: white;
	--dropdown-fore-hover: white;
	/**/
	--menu-divider-color: white;
	/**/
	--toggle-button-back-color: #343A40; /*#343A40*/
	--toggle-button-back-hover: #28A745; /*#28A745*/
	--toggle-button-fore-color: white;
	--toggle-button-fore-hover: white;
	--toggle-button-border-color: #343A40;
	--toggle-button-border-hover: #28A745;
}
	
	

/***********************************************************************************************************************/
/*Text Styles*/
/***********************************************************************************************************************/

body{
	
}

p {
	line-height: 1.5;
}

.boldtext {
	font-weight: bold;
	font-size: .8em;
	font-family: tahoma;
	color: #3A3A3A;
	line-height: 1.5;
}

a.boldtext {
	font-weight: bold;
	text-decoration: none;
	font-size: .8em;
	font-family: tahoma;
	color: #3A3A3A;
	line-height: 1.5;
}

	a.boldtext:hover {
		font-weight: bold;
		text-decoration: underline;
		font-size: .8em;
		font-family: tahoma;
		color: #3A3A3A;
		line-height: 1.5;
	}

.bigboldtext {
	font-weight: bold;
	font-size: 1.6em;
	font-family: tahoma;
	color: #3A3A3A;
	line-height: 1.5;
}

a.bigboldtext {
	font-weight: bold;
	text-decoration: none;
	font-size: 1.6em;
	font-family: tahoma;
	color: #3A3A3A;
	line-height: 1.5;
}

	a.bigboldtext:hover {
		font-weight: bold;
		text-decoration: underline;
		font-size: 1.6em;
		font-family: tahoma;
		color: #3A3A3A;
		line-height: 1.5;
	}

.largeheadertext {
	font-weight: bold;
	text-decoration: none;
	font-size: 1.8em;
	font-family: tahoma;
	color: #3A3A3A;
	line-height: 1.5;
}

.smallheadertext {
	font-weight: bold;
	text-decoration: none;
	font-size: .8em;
	font-family: tahoma;
	color: #3A3A3A;
	line-height: 1.5;
}

.smallwhiteheadertext {
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	font-family: tahoma;
	color: #ffffff;
	line-height: 1.5;
}

.redboldtext {
	font-weight: bold;
	font-size: .9em;
	font-family: tahoma;
	color: #920001;
	line-height: 1.5;
}

a.redboldtext {
	font-weight: bold;
	text-decoration: none;
	font-size: .9em;
	font-family: tahoma;
	color: #920001;
	line-height: 1.5;
}

	a.redboldtext:hover {
		font-weight: bold;
		text-decoration: underline;
		font-size: .9em;
		font-family: tahoma;
		color: #920001;
		line-height: 1.5;
	}

.blueboldtext {
	font-weight: bold;
	font-size: .9em;
	font-family: tahoma;
	color: #31425A;
	line-height: 1.5;
}

a.blueboldtext {
	font-weight: bold;
	text-decoration: none;
	font-size: .9em;
	font-family: tahoma;
	color: #31425A;
	line-height: 1.5;
}

	a.blueboldtext:hover {
		font-weight: bold;
		text-decoration: underline;
		font-size: .9em;
		font-family: tahoma;
		color: #31425A;
		line-height: 1.5;
	}

.text {
	font-size: 1em;
	font-family: tahoma;
	color: #000000;
	line-height: 1.5;
}

.smalltext {
	font-size: 0.8em;
	font-family: tahoma;
	color: #000000;
	line-height: 1.5;
}
.boldbodytext {
	font-size: 1em;
	font-family: tahoma;
	font-weight: bold;
	color: #000000;
	line-height: 1.5;
}

a.text {
	font-size: 1em;
	text-decoration: none;
	font-family: tahoma;
	color: #357E9C;
	line-height: 1.5;
}

	a.text:hover {
		font-size: 1em;
		text-decoration: underline;
		font-family: tahoma;
		color: #357E9C;
		line-height: 1.5;
	}

.redtext {
	font-size: 1em;
	font-family: tahoma;
	color: #920001;
	line-height: 1.5;
}

a.redtext {
	font-size: 1em;
	text-decoration: none;
	font-family: tahoma;
	color: #920001;
	line-height: 1.5;
}

	a.redtext:hover {
		font-size: 1em;
		text-decoration: underline;
		font-family: tahoma;
		color: #920001;
		line-height: 1.5;
	}

.whitetext {
	font-size: 1.1em;
	font-family: tahoma;
	color: #FFFFFF;
	line-height: 1.5;
}

a.whitetext {
	font-size: 1.1em;
	text-decoration: none;
	font-family: tahoma;
	color: #FFFFFF;
	line-height: 1.5;
}

	a.whitetext:hover {
		font-size: 1.1em;
		text-decoration: underline;
		font-family: tahoma;
		color: #FFFFFF;
		line-height: 1.5;
	}

.whiteboldtext {
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	font-family: tahoma;
	color: #FFFFFF;
	line-height: 1.5;
}

.whitefootertext {
	font-size: 1.1em;
	font-family: tahoma;
	color: #ffffff;
	line-height: 1.5;
}

a.whitefootertext {
	font-size: 1.1em;
	text-decoration: none;
	font-family: tahoma;
	color: #ffffff;
	line-height: 1.5;
}

	a.whitefootertext:hover {
		font-size: 1.1em;
		text-decoration: underline;
		font-family: tahoma;
		color: #ffffff;
		line-height: 1.5;
	}

.largeredtext {
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	font-family: tahoma;
	color: #920001;
	line-height: 1.5;
}

.whiteheadertext {
	font-size: 1.5em;
	color: #ffffff;
	font-family: tahoma;
	line-height: 1.5;
}

.largewhiteheadertext {
	font-size: 2em;
	color: #ffffff;
	font-family: tahoma;
	line-height: 1.5;
}

a.whitetext_navbar {
	font-size: 1.1em;
	text-decoration: none;
	font-family: tahoma;
	color: #FFFFFF;
	line-height: 1.5;
}

	a.whitetext_navbar:hover {
		font-size: 1.1em;
		text-decoration: none;
		font-family: tahoma;
		color: #FFFFFF;
		line-height: 1.5;
	}

a.gray_link_text {
	font-family: tahoma;
	font-size: 1.1em;
	text-decoration: none;
	color: #404040;
	line-height: 1.5;
}

	a.gray_link_text:hover {
		font-family: tahoma;
		font-size: 1.1em;
		text-decoration: none;
		color: #920001;
		line-height: 1.5;
	}

a.hover {
	font-size: 1.1em;
	text-decoration: underline;
	font-family: tahoma;
	color: #858b93;
	line-height: 1.5;
}

.footertext {
	font-size: .9em;
	font-family: tahoma;
	color: #000000;
	line-height: 1.5;
}

a.footertext {
	font-size: .9em;
	text-decoration: none;
	font-family: tahoma;
	color: #000000;
	line-height: 1.5;
}

	a.footertext:hover {
		font-size: .9em;
		text-decoration: underline;
		font-family: tahoma;
		color: #000000;
		line-height: 1.5;
	}

.smallboldtext {
	font-weight: bold;
	font-size: .9em;
	font-family: tahoma;
	color: #3A3A3A;
	line-height: 1.5;
}
	
/*.bluetext {
	font-size: 11px; 
	font-family: tahoma;
	color: #5A7088}

a.bluetext {
	font-size: 11px; 
	text-decoration: none;
	font-family: tahoma;
	color: #5A7088}

a.bluetext:hover {
	font-size: 11px; 
	text-decoration: underline;
	font-family: tahoma;
	color: #5A7088}



.graytext {
	font-size: 11px; 
	font-family: tahoma;
	color: #616368}

a.graytext {
	font-size: 11px; 
	text-decoration: none;
	font-family: tahoma;
	color: #616368}

a.graytext:hover {
	font-size: 11px; 
	text-decoration: underline;
	font-family: tahoma;
	color: #616368}

.hiddenlinks 
{
	font-size: 11px;
	font-family: tahoma;
	color: #858b93;}

a.hiddenlinks {
	font-size: 11px; 
	text-decoration: none;
	font-family: tahoma;
	color: #858b93}*/


/*
	
.SearchText 
{
	font-family: tahoma;
	font-size: 11px;
	color:Gray;
	font-weight: bold;
}*/



/*.caption_boldtext_left_align {
	font-weight: bold;
	font-size: 11px; 
	font-family: tahoma;
	color: #3A3A3A;
	text-align:left;
	
}*/

/***********************************************************************************************************************/
/*Table & DIV Styles*/
/***********************************************************************************************************************/
.divTable{
	display: table;
}

.divTableRow {
	display: table-row;
}

.divTableCell, .divTableHead {
	display: table-cell;
	text-align:left;
}

.block a { 
	display: block; 
	background-color: #31425A; 
	height: 25px; 
	line-height: 25px}
		
.block a:hover { 
	background-color: #5A7088; 
	height: 25px; 
	line-height: 25px}

/*.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}*/
	
/*.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}

.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}

.divTableBody {
	display: table-row-group;
}*/

/***********************************************************************************************************************/
/*Misc. Styles*/
/***********************************************************************************************************************/
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}

a.skip-main:focus, a.skip-main:active
{
	color: #fff;
	background-color: #000;
	left: auto;
	top: auto;
	width: 30%;
	height: auto;
	overflow: auto;
	margin: 10px 35%;
	padding: 5px;
	border-radius: 15px;
	border: 4px solid yellow;
	text-align: center;
	font-size: 1.2em;
	z-index: 999;
}

/*.sidebarTable
{
	display: table;
	background: -moz-linear-gradient(#9E0000, #111); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #9E0000));	
	background: -webkit-linear-gradient(#9E0000, #111);	
	background: -o-linear-gradient(#9E0000, #111);
	background: -ms-linear-gradient(#9E0000, #111);
	background: linear-gradient(#9E0000, #111);
}

.sectionheader
{
	background: -moz-linear-gradient(#9E0000, #111); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #9E0000));	
	background: -webkit-linear-gradient(#9E0000, #111);	
	background: -o-linear-gradient(#9E0000, #111);
	background: -ms-linear-gradient(#9E0000, #111);
	background: linear-gradient(#9E0000, #111);
	text-align:center;
}

.searchbutton
{
	background: -moz-linear-gradient(#9E0000, #111); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #9E0000));	
	background: -webkit-linear-gradient(#9E0000, #111);	
	background: -o-linear-gradient(#9E0000, #111);
	background: -ms-linear-gradient(#9E0000, #111);
	background: linear-gradient(#9E0000, #111);
}

.footerbackground
{
	background: -moz-linear-gradient(#9E0000, var(--button-back-color)); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, var(--button-back-color)),color-stop(1, #9E0000));	
	background: -webkit-linear-gradient(#9E0000, var(--button-back-color));	
	background: -o-linear-gradient(#9E0000, var(--button-back-color));
	background: -ms-linear-gradient(#9E0000, var(--button-back-color));
	background: linear-gradient(#9E0000, var(--button-back-color));
}

.headerbackground
{
	background: -moz-linear-gradient(var(--button-back-color), #9E0000); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #9E0000),color-stop(1, var(--button-back-color)));	
	background: -webkit-linear-gradient(var(--button-back-color), #9E0000);	
	background: -o-linear-gradient(var(--button-back-color), #9E0000);
	background: -ms-linear-gradient(var(--button-back-color), #9E0000);
	background: linear-gradient(var(--button-back-color), #9E0000);
}*/

.AnnouncementsPanel
{
	/*max-height: 375px;*/
}



/****************************************************************************************************************/
/****************************************************************************************************************/
/*Customize Bootsrtap look & behavior*/

/*Multi-column dropdown styles*/
.dropdown-menu {
	min-width: 200px;
	color: var(--dropdown-fore-color);
	background-color: var(--dropdown-back-color);
}
	.dropdown-menu.columns-2 {
		min-width: 400px;
		color: var(--dropdown-fore-color);
		background-color: var(--dropdown-back-color);
	}

	.dropdown-menu.columns-2-wide {
		min-width: 800px;
		color: var(--dropdown-fore-color);
		background-color: var(--dropdown-back-color);
	}

	.dropdown-menu.columns-3 {
		min-width: 600px;
		color: var(--dropdown-fore-color);
		background-color: var(--dropdown-back-color);
	}

	.dropdown-menu.columns-3-wide {
		min-width: 900px;
		color: var(--dropdown-fore-color);
		background-color: var(--dropdown-back-color);
	}

	.dropdown-menu li a {
		padding: 5px 15px;
		font-weight: 300;
		font-family: Helvetica;
		font-size: 14px;
		color: var(--dropdown-fore-color);
		background-color: var(--dropdown-back-color);
	}
.multi-column-dropdown {
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: var(--dropdown-fore-color);
	background-color: var(--dropdown-back-color);
}
	.multi-column-dropdown li a {
		display: block;
		clear: both;
		line-height: 1.428571429;
		color: var(--dropdown-fore-color);
		background-color: var(--dropdown-back-color);
		white-space: normal;
	}
	.multi-column-dropdown li a:hover {
		text-decoration: none;
		color: var(--dropdown-fore-hover);
		background-color: var(--dropdown-back-hover);
	}
 
@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}

ul.dropdown-menu {
	color: var(--dropdown-fore-color);
	background-color: var(--dropdown-back-color);
}

.multi-col-li-style {
	color: var(--dropdown-fore-color);
	background-color: var(--dropdown-back-color);
}

	.multi-col-li-style li:hover {
		color: var(--dropdown-fore-hover);
		background-color: var(--dropdown-back-hover);
	}

.multi-col-divider {
	color: var(--dropdown-fore-color);
	background-color: var(--dropdown-back-color);
}

.multi-col-divider li:hover {
	color: var(--dropdown-fore-color);
	background-color: var(--dropdown-back-color);
}

.section-header {
	padding-left: 15px;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	color: var(--dropdown-fore-color);
	background-color: var(--dropdown-back-color);
}

	.section-header li:hover {
		color: var(--dropdown-fore-color);
		background-color: var(--dropdown-back-color);
	}

.section-item {
	display: block;
	padding-left: 10px;
	font-family: Helvetica;
}



.sub-section-header {
	padding-left: 25px;
	font-family: Helvetica;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	color: var(--dropdown-fore-color);
	background-color: var(--dropdown-back-color);
}


	.sub-section-header li:hover {
	color: var(--dropdown-fore-color);
	background-color: var(--dropdown-back-color);
	}


.sub-section-item {
	display: block;
	padding-left: 30px;
	font-family: Helvetica;
}
/*End Multi-column dropdown styles*/


/**/
html,
body {
	height: 100%;
	/* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto;
	/* Negative indent footer by its height */
	margin: 0 auto -60px;
	/* Pad bottom by footer height */
	padding: 0 0 60px;
}

.footer {
	background-color: var(--footer-back-color);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 35px;
}

.header {
	background-color: var(--header-back-color);
}

.navbar {
	background-color: var(--header-back-color);
}

/*.navbar-dark
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: var(--header-button-fore-color) !important;
}*/

	.navbar a {
		color: var(--header-button-fore-color) !important;
		/*background-color: var(--header-button-back-color) !important;
		border: 1px solid var(--header-button-border-color !important);*/
	}

	.navbar a:hover, .navbar a:focus {
		color: var(--header-button-fore-hover) !important;
		/*background-color: var(--header-button-back-color) !important;
		border: 1px solid var(--header-button-border-color !important);*/
	}

		/*.navbar > li > a:hover, .navbar a:focus, .navbar a:active {
			color: var(--header-button-fore-hover);
			background-color: var(--header-button-back-hover);
			border-color: var(--header-button-border-hover);*/ /*set the color you want here*/
		/*}*/

.divider-style
{
	border-color: var(--menu-divider-color);
}

.footer-button {
	color: var(--button-fore-color);
	background-color: var(--button-back-color);
	border: 1px solid var(--button-border-color);
}

	.footer-button:hover, .footer-button:focus, .footer-button:active, .footer-button.active, .open > .dropdown-toggle.footer-button {
		color: var(--button-fore-hover);
		background-color: var(--button-back-hover);
		border-color: var(--button-border-hover); /*set the color you want here*/
	}

	.footer-button:not(:hover) {
		color: var(--button-fore-color);
		background-color: var(--button-back-color);
		border: 1px solid var(--button-border-color);
	}

.search-button {
	color: var(--button-fore-color);
	background-color: var(--button-back-color);
	border: 1px solid var(--button-border-color);
}

	.search-button:hover, .search-button:focus, .search-button:active, .search-button.active, .open > .dropdown-toggle.search-button {
		color: var(--button-fore-hover);
		background-color: var(--button-back-hover);
		border-color: var(--button-border-hover); /*set the color you want here*/
	}


.header-button {
	color: var(--header-button-fore-color);
	background-color: var(--header-button-back-color);
	border: 1px solid var(--header-button-border-color);
	outline: none;
	margin-left: 5px;
}

	.header-button:hover, .header-button:focus, .header-button:active, .header-button.active, .open > .dropdown-toggle.header-button {
		color: var(--header-button-fore-hover);
		background-color: var(--header-button-back-hover);
		border-color: var(--header-button-border-hover); /*set the color you want here*/
		outline: none !important;
		box-shadow: none;
	}

	/*.header-button:not(:hover) {
		color: var(--button-fore-color);
		background-color: var(--button-back-color);
		border: 1px solid var(--button-fore-color);
	}*/

.toggle-button {
	color: var(--toggle-button-fore-color);
	background-color: var(--toggle-button-back-color);
	border: 1px solid var(--toggle-button-border-color);
	outline: none;
}

	.toggle-button:hover, .toggle-button:focus, .toggle-button:active, .toggle-button.active, .open > .dropdown-toggle.toggle-button {
		color: var(--toggle-button-fore-hover);
		background-color: var(--toggle-button-back-hover);
		border: 1px solid var(--toggle-button-border-hover);
		outline: none;
	}

.dropdown-item {
	color: var(--dropdown-fore-color);
	background-color: var(--dropdown-back-color);
}
	.dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active, .dropdown-item.active, .open > .dropdown-toggle.dropdown-item {
		color: var(--button-fore-hover);
		background-color: var(--button-back-hover);
		border-color: var(--button-back-hover); /*set the color you want here*/
		outline: none !important;
		box-shadow: none;
	}


.btn-group-xs > .btn, .btn-xs {
	padding: .25rem .4rem;
	font-size: .875rem;
	line-height: .5;
	border-radius: .2rem;
}

.caret-up {
	/* Safari */
	-webkit-transform: rotate(-180deg);
	/* Firefox */
	-moz-transform: rotate(-180deg);
	/* IE */
	-ms-transform: rotate(-180deg);
	/* Opera */
	-o-transform: rotate(-180deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
}

.container {
	width: auto;
	/*max-width: 780px;*/
	padding: 0 15px;
}

.container .credit {
	margin: 0 0;
	padding: 8px 0 4px 0;
}


.btn-dark
{
	font-size: 12px;
}

.drop-up {
	background-color: var(--button-back-color);
}

.drop-up-font {
	font-size: 12px;
}
	/**/


/* Dropdown menu background color*/
.navbar-nav > li > .dropdown-menu {     background-color: var(--header-back-color);  }


/* Dropdown menu font color*/
.navbar-nav > li > .nav-item a {
	color: var(--header-font-color);
}

/*.navbar-nav .nav-link 
{
	color: var(--header-button-fore-color);
}

.navbar-nav .nav-link:hover {
	color: var(--header-button-fore-hover);
}*/

.navbar-nav > li > .dropdown-menu a {
	color: var(--dropdown-fore-color);
}

	.navbar-nav > li > .dropdown-menu a:hover {
		color: var(--dropdown-fore-hover);
		background-color: var(--dropdown-back-hover);
	}

 /*.navbar-nav > li > .dropdown-menu li:hover{   background-color: lightgray;  }*/







/*.navbar-button-style {
	align-items:stretch;
	width: 100%;
	height: 100%;
	color: var(--header-button-fore-color);
	background-color: red*//*var(--header-button-back-color)*//*;
}

	.navbar-button-style:hover, .navbar-button-style:focus, .navbar-button-style:active, .navbar-button-style.active{
		display: block;
		color: var(--header-button-fore-hover);
	}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background-color: var(--header-button-fore-hover);
	color: var(--header-button-back-hover);
	border-color: var(--header-button-border-hover);
}*/





