
/*Link CSS - Applied to links in page and left nav*/
a:link {color: #9b0a12 ;}
a:visited {color: #9b0a12 ; text-decoration: underline;}
a:link:hover{color: #9b0a12 ; text-decoration: underline;}
a:visited:hover{color: #9b0a12 ; text-decoration: underline;}

/*CSS for Off-Canvas Menu Icon and Span*/
#perc-resp-container .top-bar .toggle-topbar a {text-transform: none;}

#perc-resp-container .top-bar .toggle-topbar.menu-icon a {
    height: 34px;
    line-height: 33px;
	padding: 0 40px 0 15px;
    color: #9b0a12 ;
    position: relative;
}    

#perc-resp-container .top-bar .toggle-topbar.menu-icon a::after {
content: "";
position: absolute;
right: 0;
display: block;
width: 16px;
top: 0;
height: 0;
-webkit-box-shadow: 1px 10px 1px 1px #9b0a12 , 1px 16px 1px 1px #9b0a12 , 1px 22px 1px 1px #9b0a12 ;
box-shadow: 0 10px 0 1px #9b0a12 , 0 16px 0 1px #9b0a12 , 0 22px 0 1px #9b0a12 ;
}

/* CSS for HR */

#BodyWrapper hr {display: block; height: 1px;
    border: 0; border-top: 1px solid #9b0a12 ;
    margin: 1em 0; padding: 0;}

/*CSS for Headings */

#BodyWrapper h1{color: #505050; font-size: 1.5em;}
#BodyWrapper h2{color: #505050; font-size: 1.25em;}
#BodyWrapper h3{color: #505050; font-size: 1.17em;}
#BodyWrapper h4{color: #505050; font-size: 1.00em;}
#BodyWrapper h5{color: #505050; font-size: .83em;}
#BodyWrapper h6{color: #505050; font-size: .75em;}

/*CSS for Tabs */
.section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
    color: #fff !important;
    /*background: linear-gradient(to bottom, #38688a 30%, #9b0a12 ) repeat scroll 0% 0% transparent; text-decoration: none;*/
	background-color: #9b0a12;
}

/* Make Tables Responsive */

table { table-layout: fixed;}

/* Make YouTube Videos Responsive */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*NOTE wrap the embeded video in a div <div class="video-container"> to make it responsive */

/* Top Nav CSS*/

#NavWrapper {max-width: 960px; margin-bottom: 10px;}
#perc-resp-container .contain-to-grid .top-bar {margin:0px; padding:0px; background-color: #e6e6e6;}
/*BEGIN CENTERING TOP MENU*/
#perc-resp-container .top-bar-section ul {display: table; margin: 0 auto;}
#perc-resp-container .top-bar-section ul li {/*display: table-cell;*/ border-right:2px white solid; text-align:center;}
/*END CENTERING TOP MENU WITH ADDED display: table-cell; to ul li above*/
/*#perc-resp-container .top-bar-section ul li:hover{background-color:#c52e3f;}*/
#perc-resp-container .top-bar-section ul li:hover{ background: linear-gradient(to bottom, #BE1F28 30%, #8E020A) repeat scroll 0% 0% transparent; text-decoration: none;}
#perc-resp-container .top-bar-section ul li.current> a {
    /*background:  #c52e3f;*/
    background: linear-gradient(to bottom, #BE1F28 30%, #8E020A) repeat scroll 0% 0% transparent;
	background: -webkit-linear-gradient( #BE1F28 30%, #8E020A) repeat scroll 0% 0% transparent; /*for Safari*/
    color: #fff;
}
#perc-resp-container .top-bar-section ul li a {color:#505050;background-color:#e6e6e6;}
/*#perc-resp-container .top-bar-section ul li a:hover {color:white;background-color:#c52e3f;}*/
#perc-resp-container .top-bar-section ul li a:hover { 
background: linear-gradient(to bottom, #BE1F28 30%, #8E020A) repeat scroll 0% 0% transparent;
background: -webkit-linear-gradient( #BE1F28 30%, #8E020A) repeat scroll 0% 0% transparent; /*for Safari*/
text-decoration: none; color: #fff;}
	
	#perc-resp-container .contain-to-grid {
    background: none repeat scroll 0% 0% #e6e6e6;}
#perc-resp-container .top-bar.expanded .title-area {
    background: none repeat scroll 0% 0% #e6e6e6;
}

/* CSS for Padding Left Floated Images*/
.imgLeft img{
margin-right: 10px;
}

/*Image Caption CSS*/
.flex-caption {
    width: 99%;
    padding: 1%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
    color: #FFF;
    text-align: left;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    font-size: 16px;
    line-height: 18px;
}

.flex-caption  p {margin-bottom:0px;}

.flex-direction-nav {display: none !important;}

.flex-caption  p a:link {color: #94A4B0;font-style: italic;}
.flex-caption  p a:visited {color: #94A4B0; text-decoration: underline;}
.flex-caption  p a:link:hover{color: #94A4B0; text-decoration: underline;}
.flex-caption  p a:visited:hover{color: #94A4B0; text-decoration: underline;}

/* iPads (portrait) ----------- */
@media only screen 
and (max-width : 768px) 
{
.flex-caption p {font-size:.75em; line-height:1; }
}

/* Smartphones Only ----------- */
@media only screen 
and (min-width : 500px) {
a.disabled {
pointer-events: none; /*disables phone link at larger view port sizes*/
cursor: default;
}


#perc-slider-container {
padding-left: 0px !important;
padding-right: 0px !important;
}

#perc-slider-container {margin-bottom: 40px;}	

/*Footer CSS*/
#FooterInner {background-color: #e6e6e6; padding-top: 5px; max-width: 960px;}

/*More CSS*/

h1.PageTitle {font-size: 1.5em; color: #505050; padding-left: 0px; margin-left: 0px;}
.nopadding {padding-top:0px !important;padding-right:0px !important;padding-bottom:0px !important;padding-left:0px !important;}
#temp-region-10 .leftNav {padding-left:0px; font-size: 0.875em;}
#temp-region-10 .PageTitle {border-bottom: 0.037em #d7d7d7 solid;}

#contentWrapper {border-left: 0.031em #d7d7d7 solid;}

#perc-resp-container ul, #perc-resp-container ol, #perc-resp-container dl {list-style-position: inside;}

#BodyInner {padding:0px !important;}

#contentCenter {border-right: 0.037em #d7d7d7 solid;}


