@import url("/vSCRIPT/MultiKey.css");

.ui-dialog h1
{ 
    font-size: 28px;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 10px;
} 

html, body
{
    font-family: verdana, arial, helvetica, "avant garde", "sans-serif";
    font-variant: normal;
}

legend
{
    margin-left:10px;
}

.BorderFieldset
{
    border: 1px solid #000;
    padding: 10px;
    display: inline-block;
}

.PageTitle
{
    font-size: 15pt;
    color: #000000;
}
.SecondPageTitle
{
    font-size: 12pt;
    color: #000000;
    font-weight: 100;
    border-bottom: solid 1px #000000;
}

.PageText,
.Details /*MultiKey*/
{
    font-size: 11px;
    Color: #000000 !important;
    font-weight: 400;
}
.BoldDataFont
{
    Font-Size: 12px;
    Color: #000000;
    Border: none;
    Padding: 0;
    font-weight: bold;
}
.SmallDataFont
{
    Font-Size: 12px;
    Color: #000000;
}
.DataFont,
.ReportCell /*MultiKey*/
{
    Font-Size: 12px;
    Color: #000000;
    Border: none;
    Padding: 0;
}
.ReportCellChallenge /*MultiKey*/
{
    text-align: center;
    Font-Size: 12px;
    Color: #000000;
    Border: none;
    Padding: 0;
}
td .DataFont
{
    Padding: 0;
}

.AdminSiteToolBar
{
    font-size: 14px;
    font-weight: bold;
    color: #005941;
    text-decoration: none;
}

.Nav{
    font-size: 11px;
    font-weight: bold;
    color: #005941;
    text-decoration: none;
}
.Nav:hover{
    text-decoration: underline;
}

.NavLeaf{
    font-size: 11px;
    font-weight: bold;
    color: #005941;
    text-decoration: none;
}
.NavLeaf:hover{
    text-decoration: underline;
}

.NavParent{
    font-size: 11px;
    font-weight: bold;
    color: #005941;
    text-decoration: none;
}
.NavParent:hover{
    text-decoration: underline;
}

.NavRoot{
    font-size: 11px;
    font-weight: bold;
    color: #005941;
    text-decoration: none;
}
.NavRoot:hover{
    text-decoration: underline;
}
.NavTree span.fancytree-focused, .NavTree span.fancytree-focused a{
	color: #990000;
 }
.NavLevel2{
    cursor: pointer;
}
.Link
{	
    Font-Weight: bold;
    Color:#333366;
    Text-Decoration: underline;
    font-size: 12px;
    border: none;
}
.NegativeCurrency{
    color: #5f5f5f
}

.TopHeader,
.MKTableHeader /*MultiKey*/
{
    background-color: #005941;
    Color: White;
    Font-Weight: bolder;
    Font-Size: 12px;
    text-align: center;
    border: solid 1px black;
}
.TopHeader a,
.MKTableHeader a /*MultiKey*/
{
    background-color: #005941;
    Color: White;
    Font-Weight: bolder;
    Font-Size: 12px;
    text-align: center;
}
.GridFormat,
.ReportTable /*MultiKey*/
{
    border: solid 1px black;
    border-collapse: collapse;
}
.GridFormat tr th,
.ReportTable tr th /*MultiKey*/
{
    padding-right: 3px;
    padding-left: 3px;
}
.GridFormat tr td,
.ReportTable tr th /*MultiKey*/
{
    border-style: none;
    padding-right: 4px;
    padding-left: 4px;
}
.GridRow
.ReportEvenOdd /*MultiKey*/
{
   height: 20px;
   background-color: #ffffff;
}
.GridAlternateRow,
.ReportEvenRow /*MultiKey*/
{
   height: 20px;
   background-color: #dcd7c9;
}
.WidgetHeader
{
    background-color: #dcd7c9;
    border-top: solid 2px #005941;
    border-bottom: solid 2px #000000;
    margin: 2px 0 2px 0;
    padding: 0 4px 0 4px;
}


.ValidationError
{
    font-size: small;
    color: #990000;
}
.ErrorBox
{
    color: #990000;
    border: 2px solid red;
    min-width: 1em;
    text-align: center;
}
.ErrorRed
{
    color: #990000;
}
.SuccessMessage
{
    font-size: 12pt;
    color: #000000;
    font-weight: bolder;
}
.ErrorMessage
{
    font-size: 12pt;
    color: #990000 !important;
    font-weight: bolder;
}
ul.ErrorMessage
{
	list-style-type: none;
}

.HeaderColor
{
    background-color: transparent;
}
.BackColor
{
    background-color: White;
}

.OlbMenu .ui-menu-item
{
    background-color: transparent;
}
.OlbMenuContainer .ui-widget-content {
	background: transparent;
}
.OlbMenu .NavRoot
{
    margin: 5px !important;
}

.ui-front {
    z-index: 1000;
}

.screen-reader-only {
     position: absolute;
     height: 1px;
     width: 1px;
     clip: rect(1px 1px 1px 1px); // IE 6 and 7
     clip: rect(1px,1px,1px,1px);
     clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
     -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
     overflow: hidden !important;
 }

.fancytree-container,
span.fancytree-focused span.fancytree-title
{
    outline: 0 !important;
    list-style-type: none;
}

.noBullets {
    list-style-type: none;
}

/*MultiKey*/
.FieldName
{
    Font-Size: 12px;
    Color: #000000;
    Border: none;
    Padding: 0px 5px 0px 0px;
    font-weight: bolder;
}

.SuperUserHidden
{
    color: transparent;
}

.FDICLogo {
display: inline;
    width: 430px !important;
    margin-top: -74px; 
display: block;
/* 
    position: absolute;
    left: -1px;
    top: 134px;
*/
}


.newsItems {
    display: table;
    margin-top: 40px;
    margin-bottom: 40px;
}

.newsImage.odd {
    width: 500px;
    height: 285px;
    padding-right: 40px;
    vertical-align: middle;
    display: table-cell;
}

.newsContent.odd {
display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 40px;
text-align: left;
}

.newsContent.odd h3 {
font-weight: normal;
    text-transform: uppercase;
    font-size: 21px;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
line-height: 24px;
}

.newsContent.odd h2 {
    font-size: 36px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    color: #005941;
font-family: "Roboto Slab",Times,serif;
}

.newsContent.odd p {
font-size: 16px;
    line-height: 22px;
    max-width: 90%;
}

.PageButtonWrap {
text-align: center;
}

.PageButtonWrap:hover {
cursor: pointer;
}

.newButton {
background-color: #005941;
color: white;
padding: 15px;
border-radius: 15px;
text-align: center;
font-size: 18px;
display: inline-block;
}

/*COLUMNS*/
.columnsingle {
float:left;
width: 33.33%;
padding-left: 20px;
padding-right: 20px;
}

.column.third > center > .PageButton > .a:visited {
color: #fff !important;
}

.row:after {
content: "";
display: table;
clear: both;
}

.half {
margin-right: 40px;
width: calc(50% - 20px);
}

.half.final {
margin-right: 0px!important;
}

.PageButton {
background-color: #005941;
    text-align: center;
    padding: 10px 20px;
    border: solid 3px;
color: #fff;
max-width: fit-content;
font-weight: bold;
margin-top: 20px; 
font-size: 16px;
text-decoration: none;

}


.bannerboxbutton {
background-color: white;
color: green;
padding: 15px;
border-radius: 15px;
text-decoration: none;
}

/*SKIP TO MAIN CONTENT LINK*/
a.skiplink {
  position: absolute;
  top: -40px;
  left: 0;
  padding: 6px;
}

a.skiplink:focus {
    position: absolute;
    left: 0;
    top: 0;
font-size: 14px;
color: black;
background-color: white;
z-index: 1000000;
}
/*END SKIP TO MAIN CONTENT LINK*/


tr.DataFont:hover span.DataFont{
color: white;
}

.Link{
font-size: 15px!important;
}

.anchor{
padding-top:300px;
margin-top:-300px;
}

.borderRight{
border-right: 1px solid black;
padding-right: 12px;
}

.borderBottom{
border-bottom: 2px solid black;
}

.innerTable th{
padding: 10px;
}

.depositTable{
margin: auto;
border-bottom: 2px solid black;
padding-bottom: 5px;
}

.depositTable th{
font-weight: bold;
padding-left: 12px;
padding-right: 12px;
}

.hidden{
display: none;
}

.Weather{
    width: 350px;
    position: fixed;
    top: 74px;
    right: -116px;
    z-index: 21000;
    background-color: #005941;
    padding: 10px;
    color: white;
    display: none;h
}

.WeatherIcon{
    float: left;
    padding-right: 10px;
    width: 70px;
}

ul.PageText{
list-style:none;
}

ul.PageText li::before {
content: "\2022";
    color: rgba(0,051,153,0.7);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -30px;
    font-size: 51px;
    margin-right: -17px;
    margin-top: -5px;
    position: absolute;
}

.PageText{
    font-family: myriad-pro, sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 25px;
    color: #000000;
    font-size: 20px;
}

.button{
background-color: #005941;
color: #C88912;
font-size: 30px;
border-radius: 5px;
border: none;
padding: 10px;
}

.applyButton{
background-color: #005941;
color: white;
font-size: 22px;
border-radius: 5px;
border: none;
padding: 10px;
width: 35%;
text-decoration: none;
text-align: center;
display: inline-block;
font-style: normal;
}

.GridRow {
    background-color: #eeeeee;
}

.GridFormat { 
    border-color:#e8edff;
}

.GridFormat th {
    border-left-style:solid;
    border-left-width: 1px;
    border-left-color: #eeeeee;
}

.GridFormat tr td {
    border-bottom-style:solid;
    border-bottom-width: 1px;
    border-bottom-color: #ffffff;
    padding:6px;
}

.GridFormat tr:hover th[scope=row], .GridFormat tr:hover td, table.Gridformat>tr:hover>td>p, .Gridformat>tr:hover .PageText{ 
  background-color: #0077b3;
  color: white!important;
} 
.GridFormat tr:hover ul li.PageText, .GridFormat tr:hover p.PageText, .GridFormat tr:hover a.PageText{
color:white;
}

/*depositRates*/
.table {
    display: table;
    border: 1px solid #bfbfdc;
    margin: auto;
}
.row {
    display:table-row;
}
.column {
    display: table-cell;
    padding:20px;
}

.appear
{
display:none;
}
/*End depositRates*/

/*FlexSlider*/
.slides a{
text-decoration: none;
}

.bannerWrap{
height: 400px;
display: table-cell;
}

.bannerBox{
background-color: rgba(0,0,0,0.6);
max-width: 500px;
margin-left: 100px;
margin-right: auto;
padding: 10px;
margin-top: 100px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}

.bannerBoxX{
visibility: hidden;
background-color: rgba(0,0,0,0.6);
max-width: 500px;
margin-left: 100px;
margin-right: auto;
padding: 10px;
margin-top: 100px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}

.bannertitle{
color: white;
font-size: 35px;
margin: 10px 0;
font-family: futura-pt, sans-serif;
font-weight: 450;
font-style: normal;
}

.bannertext{
color: white;
font-size: 20px;
margin: 10px 0;
font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
}
/*End FlexSlider*/

/*buttonText*/
.buttonText{
font-family: Open San,sans-serif;
line-height: 1.5;
color: #015044;
margin-top: 0;
font-size: 20px;
  margin-bottom: -10px;
}
/*End buttonText*/

/*homeBar*/
.homeWrap{
padding-top: 50px;
padding-bottom: 10px;
box-sizing:border-box;
}
.home
{
width:100%;
/*max-width:900px;*/
max-width: 1140px;
margin-left:auto;
margin-right:auto;
/*display: table;*/
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
/*gap: 45px;*/
}

.home a
{
width:33.33%;
display: table-cell;
/*padding:10px 20px;*/
box-sizing:border-box;
min-height:175px;
background-color: rgba(255, 255, 255, 0);
transition: all ease .3s;
text-decoration: none;
}

.home > article {
width: 291px;

}

.home h3{
color: #005941;
font-size:28px;
font-family: futura-pt, sans-serif;
font-weight: 450;
font-style: normal;
display: block;
margin-bottom:15px;
}

.homeWrap article:hover h3{
color: #C88912;
}

.home p{
	color:white;
	font-size:14px;
	line-height:14px;
}

.circle{
border-radius: 50%;
background-color: #005941;
padding: 25px;
display: inline-block;
}

.circle img{
width: 100%;
}

.homeWrap article:hover .circle{
background-color: #C88912;
}
/*End homeBar*/

.hoverBox{
min-height: 275px;
padding: 10px;
box-sizing: border-box;
background-color:#ffffff;
background-repeat:no-repeat; 
background-position: bottom;
background-size: cover;
}

.hoverBox h2{
color: white;
font-family: futura-pt, sans-serif;
font-weight: 450;
font-style: normal;
font-size: 45px;
margin-bottom: -10px;
margin-top: 15px;
}

.hoverBox p{
color: white;
font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
}

/*pageHeader*/
.pageHeader{
width: 100vw;
margin-left: calc(50% - 50vw);
overflow-y: hidden;
margin-top: -20px;
height: 300px;
text-align: center;
position: relative;
background-size: cover;
background-position: center;
}

.pageHeader h1{
position: absolute;
bottom: 0;
margin: 0;
width: 100%;
line-height: 55px;
background-color: rgba(0, 0, 0, 0.6);
color: white;
text-shadow: 2px 2px black;
}

.pageHeader article{
float: left;
padding: 10px;
box-sizing: border-box;
min-height: 250px;
position: relative;
}

.headerImage{
width: 66.66%;
max-height: 500px;
background-position: bottom;
background-size: cover;
padding-bottom: 20em!important;
margin-bottom: -20em;
}

.headerColor{
width: 33.34%;
background-color: #0f2c3b;
font-family: futura-pt, sans-serif;
font-weight: 450;
font-style: normal;
color: white;
font-size: 40px;
text-align: center;
}

.headerLogo img{
/*max-width: 350px;*/
max-width: 365px;
}

/*End PageHeader*/

/*Login*/
#loginfield{
float: right;
}

.loginWrap article{
float:left;
padding: 14px;
color: white;
background-color: #005941;
border-right: 1px solid white;
font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
}

.loginWrap article:hover{
background-color: #0077b3;
}

.loginWrap a{
color: white;
text-decoration: none;
}

.loginButton{
background-color: #005941;
color: white;
border: 0;
padding: 3px 8px;
}

.loginicon{
display: none;
}

.logintext{
margin-bottom: 5px;
display: block;
}
/*End Login*/

/*twoColumn*/
.twoColumn{
width: 100%;
max-width: 1660px;
margin: auto;
padding-top: 10px;
padding-bottom: 40px;
}

.twoColumn article{
width: 50%;
height: 425px;
float: left;
padding: 20px;
box-sizing: border-box;
}

.twoColumn img{
width: 100%;
max-width: 800px;
}
/*End twoColumn*/


.twoBox{
display: table;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    border-spacing: 25px;
    border-collapse: separate;
}

.twoBox article{
display: table-cell;
width: 33%;
padding: 30px;
box-sizing: border-box;
vertical-align: middle;
}

.twoBox img{
width: 100%;
max-width: 800px;
}

/*threeColumn*/
.threeColumn{
width: 100%;
padding: 15px;
padding-top: 20px;
box-sizing: border-box;
}

.threeColumn article{
width: 33%;
float: left;
padding: 10px;
box-sizing: border-box;
}

.threeColumn img{
max-width: 290px;
}
/*End threeColumn*/

/*Navigation*/

.OlbMenu .NavRoot{
padding-top: 5px!important;
padding-bottom: 5px!important;
padding-left: 10px!important;
padding-right: 10px!important;
margin: 0!important;
}

body{
overflow-x:hidden;
}

.Nav:hover{
text-decoration: none!important;
}

li.NavLevel1:last-child{
border-right:0px!important;
}

li.NavLevel1{
border-right: 1px solid white;
}
.NavLevel1{
font-size:18px!important;
}
li.NavLevel1:hover{
background-color: rgba(0,119,179,0.7);
}

.NavLevel2, .NavLevel3 {
line-height: 25px;
border-bottom: 1px solid #eee;
}

a.NavLevel2, a.NavLevel3{
padding:10px!important;
transition:all ease .25s;
}

a.NavLevel2:hover, a.NavLevel3:hover{
background: #0077b3!important;
color: white!important;
padding-left:20px!important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
	background: none;
}
	
.NavParent:hover, .NavRoot:hover{
text-decoration:none;
}
.ui-menu-icon{
display:none;
}
.OlbMenu img{
display:none;
}
.mobileMenuButton{
		background-color: #005941;
		height:30px;
		width:100%;
		display:none;
		text-align: left;
		padding-top: 5px;
	}
	.displayMenu{
		display:initial;
		transition:all ease .5s;
	}
#OlbBody .OlbMenuContainer ul{
text-align: left;
}


/*End Navigation*/


.headerWrap{
display:table;
width:100%;
margin:auto;
background-color: rgb(255, 255, 255, 1);
position: sticky;
top: 0;
z-index: 1000;
}

.headerLogo, .menuWrap{
vertical-align:bottom;
}
.menuWrap{
padding-bottom:0px;
background: #005941;
text-align:center;
}

.headerLogo{
display: inline-block;
}

.headerLogo img{
padding-left: 200px;
padding-top: 30px;
padding-bottom: 45px;
}





/* DETAILS CSS */
.DetailsButton {
    background-color: #005941;
    border: 1px solid white;
    padding: 10px;
    margin: 20px;
    text-align: left;
    color: white;
    font-weight: normal;
    font-size: 16px;
    cursor: pointer;
    border-radius: 0;
    display: table;
    width: calc(100% - 20px);
}

.DetailsIcon {
    display: table-cell;
    font-family: Arial;
    vertical-align: middle;
    text-align: right;
    width: 15px;
    color: white;
}

.DetailsText {
    display: table-cell;
    text-align: left;
    font-size: 18px;
    padding: 0px 5px 0px 30px;
    vertical-align: middle;
    color: white;
}

.infoDetails {
    display: none;
    overflow: hidden;
    padding: 15px 42px;
    border: 1px solid white;
    border-top: none;
    border-bottom: none;
    text-align: left;
    transition: all ease .5s;
}

.DetailsButton .fa-caret-down {
    display: block;
    font-size: 16px;
}

.DetailsButton .fa-caret-up {
    display: none;
}

.infoDetails.expand {
    transition: all ease .5s;
    display: flex;
}

.DetailsButton.clicked .fa-caret-down {
    display: none;
}

.DetailsButton.clicked .fa-caret-up {
    display: block;
    font-size: 16px;
}

.SubLinks {
    list-style: none;
    padding-left: 0;
}

.grayBox {
background: #eee; 
width: 100%;
margin-top: 40px;
}

.grayBoxWrap {
max-width: 1200px;
text-align: left;
margin: auto;
padding: 20px;
}

.grayBox h2 {
    font-weight: 400;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: normal;
    color: #686868;
    margin-bottom: 5px;
    margin-top: 0;
}

.grayBox .PageText {
margin-bottom: 0;
}








.footerWrap{
background-color: #005941;
width:100%;
}
.footer{
color:white;
display:table;
width:100%;
max-width:1070px;
margin:auto;
}
.footer article{
display:table-cell;
padding:15px 15px 30px 15px;
white-space: nowrap;
vertical-align:bottom;
}
.footer a{
color: white;
text-decoration: none;
font-size: 16px;
line-height: 30px;
font-family: futura-pt, sans-serif;
font-weight: 450;
font-style: normal;

}
.footer a:hover{
text-decoration:underline;
}
.footer ul{
list-style-type:none;
margin:0;
}
.logoTable, .systemFooter{
text-align:right;
margin-bottom:22px;
font-size:16px;
font-family: futura-pt, sans-serif;
font-weight: 450;
font-style: normal;
}
.logoTable img{
width:150px;
}

.PageContent{
	width:100%;
	padding:20px;
	box-sizing:border-box;
max-width:1070px;
margin:auto;
}

.BodyStyle
{
    Padding-Top: 10px;
    background-repeat: repeat-x;
    padding-left: 50px;
    padding-right: 10px;
    min-width:600px;
   }

.inline style
{
    width: 205px;
}


.NavFdic
{
    Border-Top: Solid 1px #aaa8a8;    
    Border-Bottom: Solid 1px #aaa8a8;
    width: 175px;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    background-color: #e7e6e5;
}



.Logos
{
    Border-Top: Solid 1px #aaa8a8;    
    Border-Bottom: Solid 1px #aaa8a8;
    width: 175px;  
    text-align: center;
    background-color: #e7e6e5;
    padding-top: 25px;
}

.ToolBar
{
    display:block;
    padding: 8px;
    width:100%;
}
.ToolBar div{
text-align:right;
}




.PageTitle
{
    font-family: myriad-pro, sans-serif;
    font-size:28px;
    font-weight:bolder;
    color:#000000;
/*line-height: 32px;
margin: 15px 0;*/
}



.PageText.PageTitle
{
font-family: futura-pt, sans-serif;
font-weight: 450;
font-style: normal;
color: #005941;
font-size: 30px;
margin:20px auto;
}

{
font-family: myriad-pro, sans-serif;
font-weight: 300;
font-style: normal;
line-height: 25px;
color:#282828;
font-size: 20px;
}

.SmallDataFont
{
font-family: myriad-pro, sans-serif;
font-weight: 300;
font-style: normal;
line-height: 25px;
color:#282828;
font-size: 20px;
}

.PageText2
{
    font-family:Open San,sans-serif;
    font-size:1rem;
    line-height:1.5;
    color:#555;
}


.PageSubtitle
{
    font-family: sans-serif; arial;
    font-weight: 450!important;
    font-style: normal;
    line-height: 1.4;
    color: white;
    font-size: 23px;
    /* border: 1px solid red; */
    background-color: #005941;
    display: block;
    border-radius: 6px;
    padding-left: 10px;
}

.subHeader
{
    font-family: futura-pt, sans-serif;
    font-weight: 450!important;
    font-style: normal;
    line-height: 1.4;
    color: #005941;
    font-size: 25px;
}

.PageLink
{
    font-family:Calibri, Arial, sans-serif;
    font-size:16px;
    font-weight:bold;
    line-height:14px;
}




#homelogin{
background-image:url('/Pages/images/BankImages/login2.png');
width:200px;
height:124px;
}

.loginbutton{
margin-top:4px;
margin-left:35px;
width:64px;
height:29px;
background-color:transparent;
border:0px;
font-family: arial, sans-serif; 
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
}

@media(max-width:1120px){

.footer article {
white-space: normal !important;
}
.headerLogo img{
padding-left: 75px;
}

}

@media(max-width: 860px){

.hidden {
display: table-cell;
}

.tableBreak{
display: block;
margin-bottom: 40px;
}

.borderRight{
border: 0;
}

.twoBox{
display: block;
}

.twoBox article{
display: block;
width: 100%;
margin-bottom: 20px;
}


}


@media(max-width:768px){ /*this is the breakpoint for mobile menu*/
#middleicon {
white-space: wrap !important;
}
.column {
    display: block;
    padding: 10px;
    border: 1px solid #000;

}	

.footer article{
		display:block;
		text-align:center;
		padding:0;
	}
	div.footer{
        padding:15px;
        box-sizing:border-box;
	}
	.footer ul{
		padding-left:0;
	}
	.logoTable, .systemFooter{
		text-align:center;
	}
	.logoTable{
	    margin-top:15px;	
	}
	.mobileMenuButton{
        display:block;
    }
    .displayMenu{
        display:none;
    }
    .displayMenu.active{
        display:initial;
    }
	.NavLevel1{
		float:none!important;
		line-height:35px;
	}
	li.NavLevel1 {
        border-right: 0px;
	}
	.NavLevel1 ul{
		top:0px!important;
		width:100%;
		max-width:none;
	}
	.ui-menu .ui-menu{
		position:initial;
	}
	.NavLevel2 ul{
		left: 0px !important;
	}
	#OlbBody .OlbMenuContainer ul .NavRoot ul.OlbMenu{
		box-shadow: none !important;
        overflow-y: scroll !important;
        overflow-x: hide !important;
        max-height: 250px !important;
        max-width: 95% !important;
	}
	#OlbBody .OlbMenuContainer ul{
		width: 100vw;
		max-width: none;
        overflow-y: scroll !important;
        max-height: 280px !important;
	}
/*Mobile Scroll Bar Styles*/
/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #CBA01B;
  border-radius: 10px;
}
.headerLogo img{
padding-left: 85px;
}

.bannerBox{
margin-left: 50px;
margin-top: 50px;
}

.newsImage.odd {
    width: 190px;
    max-width: 100%;
    height: auto;
    display: table-cell;
}


}


@media (max-width:648px){
.newsImage.odd {
    max-width: 100%;
    height: auto;
}

}


@media (max-width:600px){
.home {
flex-direction: column !important;
}

.PageContent>h1.PageTitle{
margin-top:0px;
position:relative;
line-height:44px;
}
.ToolBar{
height:38px;
}

.headerLogo img{
    max-width: 300px;
}

.home a{
    width: 100%;
    /*display: initial;*/
display: contents !important;
}

.twoColumn article{
    width: calc(100% - 20px)!important;
}

.tableoneColumn tr td{
    display: block;
}

.bannerBox{
    max-width: 400px;
}

.threeColumn article{
    width: 100%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.newsImage.odd {
    width: 120px;
    max-width: 100%;
    height: auto;
    max-heigth: 50%;
    display: table-cell;
}

}

@media (max-width: 511px) {
.headerLogo {
display: block !important;
    margin: 0 auto !important;
}
}

@media (max-width:510px){

.headerLogo img{
/*padding-left: 80px;*/
padding-bottom: 20px !important;
margin: 0 auto;
display: block !important;
max-width: 250px;
}

.FDICLogo {
width: 100% !important;
margin: -15px auto 0 auto !important;
}

.loginWrap article > label, input, a {
margin-left: 10px !important
}

.loginWrap article{
	float:none;
	width:100%;
padding: 14px 0px 14px 0px !important;
}
#loginfield{
	float:none;
}
.headerLogo img{
max-width: 275px;
/*
padding: 0px 0% 0px 40%;
*/
padding: 10px 0px 0px 0px;
}

.newsImage.odd {
    width: 190px;
    max-width: 100%;
    height: auto;
    display: table-cell;
}

}

@media (max-width:550px){

.bannerBox{
    max-width: 300px;
}

.bannertitle{
    font-size: 25px;
}

.bannertext{
    font-size: 18px;
}

.newsImage.odd {
    width: 190px;
    max-width: 100%;
    height: auto;
    max-heigth: 80%;
    display: table-cell;
}

}

@media (max-width:500px){

#dropin {
max-width:300px !important;
}

/*.mobileMenuButton{
display:block;
position:absolute;
left:15px;
top:15px;
z-index:301;
}
.mobileMenuButton.active{
position:fixed;
}
.displayMenu{
	display:none;
}
.displayMenu.active{
	display:initial;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: #1b2f54;
    padding-top: 40px;
    z-index: 300;
}*/
.headerLogo{
display:block;
}
.menuWrap{
display:block;
}

.menuWrap{
padding:0;
}
.headerWrap{
position: static !important;
padding-bottom:0;
}


#hide
{
display:none;
}
.appear
{
display:inline;
}


/*
.headerLogo img{
padding-left: 90px;
}
*/

.newsImage.odd {
    width: 190px;
    max-width: 100%;
    height: auto;
    display: table-cell;
}

}

@media (max-width:450px){

.headerWrap {
display: block !important;
}




.bannerBox{
max-width: 100%;
margin-left: 0;
}

.bannertitle{
font-size: 22px;
text-align: center;
}

.bannertext{
font-size: 16px;
text-align: center;
}

.RedAlertText{
color: #CC0000;
font-size: 50px;
margin: 10px 0;
font-family: futura-pt, sans-serif;
font-weight: 450;
font-style: bold;
}

.newsImage.odd {
    width: 190px;
    max-width: 100%;
    height: auto;
    display: table-cell;
}

}



 
/*SKIP TO MAIN CONTENT LINK*/
a.skiplink {
  position: absolute;
  top: -40px;
  left: 0;
  padding: 6px;
}

a.skiplink:focus {
    position: absolute;
    left: 0;
    top: 0;
font-size: 14px;
color: black;
background-color: white;
z-index: 1000000;
}
/*END SKIP TO MAIN CONTENT LINK*/


/*FLEX SLIDER CSS FIXES */

.flex-direction-nav button {
text-decoration: none;
background-color: transparent;
border: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease-in-out;
}

.flex-direction-nav button:active, .flex-direction-nav button:hover {
outline: none;
border:none;
}

.flex-direction-nav button:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav button.flex-next:before{
    content: '\f002';
}

.flex-control-paging li button {
width: 11px;
    height: 11px;
    display: block;
    background: #fff;
    /* background: rgba(255, 255, 255, 0.5); */
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
border:none;
}

.flex-control-paging li button:active, .flex-control-paging li button:hover {
outline: none;
border:none;
}

.flex-control-paging li button.flex-active {
background: #ffa1a5;
    /* background: rgba(59, 109, 180, .09); */
    cursor: default;
}

.flex-pauseplay button {
display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
background-color: transparent;
border: none;
}

.flex-pauseplay button:before{
font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
margin-left: -5px;
}

.flex-pauseplay button.flex-play:before {
content: '\f003';
}

 






@media print
{
    .ToolBar
    {
        display: none;
        visibility: hidden;
    }
    
    .GridRow,
    .GridAlternateRow,
    .GridFormat th td,
    .GridFormat tr td,
    .ReportOddRow, /*MultiKey*/
    .ReportEvenRow /*MultiKey*/
    {
       border: solid 1px black;
    }
}

/* ONLINE PROJECT CSS START */
/* PROJECT HEADER */
	.projectHeaderContainer {
	  color: white;
	}

	/* HeaderText text */
	.projectHeaderText {
	  font-family: Arial, sans-serif, Tahoma, Verdana;
	  font-size: 35px;
	  font-weight: bold!important;
	  color: #FFFFFF!important; /*WHITE*/
	  background-color:#1963a4;
	}

/* PROJECT TITLE PAGE DESCRIPTION */

	.titleContainer {
	  position: relative;
	  color: white;
	  font-size: 100%;
	}

	/* Container holding the body text */
	.bodyContainer {
	  position: relative;
	  left: 100px;
	  top: 150px;
	  color: white;
	}

	/* projectTitleText text */
	.projectTitleText {
	  font-family: Arial, sans-serif, Tahoma, Verdana;
	  font-size: 22px;
	  /*font-size: 4vw;
	  font-size: 1.5em;*/
	  font-weight: bold!important;
	  color: #ffffff;
	}

	/* projectBodyText text */
	.projectBodyText {
	  font-family: Arial, sans-serif, Tahoma, Verdana;
	  font-size: 14px;
	  /*font-size: 2.5vw;
	  font-size: 1.25em;*/
	  font-weight: normal;
	  color: #3d3f42;
	}

/* FINISHED, POSTPONE, DECLINE TEXT */

/* ONLINE PROJECT CSS END */