@charset "utf-8";

/* CSS Document */

* {

	margin:0;

	padding:0;

	}

/* li { margin-left: 40px; } */

body {

	text-align: left;

	font: normal 12px/18px Verdana,sans-serif;

	}

img { border:none; }

.wrapper {

	width:800px;

	margin: 0 auto;

	}

a:link {

	text-decoration: none;

        font-weight: bold;

        color: black;

	}

a:visited {

	color: #000000;

	}

a:hover {

        background-color: #d24e1d;

	text-decoration: none;

        color: #ffffff;

	}

a:active {

	color: #d24e1d;

	}



.middle-block {

	margin-bottom: 10px;

}

.visually-hidden{
	position: absolute!important;
	clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
    width: 1px!important;
    height: 1px!important;
    margin: -1px!important;
    padding: 0!important;
    overflow: hidden!important
}

fieldset {
    border: 0;
    min-width: 0;
    margin: 0;
    padding: 0
}


#full #content {

	width: 100%;

}



#full #left {

	display: none;

}



.middle-modules {

    display: flex;

    justify-content: space-between;

    margin-bottom: 10px;



    > .moduletable {

    	width: 260px;

    }

}



#header {

	position:relative;

	font-family: Verdana, sans-serif;

	}



#header .logo {display: inline-block;}

#header .logo a {

	width: 542px;

	height: 100px;

	margin:30px 0 15px;

	background: url('../images/header.png') no-repeat 0 0;

	text-indent: -999em;

	display: block;

}

.header-right {

	display: inline-block;

	vertical-align: top;

	width:180px;

	text-align: left;

	margin-top: 43px;

	margin-left: 54px;

}

.header-right .moduletable { margin-bottom:12px; }

#header #left-menu ul li {

	color:white;

	list-style:none;

}

#header #left-menu ul li a:link, #header #left-menu ul li a:visited {

	color:#6d491f;

	text-decoration:none;

}

#header #left-menu ul li a:hover { text-decoration:underline; }

#header div#scgallery div.belt div.panel_step_carousel a:link,

#header div#scgallery div.belt div.panel_step_carousel a:hover,

#header div#scgallery div.belt div.panel_step_carousel a:visited {

	font-family:Verdana, sans-serif;

	color:black;

	font-size:9pt;

	text-decoration:none;

	font-weight:normal;

}

#header div#scgallery div.belt div.panel_step_carousel a:hover { text-decoration:underline; }

#header #get-involved {

	position:absolute;

	top:263px;

	left:445px;

	z-index:50;

}

#header #get-involved p { font-size:12px; }

.header_mailing a {

	background: url('../images/mailing.png') no-repeat 0 0;

	width: 118px;

	height: 18px;

	text-indent: -999em;

	display: block;

}

.header_social ul { padding-left: 0; }

.header_social li {

	float: left;

	list-style-type: none;

	margin-right: 9px;

}

.header_social li:last-child {margin-right: 0;}

.header_social a,

.header_social span {

	text-indent: -9999em;

	width:17px;

	height:17px;

	background-color: #000;

	border-radius: 5px;

	display: block;

	background-repeat: no-repeat;

}

.header_social .tw a { background-image: url('../images/icon-tw.png');}

.header_social .fb a { background-image: url('../images/icon-fb.png');}

.header_social .yt a { background-image: url('../images/icon-yt.png');}

.header_social .email a { background-image: url('../images/icon-email.png');}

.header_social .in a { background-image: url('../images/inst_icon.svg');background-color: #fff;}



#home .container { display: none; }

#top,

#bottom-a,

#bottom-b,

#bottom-c,

#scgallery { margin-bottom: 14px; }

#top { margin-top: 15px; }

#scgallery { margin-top: 14px; }

.container {margin-top: 26px; padding-left: 0; padding-right: 0;}

#left {

	display: inline-block;

	width:168px;

	margin-right: 26px;

	margin-bottom: 30px;

}

#content {

	display: inline-block;

	width:600px;

	vertical-align: top;

}

#content h1 { margin-bottom: 16px; line-height: 110%;}

#content h1 strong {

	font-size: 32px;

	line-height: 36px;

}

#content img {

	max-width:600px;

	margin: 0 auto;

	display: block;

	}

#content p {

	margin:1em 0;

}

#bottom-a {

	height:260px;

	margin-bottom: 14px;

}

#bottom-a .moduletable {

	margin-right: 10px;

	float: left;

	height: 85px;

	}

#bottom-a .moduletable:last-child {

	float:right;

	margin-right: 0;

}

#bottom-b { height: 237px; }

#bottom-b .news {

	width: 530px;

	float:left;

}

#bottom-b .video {

	float: right;

}

#bottom-c {

	clear: both;

}

#bottom-c .moduletable {

	display:inline-block;

	}

#bottom-c a { margin-right: 6px; }

#bottom-c a:last-child { margin-right: 0; }

#bottom-c .bannergroup { margin-left: 6px; }

#footer {

	clear:both;

	position:relative;

        text-align:center;

	height:120px;

	font-size: 11px;

	}

#footer #testing-center { padding-top:16px; }

#footer #bottom-right {

	font-size:11px;

	padding-top:10px;

	}

#footer #bottom-right #footer-address { padding-top:3px; }

#footer .disclaimer {

	margin-top:3px;

	font-size:9px;

	font-style:italic;

}

.bottom-menu li {

	list-style:none;

	padding-right:10px;

	list-style-image:none;

	display:inline;

	font-weight:bold;

	font-size: 11px;

	}

.bottom-menu li a:before {	 /*content: "| "; */ }

.bottom-menu li a, .bottom-menu li a:visited {

	text-decoration:none;

	color:black;

	}

.bottom-menu li a:hover { text-decoration:underline; }

.stepcarousel {

	position: relative; /*leave this value alone*/

	border: none;

	overflow: scroll; /*leave this value alone*/

	width: 800px; /*Width of Carousel Viewer itself*/

	height: 450px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt {

	position: absolute; /*leave this value alone*/

	left: 0;

	top: 0;

}

.stepcarousel .panel_step_carousel {

	float: left; /*leave this value alone*/

	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

	margin: 0px; /*margin around each panel*/

	width: 800px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}

#ps_search_str { height:17px; }

.pixsearch_ng_popup {z-index: 9;}

.ps_row_ng_0_body,

.ps_row_ng_1_body {

	font-size: 10px;

	line-height: 12px;

}

/* === TABLES === */

.btan2013_table {padding: 10px;}

.btan2013_table td {padding: 10px; vertical-align: top;}

.header_new {height: 78px; position: relative; top: 30px;}

.header_new h1 {font-style: Verdana; font-size: 32px !important;}

.btan2013_brownbag {width: 100%;}

.btan2013_brownbag td {padding: 10px; vertical-align: text-top;}

.btan2013_odd {background-color: #e6e8ec;}

.programs {width: 100%;}

.programs td {padding: 10px;}

/* === MISC === */

#content strong {color: #d24e1d;}

#content li {margin-left: 30px;}

#home #top .wk-slideshow {max-height: 350px;}

/* COUNTDOWN CLOCK */
.countdown .uk-article {
	padding-bottom: 0;
}

.countdownHolder{
	width: 308px;
	margin: 0;
	font: 28px/1.5 'Open Sans Condensed',sans-serif;
	text-align:center;
	letter-spacing:-3px;
}

.position{
	display: inline-block;
	height: 1.6em;
	overflow: hidden;
	position: relative;
	width: 1.05em;
}

.clock-message > span {
	display: block;
	text-align: center;
}

.digit{
	position:absolute;
	display:block;
	width:1em;
	background-color:#444;
	border-radius:0.2em;
	text-align:center;
	color:#fff;
	letter-spacing:-1px;
}

#note {
	position: relative;
	margin: 0 auto 25px;
	width: 690px;
}

.legend {
	position: absolute;
	color: #989898;
}

.hours {
	left: 77px;
}

.minutes {
	left: 150px;
}

.seconds {
	left: 228px;
}

#note.widget {
    position: relative;
    height: 20px;
    width: 278px;
    bottom: 11px;
    right: -21px;
    font-size: 12px;
    margin: 0;
}

.digit.static{
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
	
	background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, #3A3A3A),
		color-stop(0.5, #444444)
	);
}


/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */

.countDays{ /* display:none !important;*/ }
.countDiv0{ /* display:none !important;*/ }
.countHours{}
.countDiv1{}
.countMinutes{}
.countDiv2{}
.countSeconds{}


.countDiv{
	display:inline-block;
	width:16px;
	height:1.6em;
	position:relative;
}

.countDiv:before,
.countDiv:after{
	position:absolute;
	width:5px;
	height:5px;
	background-color:#444;
	border-radius:50%;
	left:50%;
	margin-left:-3px;
	top:0.5em;
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
	content:'';
}

.countDiv:after{
	top:0.9em;
}

.countdown-buttons input {
	padding: 6px 13px;
	border-radius: 3px;
	background: #edebe9;
	margin-right: 19px;
	border-color: #b0aca6;
	color: #343535;
}

.countdown-buttons {
	margin-top: 24px;
}

.clock-message {
    width: 306px;
    height: 98px;
    box-sizing: border-box;
    margin: 0;
    position: absolute;
    right: 112px;
    bottom: 30px;
    font-size: 12px;
}

.top-hero-container {
    background-image: url('/images/2017/ba_countdown.jpg'); 
    background-size: cover;
    background-position: center;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.hero-content {
    position: relative;
    z-index: 2;
    color: white;
}
.time-box {
    background: rgba(0,0,0,0.6);
    padding: 10px 20px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    min-width: 90px;
}

/* END COUNTDOWN CLOCK */

/* FRONTPAGE SLIDESHOW*/
#fpss-outer-container {overflow:hidden;}
#fpss-container {position:relative;margin:0;padding:0;clear:both;width:528px;}
#fpss-slider {float:left;background:none;overflow:hidden;width:378px;height:235px; position: relative;}
#slide-wrapper {display:block;width:378px;height:235px;}
#slide-wrapper #slide-outer {height:235px; position: relative;}

#slide-wrapper #slide-outer .slide {position:absolute; overflow:hidden; width:378px;height:235px; top:0; left:0;}
#slide-wrapper #slide-outer .slide .slide-inner {margin:0;color:#fff;overflow:hidden;background:#3a3a3a;text-align:left;z-index:8;height:235px;}
#slide-wrapper #slide-outer .slide .slide-inner a.fpss_img { display: block; height: 100%; width: 100%; }

.fpss-introtext {width:100%; background: rgba(0,0,0,0.7); position:absolute; bottom:0; left:0; padding: 10px;}
.fpss-introtext h3 { color: #fff; font-size: 14px; margin: 0; font-weight: bold; }
.fpss-introtext p { color: #ccc; font-size: 11px; margin: 5px 0; }
.fpss-introtext a.readon { color: #d24e1d; font-size: 11px; font-weight: bold; text-decoration: none;}

#navi-outer {float:left;margin:0;padding:0;background:#3a3a3a;overflow:hidden;position:relative;z-index:9;height:235px;width:150px;}
#navi-outer ul {margin:0;padding:0;list-style:none;}
#navi-outer li {display:block;padding:0;margin:0;border:none;height:78px; list-style:none;}

#navi-outer li a {display:block;padding:5px;margin:0;text-decoration:none;font-size:11px;color:#fff;background:#505050;border-top:1px solid #5c5a5b;height:78px;overflow:hidden;}
#navi-outer li a:hover, #navi-outer li a.navi-active {background:#222; color:#fff; border-left: 4px solid #d24e1d;}

#navi-outer li a span.navbar-img {display:block;width:50px;height:50px;overflow:hidden;margin:0 5px 0 0;float:left;}
#navi-outer li a span.navbar-img img {width:50px;height:50px; object-fit: cover;}
#navi-outer li a span.navbar-title {display: block; font-weight: bold; line-height: 1.2;}
.fpss-clr {clear:both;}

/* PAGINATION STYLES */

.com-content-category-blog__pagination{
	margin-top:1rem;
}
.pagination .icon-angle-double-left::before {
    content: "<<Start";
    font-size: 12px;
	font-weight: normal;
}
.pagination .icon-angle-left::before {
    content: "<Prev";
    font-size: 12px;
	font-weight: normal;
}
.pagination .icon-angle-right::before {
    content: "Next>";
    font-size: 12px;
	font-weight: normal;
}
.pagination .icon-angle-double-right::before {
    content: "End>>";
    font-size: 12px;
	font-weight: normal;
}

.pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;        
    list-style: none;           
}

.page-item {
    margin: 0;
}