/** SITEWIDE */
* { box-sizing: border-box; }
html,body,table,form,img{ border:none; padding:0; margin:0}
body {font-family:'Segoe UI','San Francisco','Helvetica Neue','system ui',sans-serif;
	font-size:1.2em;line-height:1.2;letter-spacing:.03em;background-color:rgba(250,250,250,.9)}
h1,h2,h3,h4,h5,h6{font-weight:600;margin:.35em 0 .7em}
h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:.85em}
img{height:auto;max-width:100%}
a,a:visited {color:rgb(49,57,64)}
a:hover {color:rgb(77,178,203)}
a.noline,a.noline:hover {text-decoration:none}

/** Site Style 
 * banner gray rgb(61,64,57)
 * accent green rgb(111,192,72)
 * cisco orange rgb(243,102,33)
 * **/
.page {max-width:1200px;margin:auto;padding:1em}
#Content {background-color:rgba(250,250,250,.9)}
#MainNav {padding:1em;text-transform:uppercase;border-bottom:4px rgb(243,102,33) solid;}
#MainNav a {margin:0 .5em}

header {display:block;background-color:black;color:#fff;}
header a, header a:visited {color:#fff;text-decoration:none}
header a:hover{color:rgb(111,192,72)}
/** HERO Styling **/
.herop1,.herop2 {margin:0;padding:0;text-wrap:balance;line-height:1.1;}
#Hero .herop2 {animation:.5s ease-out animating-herop;}

/** page hero **/
.hero {padding:2em;color:#fff;background-color:#444;opacity:1;background-size:cover}
.inner-hero {min-height:150px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.hero h1 {display:inline-block;width:auto;padding:.5em 1em;border-radius:8px;background-color:rgba(0,0,0,.6)}

@keyframes animating-herop {
	0% {opacity:0;transform:translateX(120%);}
	100% {opacity:.5;transform:translateX(0);}
}
#Hero,#SecondHero {
	color:#fff;background-color:#000;text-wrap:balance;	min-height:30vh;padding:10vh 0;
	background-size:cover;background-repeat:no-repeat;background-position:center center; 
}
@media(min-width:1024px) {
.hero{background-image:url(/files/image/1291912388/800/);}
}
@media (max-width:1280px){
	nav.md-hide {display:none}
	.herop1 {font-weight:bold;font-size:28pt}
	.herop2 {font-size:20pt}
}
@media (min-width:1281px){
	#MainNav nav.md-hide {display:flex;gap:1em}
	.herop1 {font-weight:bold;font-size:32pt}
	.herop2 {font-size:24pt}
}
.bannercall {font-size:1.4em;font-weight:bold}
main {display:block;min-height:80vh}
#Trail {padding:10px;font-size:16px;text-transform:lowercase}
#Trail b,#Trail a {font-weight:normal;text-decoration:none}
.subMenu {text-transform:uppercase;text-align:center;border-radius:4px;border:1px 444 solid;color:#eee}
.subMenu ul{list-style-type:none;margin:0;display:flex;width:100%;align-items:center;border-bottom:1px #3c4038 solid}
.subMenu li{display:block:100%;margin:3px 6px}
.subMenu li b {padding:6px 8px;color:#000;}
.subMenu li a,.subMenu li a:visited  {padding:6px 8px;display:block;height:100%;
	font-weight:bold;background-color:#f26622;color:#fff;text-decoration:none;border:1px #f26622 solid;border-bottom:0;border-radius:3px 3px 0 0}
.subMenu li a:hover {padding:6px 8px;background-color:#fff;color:#000}
footer{font-size:.8em;display:block;clear:both;padding:10px;color:#fff; background-color:rgb(88,89,91);background-color:rgb(0,0,0)}
footer a, footer a:hover, footer a:visited{padding:3px;color:#fff;text-decoration:none}
footer .quicklinks a {display:block}
footer h3 {color:rgb(243,102,33)}
hr {border:1px rgb(243,102,33) solid}
.orangebar {margin:0;padding:.5em;font-size:larger;background-color:rgb(243,102,33);color:#fff}


.econtainer {display:flex;flex-direction:column;margin:1em;padding:1em;text-decoration:none;
	border-radius:.5em;border: 1px #ccc solid;	transition: background 0.4s ease-in-out, color 0.4s ease-in-out;}
.econtainer:hover {color:#000;background:#fff}
.econtainer::after {content:"";display:table;clear:both}
.econtainer p {margin:2px}
.eimgcontainer {width:100px;height:100px;overflow:hidden}
.eimgcontainer img {max-height:100%;max-width:100%;object-fit:cover}
.edesc {font-size:.85em}
input,select,textarea,button,select {border:1px rgb(243,102,33) solid;}

/** Utilities **/
table{width:100%;background-color:transparent;border-spacing:1}
caption{padding:4px;border-spacing:0;font-weight:bold;background-color:#4e4B4b;color:#fff}
tr:nth-child(odd){background-color:#fff}tr:nth-child(even){background-color:#f0f0f0}
th,td{padding:4px}th {border-bottom:1px #444 solid}
.hover tbody tr:hover{background:palegoldenrod}
form{margin:0 auto}
.iwrap{float:left;padding:2px}.iwrap label{padding:2px;display:block}
input,select,textarea,button,select {padding:8px;font-size:inherit;border-radius:3px;background-color:#fff;}
fieldset{margin-top:3px;margin-bottom:3px;padding:4px;border-radius:3px}label{font-weight:bold}
textarea{width:595px;max-width:92vw;height:100px}
select {padding-bottom:5px}
.required,input:required,textarea:required{}
input:valid {background-color:rgb(250,250,250)}

ul.taglist {display:inline;list-style:none}ul.taglist li {display:inline;margin:1px}ul.taglist li:after {content:", "}ul.taglist li:last-child:after { content: "" }
ul.columnlist { column-width:200px; column-count: 3}

.upper{text-transform:uppercase}
.icon24{height:24px;vertical-align:top}
.indent {margin-left:1em}
.avt{vertical-align:top}.atl{text-align:left}.atc{text-align:center}.atr{text-align:right}
.hidden{display:none}.screenHide{display:none}.printHide{display:''}.bigHide{display:none}.db{display:block}.di{display:inline}
.fl{float:left;margin:2px}.fr{float:right;margin:2px}.cb{clear:both}.nw {white-space:nowrap}
.mg40 {margin:40px 0}
.mt40{margin-top:40px}
.mb40 {margin-bottom:40px}
.screenreadertext,.screen-reader-text,.visually-hidden,.skip-nav,.sr {position:absolute;height:1px;width:1px;clip-path:inset(100%);clip:rect(1px,1px,1px,1px);overflow:hidden;white-space:nowrap}

.buttonlink,.calltoaction {display:inline-block;padding:8px 16px;font-weight:bold;font-size:larger;text-decoration:none;text-align:center;border-radius:4px; box-shadow:rgba(0,0,0,0.24) 0 3px 8px}
.buttonlink.black,.buttonlink.dark,.buttonlink.black:visited,.buttonlink.dark:visited {color:#fff;background-color:#333;border:1px #333 solid}
.buttonlink.orange,.buttonlink.orange:visited {color:#fff;background-color:rgb(243,102,33);border:1px rgb(243,102,33) solid}
.buttonlink:hover, .buttonlink.black:hover {color:#000;background-color:#fff;border:1px rgb(77,178,203) solid}
.buttonlink:active { transform: scale(0.98); box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);}

/** table **/

table {width:100%}
tr td {padding:2px}
tr.header td,tr.header th,caption {font-weight:bold;border-bottom:3px double #ECECEC}
tr>td.summary {border-top:3px double #ECECEC; background-color:#fff}
tr.rs1 td, .t1 {background-color:#fff }
tr.rs2 td, .t2 {background-color:rgb(245,245,245)}

.hover tr:hover { background:palegoldenrod !important}

.striped {width:100%;border-spacing:1px;empty-cells:show;background-color:#ccc}
.striped caption,.striped th {min-height:15px;padding:5px;text-transform:uppercase;font-weight:bold;border:1px solid #ccc;border-bottom:0;background:#eae9e9}
.striped th {border:0}
.striped caption span.fl,.striped th span.fl {padding-top:6px}
.striped td {text-align:left;padding:5px;background-color: #fff}

.ngrid { width:100%;border-spacing:1px;empty-cells:show; background-color:#ccc }
.ngrid caption,
.ngrid th {min-height:15px;padding:5px;text-transform:uppercase;font-weight:bold;border:1px solid #ccc;border-bottom:0;background:#eae9e9}
.ngrid th {border:0}
.ngrid caption span.fl,.ngrid th span.fl {padding-top:6px}
.ngrid td {text-align:left;padding:5px}
.ngrid .row-child td {padding-left:25px;text-align:left;background-color:#ccc;border-top:1px black solid}
.ngrid tbody tr:nth-child(2n+1) {background-color: #fff}
.ngrid tbody tr:nth-child(2n) {background-color: rgb(240,240,240)}
.ngrid tfoot tr {background-color: rgb(220,220,220)}
/*-- GRID STYLES--*/
.grid { width:100%;border-spacing:1px;empty-cells:show;background-color:rgba(200,200,200,.5)}
.grid caption, .caption {min-height:15px;padding:5px;text-align:left;text-transform:uppercase;font-weight:bold;border:1px solid #ccc;border-bottom:0;background:#eee}
.grid thead tr th,.grid tfoot tr th {padding:5px;text-align:left; text-transform:uppercase;font-weight:bold;background:linear-gradient(to bottom, #fdfcfc 0%,#eee 10%,#e9e8e8 100%) }
.grid caption span.fl, .grid th span.fl {padding-top:6px}
.grid td {text-align:left;padding:5px;background-color:#fff;}
.grid tr.row-child td {padding-left:25px;text-align:left;background-color:#fff}
.grid tr.row-child td table.grid tbody tr td {padding:5px}
.grid>tbody>tr.r1>td {background-color:#fff}
.grid>tbody>tr.r2>td {background-color: rgb(245,245,245)}
.grid.hover>tbody>tr.r1:hover>td,.grid.hover>tbody>tr.r2:hover>td {background-color:palegoldenrod}
.grid tr.active td {cursor:pointer;font-weight:bold !important}
.grid tr.active:hover td {background:#606060}
.grid tr td.edit {background: url(/images/edit_flag.png) top left no-repeat}
.grid tr.row-child td table tr td {padding:2px}
.grid tr.red td,.grid tr.blue td {font-weight:bold}
.grid tr.red td {background:#fff url(/images/red_row_bg_ex.png) top left repeat-x}
.grid tr.blue td {background:#fff url(/images/blue_row_bg_ex.png) top left repeat-x}

/*--SORTABLE GRID TABLE STYLES--*/
th.nosort {background:#fdfcfc;background:linear-gradient(to bottom, #fdfcfc 0%,#eae9e9 100%)}
th.sort{cursor:pointer}
th.sort:after{content:'\2195';color:#999;margin-left:4px}
th.asc:after{content:'\2193';color:#000}
th.desc:after{content:'\2191';color:#000}
th.atr.sort:after{content:'\2B07'}
th.atr.asc:after{content:'\2B07'}
th.atr.desc:after{content:'\2B06'}
/** Flex **/
.flex {display:flex;flex-wrap:wrap}
.flex-item {margin:1em}.flex-item img {text-align:center}
.jcsa {justify-content:space-around}.jcsb{justify-content:space-between}
.jcfs{justify-content:flex-start}.jcfe{justify-content:flex-end}
.jcc {justify-content:center}
.aic {align-items:center}.ait{align-items:top}.aib{align-items:bottom}
.g10 {gap:10px}.g20{gap:20px}
.mg20 {margin-top:20px;margin-bottom:20px}
.bord {border:1px gainsboro solid}
@media (min-width:1024px){
    .lg-show {display:block}.lg-hide{display:none}.md-show,.sm-show{display:none}
    .lg-col-1{flex-basis:8.33%}.lg-col-2{flex-basis:16.66%}.lg-col-3{flex-basis:25%}.lg-col-4{flex-basis:32%}
    .lg-col-5{flex-basis:42%}.lg-col-6{flex-basis:50%}.lg-col-7{flex-basis:58%}.lg-col-8{flex-basis:66.66%}
    .lg-col-9{flex-basis:75%}.lg-col-10{flex-basis:83.33%}.lg-col-11{flex-basis:92%}.lg-col-12{flex-basis:100%}
}
@media (max-width:1023px){
	.subMenu ul, .subMenu li{display:block;border-bottom:0}
	.page {max-width:96%;margin:auto;padding:1em}
    .md-hide,.mobileHide,.top-background, .smallHide, #Trail{display:none}
    .sm-show{display:block}.sm-hide{display:none}.lg-show,.md-show{display:none}
	.sm-col-3{flex-basis:24%}.sm-col-6{flex-basis:49%}.sm-col-12{flex-basis:100%}
    .sm-reverse {flex-direction:column-reverse}.sm-atc {text-align:center}.sm-center {justify-content:center}
    .responsive thead {display:none}
    .responsive tr {clear:both;}
    .responsive td {display:block}
    .responsive td[data-label]:before {font-weight:bold;content:attr(data-label);display:inline-block;padding:0 1em 0 0;text-align:left}
    .responsive td:last-child:after {content:"";clear:both;border-bottom:1px solid #ccc}
    .responsive td{text-align:left !important}
    .responsive td:empty {display:none}
    .responsive tfoot tr {background:none !important}
    .responsive tfoot th {display:block;float:left;background:none;}
 }
@media (max-width:480px){
	.sm-jcsa {justify-content:space-around}
    .grid thead tr {position:absolute;top:-9999px;left:-9999px}
    .grid thead,.grid tbody,.grid th,.grid td,.grid tr{display:block}.grid tr {border-bottom:1px #444 solid}
    .grid td{padding:1px;text-align:left}.grid td:before{display:block;font-size:xx-small; vertical-align:top;font-weight:bold;text-align:left;margin-right:5px;content:attr(data-title)}
}
@media print{
    .printHide {display:none}
    td,th{padding:2px}.screenHide{display:unset}a{text-decoration:none;font-weight:normal;color:#fff;background-color:#fff}
}
a.mediabox {text-decoration:none;}
a.mediaboxlogo:before {content:'\25B6';margin:0 .5em}


/**
@media (prefers-color-scheme: dark) {
body {background-color:rgb(49,57,64);color:rgb(200,200,200)}
h1 {color:rgb(77,178,203)}
a,a:visited {color:#fff}
a:hover {color:rgb(77,178,203);border-bottom:1px rgb(19,125,140) solid}
}
*/