@charset "utf-8";
html {overflow-y: scroll;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; -webkit-text-size-adjust: 12px; -ms-text-size-adjust: 12px; line-height:1em; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #333; background-color: #f2f6f8; margin:0px; padding:0px;}
img{display: block; max-width: 100%; height: auto;} 
.ClearFloat{width:100%; clear:both;}
article {line-height:1.2em;}

/* layout */
.SepaLogo{padding-top:10px; padding-left:10px;}
.HeaderBackground{background-color:#FFF;}
.HeaderBorder{Border-top:1px solid #d1d2d4; Border-right:1px solid #d1d2d4; Border-left:1px solid #d1d2d4;}
.MainBody{ z-index:200; padding-bottom:20px !important;}
.MainBodyTop{background-color:#FFF; Border-right:1px solid #d1d2d4; Border-left:1px solid #d1d2d4; z-index:200;}
.BelowNav{background-color:#FFF; Border-right:1px solid #d1d2d4; Border-left:1px solid #d1d2d4; z-index:200; height:10px;}
#MainTopShaddow{margin:0px; padding:0px; height:0px; width:100%;}
.zin{z-index:200;}
.MainContentWrapper{background-color: #FFF; overflow: hidden; z-index: 300; overflow: visible; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #d1d2d4; border-left-color: #d1d2d4; display:block; clear:both; padding-top:15px; padding-bottom:0px;}
.MainBody p:first-child{margin-top:0px !important; padding-top:0px !important;}
#TextContainer{background-image:url(../../images/template/main-bg-strip-new.jpg) !important; background-repeat:repeat-y !important; background-size:100%;}
#TextContainerNoBG{background-color:#FFF !important; background-size:100%;}
#MainBreadCrumbTrail{width:100%; margin:0px; padding:0px; font-weight:bold;}
.MainImageBottomText p{margin:0px !important; padding:0px !important; color:#FFF;}
.MainImageBottomText{padding: 10px; margin:0px;  color:#FFF; font-size:16px; background-color:#005983;}
.row .LeftMenu {margin-left:0px !important; margin-right:0px !important; padding-left:0px !important; padding-right:0px !important;} 
.MainContentRightBox{margin: 0px; padding: 10px; background-color: #e6e7e9; background-image:url(../../images/template/Right_Hand_Rounded_Box_Grad.jpg); 	background-repeat: repeat-x; border: 1px solid #e2e2e4; margin-bottom:15px;}
#MainContentImageHolderLeft img {width:100% !important; display:block !important;}
.collapse, .navbar-collapse , #bs-example-navbar-collapse-1 {margin:0px !important; padding:0px !important;}
.FullWidthtmp {margin-bottom:0px !important; padding-bottom:0px !important;}
.MainContentTripple{overflow:hidden;}
.LifeSmart {width: 100%; table-layout:fixed;}



/* homepage specific */
#HPFakeRow {}
.HomepageBottomBox:first-child{margin-left:0px;}
.HomepageBottomBox{margin:0px; padding:0px; width:140px; height:101px; float:left; margin-left:18px;}
/* text rotator */
.Box{ width:100%; height:60px; overflow:hidden !important; margin:0px; margin-left:auto; margin-right:auto; padding:8px; border: 1px solid #d0d2d1; margin-bottom:15px; overflow:hidden !important; padding-top:3px !important;}
.Box h2{font-size:16px !important; margin:0px; padding:0px; border:none !important; font-weight:bold;}
.Ticker{margin:0px; padding:0px; list-style:none; overflow:hidden !important; width:100%;}
.textItem {position: static !important; display: none; overflow:hidden;}
.Ticker a{overflow:hidden !important;}
/*  /text rotator */

/* banner slider */
.banner { position: relative; overflow: auto; margin:0px; padding:0px;}
.banner li { list-style: none; width:615px; height:300px;  overflow:hidden !important;}
.banner ul li { float: left; z-index:50;}
#SliderHolder {width: 615px; height:300px; margin:0px; padding:0px; margin-top:20px; margin-left:auto; margin-right:auto; background-color:#000; border: 1px solid #d0d2d1; margin-bottom:15px; overflow:hidden;}
.banner h1, .banner p{margin:0px; padding:0px;}
.Slider{margin:0px; padding:0px; list-style:none;}
.SliderHeader{ width:230px; padding:8px; background-color:#FFF; background-color:rgba(255,255,255,0.85);}
.OpacityTop{height:15px; width:246px; background-color:#FFF; background-color:rgba(255,255,255,0.85);}
.SliderText{padding:8px; background-color:#FFF; background-color:rgba(255,255,255,0.85); width:230px; height:100%;}
.SliderHeader h1, .SliderHeader h1 a{color:#015a83 !important; font-size:18px; margin:0px; padding:0px; text-decoration:none; font-weight:bold;}
.SliderHeader h1 a:hover{text-decoration:underline;}
.SliderText p, .SliderText a{color:#000; font-size:13px; margin:0px; padding:0px; margin-bottom:15px; text-wrap:normal; line-height:1.2em;}
.SliderText a{font-weight:bold;}
.SliderNav{position:absolute; z-index:80; right:6px; top:275px;}
.SliderPrev{ width:18px !important; height:20px !important; background-image:url(../../images/homepage/left.png) !important; display:inline-block; margin-right:5px;}
.SliderNext{width:18px !important; height:20px !important; background-image:url(../../images/homepage/right.png) !important; display:inline-block;}
#SliderHolder a[href^="http://"]{background:none !important;}
/* /banner slider */

/* side boxes */
.HomepageRightBoxHolder{border: 1px solid #d0d2d1; width:293px; margin:0px; padding:6px;}
.HomepageRightBox{border: 1px solid #d0d2d1; margin:0px; padding:6px;  background-color:#FFF;  overflow:hidden; display:block; margin-top:14px; }
.HomepageRightBoxInt1{width:165px; margin:0px; padding:0px; float:left; overflow:hidden;}
.HomepageRightBoxInt2{width:100px; margin:0px; padding:0px; float:left; height:43px;  overflow:hidden;}
.HomepageRightBoxInt1 p, .HomepageRightBox p{margin:0px !important; padding:0px !important;}
.HomepageRightBoxInt1 p{ height: 43px; display: table-cell; vertical-align: middle; line-height:1.2em !important; }
.HomepageRightBox:first-child{margin-top:9px;}
.HomepageRightBoxFiller{margin:0px; padding:0px; height:10px;}
.HpGradientforBoxes{background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 36%, rgba(230,231,231,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,rgba(255,255,255,1)), color-stop(100%,rgba(230,231,231,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 36%,rgba(230,231,231,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 36%,rgba(230,231,231,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 36%,rgba(230,231,231,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 36%,rgba(230,231,231,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e7e7',GradientType=0 ); /* IE6-9 */ overflow:hidden !imortant;}
.BoxDropShaddowAppear:hover{-webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; 	-webkit-box-shadow: 4px 4px 6px 0px rgba(50, 50, 50, 0.45); -moz-box-shadow:    4px 4px 6px 0px rgba(50, 50, 50, 0.45); box-shadow:         4px 4px 6px 0px rgba(50, 50, 50, 0.45);}
.BoxDropShaddowAppear{-webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}
.HomepageRightBoxInt1 p a {font-weight:normal;}
/* /side boxes */
/* weather box */
.HomepageRightBoxHolder2{border: 1px solid #d0d2d1; width:293px;  margin:0px; padding:4px;  overflow:hidden; height:101px;}
.HomepageRightBoxHolder2 .HPFloodUDTxt{margin:0px; padding:8px; width:100px; height:90px; background-color:#005b83; float:left; color:#FFF; font-size:1.3em; line-height:1.4em; font-weight:normal !important;}
.HomepageRightBoxHolder2 .HPFloodwrnhld{margin:0px; padding:4px; padding-top:8px; padding-bottom:0px !important; float:left; width:61px; height:90px; color:#000; text-align:center; overflow:hidden; font-weight:bold; background-color:#c8d9ea; font-size:0.89em; line-height:1.0em;}
.HomepageRightBoxHolder2 .HPFloodwrnhld img{padding-top:2px; padding-bottom:4px;}
.HomepageRightBoxHolder2 .HPFloodUDTxt{font-weight:bold !important;}
/* /weather box */
/* /homepage specific */

/* MTC */
.MTCHomeLayCol1{margin:0px; padding:0px; margin-right:15px; float:left; width:75%;}
.MTCHomeLayCol2{margin:0px; padding:0px; float:left; width:250%;}
#MTCPL2{margin-bottom:15px;}
.MTCWTLM{margin:0px; padding:10px; background-color:#96b4c3;}
.MTCWTLMint{margin:0px; padding:10px; background-color:#FFF; margin-top:8px;}
.MTCWTLMint ul{margin:0px; padding:0px; list-style:none;}
.MTCWTLMint li{padding-top:8px; overflow:hidden !important; overflow-y: hidden !important; line-height:auto;}
.BoxBorderPadding{margin:0px; padding:8px; border: 1px solid #d0d2d1; margin-bottom:15px; position: relative; }
.GradientforBoxes{background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 36%, rgba(230,231,231,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,rgba(255,255,255,1)), color-stop(100%,rgba(230,231,231,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 36%,rgba(230,231,231,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 36%,rgba(230,231,231,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 36%,rgba(230,231,231,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 36%,rgba(230,231,231,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e7e7',GradientType=0 ); /* IE6-9 */}
.BoxBorderPadding header h1, .BoxBorderPadding header h1 a, .MTCOtherInfo header h1, .MTCWTLM header h1{font-size: 1.667em; line-height:1.3em; border:none !important; padding:0px !important; margin:0px !important; color:#015a83 !important;}
.BoxBorderPadding p{margin-top:10px;}
.MTCBlueBoxText table, .MTCBlueBoxText td, .BoxBorderPadding table, .BoxBorderPadding td {border:none !important; border:0px solid #FFF !important; margin:0px !important; padding:0px !important;}
.MTCBlueBoxWrapper{margin:0px; border: 1px solid #d0d2d1; margin-bottom:15px; overflow:hidden; float:left;} 
.MTCBlueBoxInner1{padding:8px;}
.MTCBlueBoxInner2{padding:8px; color:#FFF; background-color:#005a82; text-align:center; font-weight:bold;}
.MTCBlueBoxSideMargin{margin-right:16px;}
.MTCBlueBoxPic{Margin:0px; padding:0px; width:36%; margin-right:5px; float:left !important; overflow:hidden;}
.MTCBlueBoxText{Margin:0px; padding:0px;  width:62%; float:left !important;  overflow:hidden;}
.ImageRight{float: right; padding-left: 8px; padding-bottom: 8px; padding-top:8px;}
.ImageLeft{float:left; padding-right: 8px; padding-bottom: 8px; padding-top:8px;}
.BoxBorderPadding{margin:0px; padding:8px; border: 1px solid #d0d2d1; margin-bottom:15px; position: relative;}
#MTCSMBB1{width:48%; margin-right:4%;}
#MTCSMBB2{width:48%;}
#MTCMainMainBox p img {display:inline !important;}
.YouTubeVideosWrapper{margin:0px; padding:8px; background-color:#FFF; margin-top:10px;}
.YTVImg{  padding:0px; margin:0px; margin-right:10px; float:left; width:30%;}
.YTVDesc{ padding:0px; margin:0px; float:left; width:64%;}
.YTVRow{ margin:0px; padding:0px; margin-top:10px;}
.YTVRow:first-child, .YTVDesc p:first-child{margin-top:0px !important;}
.UTVHolder{position: relative; padding-bottom: 56.25%; padding-top: 60px; overflow: hidden;}
.UTVHolder iframe {position: absolute; top: 0; left: 0;width: 100%;height: 100%;}
.BoxBorderPadding{Margin:0px; padding:8px; border: 1px solid #d0d2d1; margin-bottom: 15px; position: relative; }
.responsive-video {position: relative; padding-bottom: 56.25%; padding-top: 60px; overflow: hidden;}
.responsive-video iframe, .responsive-video object, .responsive-video embed {position: absolute; top: 0; left: 0;width: 100%;height: 100%;}
/* /mtc */

/* Contact us */
.ContactUsBoxHolder{margin-top:15px;}
.ContactUsPopular ul{margin:0px; padding:0px; padding-top:0px; padding-right:0px; list-style:none;}
.ContactUsPopular li {margin:0px; padding:0px;}
.ContactUsBoxMed{width: 47%;} 
.ContactUsBoxLong{margin:0px; padding:0px; margin-top:15px !important; margin-bottom:15px !important;}
.ContactUsBoxMed{margin:0px; padding:0px;  margin-bottom:15px; float:left;}
.ContactUsBoxGap{margin-right:20px !important;}
/* /contact us */

/* Library */
.BlueBoxInternal{margin:0px; padding:6px;}
.BlueBox{padding:0px; margin:0px; Margin-bottom:15px; border: 1px solid #d1d2d4; }
.BlueBox header{background-color: #005983; margin:0px; padding:0px;}
.BlueBox h1{padding:5px; font-size: 1.3em !important; margin:0px; color:#FFF; margin-bottom:0px !important; border:none !important;}
.BlueBoxInternal ul {margin:0px; padding:0px;}
.libraryLinks li{list-style-type: disc;  margin-left: 20px;}
.libraryLinks {margin:0px; padding:0px;}
.LibraryHPSearchBox{border: 1px solid #d1d2d4; margin-bottom:15px; position:relative;}
.LibraryHPSearchBox article header h1{border:none !important; margin:0px; padding:8px; font-size: 1.3em !important; border-bottom: 0px !important;}
.LibraryHPSearchBox header{color: #ffffff; background-color: #005983;}
.LibraryHPSearch{background-image:url(../../../images/library/library_hp.jpg); background-repeat:no-repeat; height: 160px;}
.TrippleColumnBoxInternal{margin:0px; padding:0px; padding:6px; }
.LibrarySearchBarPlace{text-align: right; margin:0px; padding:15px; background-color: #005983; width:310px; margin-top:45px; margin-left:40%;}
.LibSearchInput{width: 200px; margin-right: 20px; padding:6px;}
.LibrarySearchBarPlace .button{padding:6px;}
.LibSearchTable th,.LibSearchTable td {border:none !important; border-image-width:0px;}
#searchLibraryBox legend {border-bottom: 0px solid #fff; font-size:14px; font-weight:bold;}
/* Huzz : For Xuntos Search */
.active{padding:5px; background-color:#f2f6f8; border:1px solid #d6e3e9;float:left;}
.nr{padding:5px; background-color:#fff;float:left;}
.LibPad{margin-left:5px;}
#Bim label {margin-left:5px;}
/* /Library */

/*Flooding homepage */
#mapFlooding {margin:0px; margin-right: 15px; margin-bottom: 15px; border: 1px solid#d0d2d1; padding:4px; margin-top: 15px; float: left;}
#mapHolder {margin:0px; padding:0px;}
#mapFooter {margin:0px; padding:4px; font-weight: bold; text-align: center; color: #ffffff; background-color: #005b83; font-size: 1.5em; line-height: 1.7em;}
#mapFooter a{color: #ffffff;}
.HPFloodUDTxthp{margin:0px; padding:10px; background-color: #005b83; color: #ffffff; font-size: 1.3em; line-height: 1.4em;  font-weight: bold;  text-align: center; width:100%;}
#floodboxlinkhp a {text-decoration-line: none !important;  text-decoration-style: solid !important; margin:0px !important; padding:0px !important;}
.HPFloodwrnhldhp{margin:0px; padding-right: 5px !important; padding-left: 5px !important; padding-top: 8px !important; padding-bottom: 0px; color: #000000; font-weight: bold; background-color: #c8d9ea; font-size: 0.89em; line-height: 1em; display:block !important; width:100% !important; clear:both !important;}
.HPFloodwrnhldhp img{padding:10px; float: left; margin:0px;}
.HPFloodwrnhldhp .HPFDHP{padding:10px; font-size: 1.1em; line-height: 1.3em; padding-left: 20px; margin:0px;}
/* errr */
.FHP .HPFloodUDTxt{margin:0px; padding:5px;  background-color:#005b83; color:#FFF; font-size:1.3em; line-height:1.4em; font-weight:bold; width:99%; text-align:center;}
.FHP .HPFloodwrnhld{margin:0px; padding:5px; padding-bottom:0px; width:99%;  color:#000; overflow:hidden; font-weight:bold; background-color:#c8d9ea; font-size:0.89em; line-height:1.0em; padding-bottom:9px;}
.FHP .HPFloodwrnhld img{padding-top:2px !important; padding:5px !important; float:left;}
.FHP .HPFloodwrnhld div{padding:5px !important; font-size:1.1em !important; line-height:1.3em !important; padding-left:20px !important;}
.FHP #floodboxlink a{margin:0px !important; padding:0px !important; text-decoration:none !important;}
/* /FloodingHomepage */



/* JOBS */
.JobsHomepageTextSplit{margin-bottom:15px;}
.JobsHomeImage{margin-bottom:20px;}
.JobsBx{margin:0px; padding:0px; margin-bottom:25px;}
/* /JOBS */

/* MTC video slider */
.carousel  {padding:0px; margin: 0px; position: relative;}
.carousel .VidNav { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/  float: left;}              
.carousel a.prev,  .carousel a.next {display: block; float: left; text-decoration: none; padding:6px; margin:0px; margin-top:30px;} 
.carousel a.prev {padding-left:0px;}
.carousel a.next {padding-right:0px;}
.carousels a:hover,  .carousels a:active {border: none; outline: none;}                 
.carousel .jCarouselLite{ float: left; /* Needed for rendering without flicker */ position: relative; visibility: hidden; left: -5000px;}
.carousel ul { margin: 0; padding:0px;}
.carousel li  {margin: 0px !important; padding:0px !important; width:69px !important; height:90px !important; margin-right:3px !important; margin-left: 3px !important;}
.carousel li img{display: block; max-width:inherit !important; height:inherit;}
.vertical {margin-left: 0px; }
.vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */width: 250px !important;}
#CarWrapper{margin:0px; padding:0px; height:120px; display:block; position:relative; padding-top:8px;}
.vidbg{width:69px !important; height:90px !important; display:block !important; margin:0px !important; padding:0px !important; background-image: url("/images/making_the_case/soil-vid-nf.jpg"); overflow:hidden !important;}
/* /MTC video slider */
/* fix checkbox to text issue */
.CmsGenericControlDivClass input[type=checkbox]{margin-right:5px !important;}
/* possible clumn fix */
.IKnow {padding-right:0px;}
/* fix images on li's so they dont drop to the next row as they are set by default as block */
.MainContentTripple ul {padding-left:35px;}
.MainContentTripple li img {display:inline;}
.MainContentTripple li:first-child{padding-top:5px;}
.MainContentTripple li{overflow-x: visible; overflow-y: visible;}
table td img {display:inline;}

/* Job new graduate page */
.ImageWrapperForColumn{margin:0px; padding:0px; padding-bottom:25px;}
.PadTopBtm{margin-bottom:25px; margin-top:25px;}
.TwtWrapper{width:100%; overflow: hidden;}
iframe[id^='twitter-widget-']{ width:100% !important;}

/* homepage add */
.HomepageHeightAdd{height: 21px;}


/* homepage add */
.BoxErr{ width:100%;overflow:hidden !important; margin:0px; margin-left:auto; margin-right:auto; padding:8px; border: 1px solid #d0d2d1; margin-bottom:15px; overflow:hidden !important; padding-top:3px !important;}
.GradErrBx {
background: rgba(240,240,240,1);
background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0.94) 9%, rgba(241,111,92,0.33) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(9%, rgba(240,240,240,0.94)), color-stop(100%, rgba(241,111,92,0.33)));
background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0.94) 9%, rgba(241,111,92,0.33) 100%);
background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0.94) 9%, rgba(241,111,92,0.33) 100%);
background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0.94) 9%, rgba(241,111,92,0.33) 100%);
background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(240,240,240,0.94) 9%, rgba(241,111,92,0.33) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f16f5c', GradientType=0 );
	border: 1px solid #cf847a !important;
}


/* homepage box virus */
.BoxCovidDetails{ width:100%; background-color:#73ae57; color:#FFF; margin:0px; padding:8px; border: 1px solid #d0d2d1; margin-bottom:15px; overflow:hidden !important; padding-top:3px !important;}
.BoxCovidDetails h2{margin:0px  !important; padding:0px  !important; border:0px solid #73ae57  !important; font-weight:bold  !important;}
.BoxCovidDetails:hover {color:#005983 !important;}
.LinkNoUnderline {font-size:1.9em  !important; text-decoration:none;}
.LinkNoUnderline:hover, .BoxCovidDetails h2 a:hover{color:#005983 !important; text-decoration:underline !important;}
/* /homepage box virus */

/* for main top site covid box */
.BoxCovidDetailsFull{ background-color:#73ae57; color:#FFF !important; font-size:3em !important; padding:25px !important; line-height:1em !important;}
.covidText, .covidText a{text-decoration:none !important; color:#FFF !important; font-weight:bold !important;}
.covidText:hover,.covidText a:hover  {color:#005983 !important;}
/* /for main site covid box *//* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */