

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
body{padding: 0px; margin: 0px; font-family: 'Open Sans', sans-serif; }
a { outline:0 !important; }
img { max-width:100%; }

#top-bar, #letter-bar{background-color: #81171a; color:#fff; padding: 15px 0px;}
#letter-bar{background-color:#58595b;}
#top-bar p, #letter-bar p{color: #fff; font-size: 16px; margin: 0px;}
#letter-bar p a{border: 1px solid #fff; color: #fff; display: inline-block; padding: 4px 10px; font-weight: 600; margin-left: 10px; font-size: 13px; text-decoration: none; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

input[type="submit"].clr-btn {
	color: #81171a;
	border:1px solid #ccc;
	background-color:#fff;
	display: inline-block;
	padding: 4px 10px;
	font-weight: 600;
	margin-left: 10px;
	font-size: 13px;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="submit"].clr-btn:hover {
	border: 1px solid #81171a;
}
input[type="submit"] {
	color: #fff;
	border:0;
	background-color:#81171a;
	display: inline-block;
	padding: 4px 10px;
	font-weight: 600;
	margin-left: 10px;
	font-size: 13px;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.border-left{border-left:1px dashed #ccc;}
ul.side-nav{margin:0px;padding:0px;list-style:none;}
ul.side-nav li a{display:block;width:100%;color:#444;border-bottom:1px solid #ccc;padding:10px;margin-bottom:5px;margin-right:5px;font-weight:bold;}
ul.side-nav li:last-child a{border-bottom:0px;}
ul.side-nav li a:hover{color:#790505;text-decoration:none;}
ul.side-nav li a i{color:#ccc;}
ul.side-nav li a:hover i{color:#790505;}
table.table {width:100%;border:1px solid black;}
table.table th {background-color:#81171a;color:#fff;}
table.table input[type=text] {width:100%;}
h5 { color:#81171a; font-weight:bold;}
table.portal-table {width:100%;}
table.portal-table th {background-color:#e5e5e5;padding:10px 15px;}
table.portal-table td {border-bottom:1px solid #e5e5e5;padding:10px 15px;}
.compact th{padding:5px 15px !important;}
table.portal-table input[type="text"], table.portal-table select {width:100%;font-weight:normal;}
table.login-table{width:50%;background-color:#e5e5e5;border-top:10px solid #e5e5e5;border-bottom:10px solid #e5e5e5;}
table.login-table td{padding:5px 15px;}
table.login-table input[type=text] {width:100%;border:0;outline:0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight:normal;}

ul.top-nav{margin: 0px; padding: 0px; list-style: none;}
ul.top-nav li{position: relative; display: inline-block; border-right: 1px solid #fff;}
ul.top-nav li a{display: block; color: #fff; font-size: 14px; padding: 0px 10px 0px 10px;}
ul.top-nav .actove, ul.top-nav .active{font-weight: 600;}
ul.top-nav li:last-child, ul.top-nav li:last-child a{border-right: 0px; padding-right: 0px;}

#header{padding: 25px 0px; margin: 0px;}
#header .contact-info{margin-top: 12px;}

#header nav{margin-top: 10px;}
ul#main-menu{margin: 0px; padding: 0px;}
ul#main-menu li{position: relative; display: inline-block; margin: 0px; padding: 0px;}
ul#main-menu li a{color: #444444; font-weight: 700; font-size: 15px; margin-left: 25px; position: relative;}
ul#main-menu li a:hover{text-decoration: none; border-bottom: 2px solid #81171a;}
ul#main-menu li a:hover::after{content: "";width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #81171a;
	position: absolute; bottom: -9px; right: 42%;}
#slider{
/*background: url(../img/slider-bg.jpg) no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
background-color: #e8e8ef;
}
.carousel-caption{position: initial;
bottom: 0px;
left: 0px;
right: 0px;
padding: 0px;
margin: 0px;
text-align: left;
text-shadow: none;
}
.carousel-caption p{color: #444;}
.carousel-caption h3, .carousel-caption p:first-of-type{
   color: #81171a;
}
.about-comp p:first-of-type{color: #81171a; font-weight: 600;}
.carousel-caption a{margin: 20px 0px 30px 0px; display: inline-block; background-color: #fff; color: #81171a; padding:5px 8px; text-decoration: none; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: 700;}
.carousel-caption a:hover{ text-decoration: none; color: #81171a; }
.carousel-inner .item img{margin-top: 20px;}
.carousel-inner .item { height: 220px; }

.carousel-indicators {
bottom: -10px;}
.carousel-indicators li{background-color: #58595b; border: 2px solid #fff; width: 15px; height: 15px;}
.carousel-indicators .active{background-color: #81171b; border: 2px solid #fff; width: 15px; height: 15px; }

/* Tabs on home */
.nav-tabs{border-bottom: none;}
.nav-tabs>li{margin-bottom: 0px;}
.nav-tabs>li>a{margin-right: 2px;
line-height: 1.42857143;
border: 0px solid transparent;
border-left: 2px solid #444;
border-radius: 0px;
padding: 0px 20px 0px 20px;
color: #444;
font-size: 30px;}
.nav-tabs>li:first-child a {padding-left: 0px; border-left: 0px solid #444 !important;}
.nav-tabs>li:list-child a{padding-left: 0px; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #444;
background-color: #fff;
border: none;
border-left: 2px solid #444;
border-bottom-color: transparent;
cursor: pointer;
}

#trace ul, #screen ul, #cleanse ul{width: 245px; margin: 0px; padding: 0px; list-style: none; margin-top: 20px;}
#trace ul li, #screen ul li, #cleanse ul li{border-bottom: 1px solid #d7d8de; padding: 6px 0px; font-size: 13px;}




h2 a.about-link{color: #444;}
article.sidebar-content{margin-bottom: 10px;}
article.sidebar-content h3{font-size: 24px;}
article.sidebar-content h4{font-size: 16px;}
article.sidebar-content p{font-size: 13px;}
.pdf{margin-top: 26px; display: inline-block;}
.pdf img { height:75px; }
.pdf.fas{margin-left: 20px;}
footer{
	background: #81171a; 
	padding: 0px;
	margin: 0px;
	height: 46px;
	margin-top: 25px;
}
.inner-footer{background-image: linear-gradient(transparent 47px, #e9e9ef 0px);}

section h2, aside h3, aside h4, .portal h2, a.link-red{color: #81171a;}
footer section h2{background-color: #81171a; color: #fff; margin-top: 10px;
margin-bottom: 22px;
font-size: 24px; }

.small_tb {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	width:100%;
	background-color:#ffe;
}

.latest-news ul{list-style-position: inside; list-style: none; margin: 0px; padding: 0px;}
.latest-news ul > li{background: url(../img/arrow.png) no-repeat 0% 24% ; padding-left: 14px;
margin-left: 5px;
padding-bottom: 15px;  }
.latest-news ul > li > a{border-bottom: 1px dotted; color: #444444; font-size: 13px; padding-bottom: 8px;}

.social-media ul{list-style-position: inside; list-style: none; margin: 0px; padding: 0px;}
.social-media ul > li{background: url(../img/arrow.png) no-repeat 0% 5px ; padding-left: 14px;
margin-left: 5px;
padding-bottom: 15px;  }
.social-media ul > li > p{border-bottom: 1px dotted; color: #444444; font-size: 13px; padding-bottom: 8px; margin:0;}

/* Bottom Footer */
.bottom-footer{border-top: 1px dotted #444;
clear: both;
padding-top: 20px;
text-align: center;
line-height: 25px;}
.bottom-footer p a{text-decoration: none; font-weight: 700; color: #81171a;}
/* FAQ Page */
.faq h4{ background-color: #e8e8ef; padding: 15px 0px 15px 10px; font-size: 16px; color: #81171a;}
.faq p{ padding: 0px 0px 0px 10px; font-size: 13px; margin: 0px;}

.about-footer p, .contact-text p{margin: 0px; font-size: 13px;}

button.btn.btn-default {
border: none;
text-shadow: none;
box-shadow: none;
background-color: #fff;
background-image: none;
border-radius: 0px;
color: #81171a;
margin-top: 10px;}


/* Template-specific stuff
 *
 * Customizations just for the template; these are not necessary for anything
 * with disabling the responsiveness.
 */

/* Account for fixed navbar */
body {
}

/* Don't let the lead text change font-size. */
.lead {
  font-size: 16px;
}

/* Finesse the page header spacing */
.page-header {
  margin-bottom: 30px;
}
.page-header .lead {
  margin-bottom: 10px;
}


/* Non-responsive overrides
 *
 * Utilitze the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */

/* Reset the container */
.container {
  max-width: 980px !important;
}

/* Demonstrate the grids */
.col-xs-4 {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  background-color: rgba(86,61,124,.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
}


button.btn.btn-default {
border: none;
text-shadow: none;
box-shadow: none;
background-color: #fff;
background-image: none;
border-radius: 0px;
color: #81171a;
margin-top: 10px;

margin: 20px 0px 30px 0px;
display: inline-block;
background-color: #fff;
color: #81171a;
padding: 5px 8px;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: 700;}


.cleanse h2, 
.trace h2,
.screen h2{color: #959a9b;} 

.cleanse h2 span,
.trace h2 span,
.screen h2 span{color: #81171a;}

.cleanse h4, 
.trace h4,
.screen h4, aside h4{color: #81171a; font-weight: 600;}

.about-quote{background-color: #e8e8ef; -webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
margin-top: 25px;
padding: 15px 10px;}
.about-quote p{color: #81171a; font-weight: 600;}
.about-quote span{color: #444; font-weight: 600;}
.qoutes img{margin-right: 15px; clear: both;}
.highlight-red{background-color:#fcc;}
.highlight-green{background-color:#cfc;}
.box-red{background-color:#fcc;border:2px solid #f00;padding:10px 20px;}

.ex1 {font:Calibri; font-size:26px; color:#790505; font-weight:bold}
.ex2 {font:Calibri; font-size:14px; color:#4A4A4A; font-weight:bold}
.ex2 a{color:#4A4A4A}
.ex3 {font:Calibri; font-size:36px; color:#4A4A4A; font-weight:bold;text-align:center;}
.ppf-ex1 {text-align:center;text-transform:uppercase;font-weight:bold;background:#63a938;padding:8px;}
.ppf-ex1 a{color:#fff;}
.ppf-button {text-align:center;font-weight:bold;background:#63a938;border-bottom:8px solid #407615;border-radius:5px;width:100%;border-width:0px 0px 8px 0px;height:42px;color:#fff;}
.ppf-button a{color:#fff;display:block;line-height:32px;text-decoration:none;}
.ppf-button:hover{background:#73b948;border-bottom:8px solid #508625;}
.ppf-input {width:100%;padding:5px 10px;border:0;}
.ppf-panel {background-color:#eee;padding:0;}

.notice {
	position:fixed;
	bottom:0px;
	padding:20px 50px;
	width:100%;
	font-size:16px;
	text-align:center;
	background-color:#333;
	color:#fff;
	z-index:999;
}
.grey {color:#ccc;}
.green {color:#0a0;}
.red {color:#a00;}

.boldRow td{font-weight:bold;}