@charset "utf-8";
/* CSS Document */

body {
font-family: arial, sans-serif;
padding: 0px 0px;
margin: 0px 0px;
}
	
	img{
		max-width: 100%;
		height: auto;
	}	
	

.fdic-header-layout-container {
  display: flex;
  justify-content: space-between; 
  flex-wrap: wrap; 
  gap: 5px; 
  padding: 4px 20px; 
  align-items: center; /* Vertically centers left-group and right-col */
  background-color: #404040; 
  color: #ffffff; 
  font-size: 14px; 
  line-height: 1; 
}

/* Flex container keeping the left items next to each other */
.fdic-header-left-group {
  display: flex;
  gap: 12px; 
  flex: 1;
  min-width: 220px;
  align-items: center; /* Vertically centers Column 1 and Column 2 content */
}

.fdic-header-column {
  text-align: left;
  display: flex;
  align-items: center; /* Deep vertical center for raw text strings */
}

/* Right column matches height and centers inner flex container */
.fdic-header-right-col {
  display: flex;
  justify-content: flex-end;
  align-items: center; /* Vertically centers the entire link list wrapper */
  min-width: 220px;
}

/* Keeps links in a tight, vertically centered row */
.fdic-header-link-list {
  display: flex;
  flex-wrap: wrap; 
  gap: 12px; 
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center; /* Vertically centers individual list items */
}

/* High contrast links for WCAG compliance */
.fdic-header-link-list a {
  color: #fff; 
  text-decoration: none; 
  display: inline-flex;
  align-items: center; /* Vertically centers text inside the link focus boxes */
  padding: 4px 0; 
	font-size: 14px;
}

.fdic-header-link-list a:focus {
  color: #ffffff;
  outline: 2px solid #ffbf47; 
}
.fdic-header-link-list a:hover {
  color: #ffffff;
  outline: none; 
	background-color: dodgerblue;
}
	
div.header {
	background-image: url(https://www.appleriverstatebank.com/images/headerbkgnd140.png) ;
	background-color: #b3b180;
	bbackground-color: #b2b080; /* For browsers that do not support gradients */
    bbackground-image: linear-gradient(#96926c, #c5c28f);
	padding: 0px 20px;
	margin: 0px 0px;
	height: auto;
	z-index: 1;
}



        /* Navigation container */
        .main-menu-container { background: #404040; position: sticky; top: 0; z-index: 1000; }
        menu { display: flex; justify-content: center; align-items: center; width: auto; margin: 0 auto; padding: 4px 0px; }
        
        /* Responsive Text Hidden by Default */
        .responsive-menu-text {
            display: none;
            color: #fff;
            ffont-weight: bold;
            font-size: 1rem;
            padding-left: 12px;
        }

        .menu-list { display: flex; list-style: none; padding: 0; margin: 0; }
        .menu-item { position: relative; margin: 0 0px; font-size: .95rem;}
        
        /* Dropdown Trigger & Arrow */
        .menu-link { 
            background: none; border: none; font: inherit; cursor: pointer; padding: 6px 12px; color: #fff; display: flex; align-items: center; gap: 4px;}
        
        /* The Arrow Icon (Pure CSS) */
        .menu-link::after {
            content: "";
            width: 0; height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid currentColor;
            transition: transform 0.2s ease;
        }

        /* Rotate arrow when expanded */
        .menu-link[aria-expanded="true"]::after {
            transform: rotate(180deg);
        }

	
        .menu-link:focus, a:focus { 
        outline: 3px solid #ffbf47; 
        outline-offset: 0px; 
        }

   .hamburger:focus, a:focus { 
        outline: 3px solid #ffbf47; 
        outline-offset: 0px; 
        }

		 li a {
			background: none; 
			border: none; 
			text-decoration: none; 
			font: inherit; 
			cursor: pointer; 
			padding: 6px 12px; 
			font-size: .95rem; 
			color: #fff; 
			display: flex; 
			align-items: center; 
			gap: 4px; 
		} 

        .dropdown-menu { 
            display: none; 
            position: absolute;
			top: 35px; 
            left: 0; 
            background: white; 
            border: 0px solid #ddd; 
            min-width: 180px; 
            list-style: none; 
            padding: 0; 
            margin: 0; 
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
			white-space: nowrap; /* Prevents text from wrapping */
        }

        .dropdown-menu li {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .dropdown-menu a { 
            display: block; 
            padding: 6px 20px; 
            text-decoration: none; 
            color: #222; 
            border-bottom: 1px solid #ddd;
		   z-index: 1;
        }

        .dropdown-menu li:last-child a {
            border-bottom: 0px solid #000; 
        }

        .dropdown-menu a:hover { 
            bbackground: #f8f9fa;
			background: dodgerblue;
            color: #222; 
            outline: 3px solid #ffbf47; 
        }
        .dropdown-menu a:hover { 
            bbackground: #f8f9fa;
			background: dodgerblue;
            color: #222; 
            outline: 3px solid #ffbf47; 
        }

        .dropdown-menu a:focus { 
            bbackground: #f8f9fa;
			background: dodgerblue;
            color: #222; 
            outline: 3px solid #ffbf47; 
        }

        .menu-item:last-child .dropdown-menu { left: auto; right: 0; } 
        .dropdown-menu.show { display: block; text-decoration: none;}
        .ddddropdown-menu a { display: block; padding: 12px; text-decoration: none; color: var(--text-color); }
        .dropdown-menu a:hover, .dropdown-menu a:focus { background: dodgerblue; color: white; }

        /* Hamburger (Right aligned) */
        .hamburger { 
            display: none; background: none; color: #fff; border: none; 
            font-size: 1.5rem; cursor: pointer; padding: 1px 12px; 
        }
		
	
	.index-body-content{
		width: 100%;
		margin: 0 auto; /* 0 for top/bottom, auto for left/right */
		min-height: 750px;
		padding: 25px 0px 25px 0px;
		ppadding: 0px auto;
		box-sizing: border-box;
	}

	.body-content{
		width: 100%;
		margin: 0 auto; /* 0 for top/bottom, auto for left/right */
		min-height: 750px;
		padding: 25px 175px 25px 175px;
		ppadding: 0px auto;
		box-sizing: border-box;
	}
	
	.body-content h1 {
	margin: 0px 0px; 
	padding: 0px 0px;
	color: #931d03;
	font-weight: 100;
	font-size: 1.5rem;
}
	
	
	.body-content h2 {
	margin: 0px 0px; 
	padding: 15px 0px 0px 0px;
	ccolor: #931d03;
	color: #000;
	font-weight: 500;
	font-size: 1.25rem;
}	
	
	
	.bbody-content p {
	margin: 0px 0px; 
	padding: 0px 0px;
	color: #222;
	font-weight: 100;
	font-size: 1rem;
    line-height: 1.5;
	ppadding-bottom: 10px;
}		
.body-content p  {
  margin: 0px;             /* Removes external spacing */
  padding: 5px 0px; 
  color: #404040;
  font-size: 1rem;
  line-height: 1.5;
}  

.bbody-content ul li {
	margin: 0px 0px; 
	padding: 500px 0px;
	font-weight: 100;
	font-size: 1rem;
    line-height: 1.5;
}	
	
.body-content ul {
  llist-style-type: none; /* Removes bullets */
  margin: 0px 0px;             /* Removes external spacing */
  ppadding: 0px 35px 0px 35px;            /* Removes internal indentation */
	color: #404040;
	line-height: 1.5;
}

.body-content li {
  margin: 0px 0px;             /* Ensures no gap between items */
  padding: 0px 0px;            /* Ensures no inner item spacing */
}


	
.column-container {
  bborder: 1px solid #ccc;
  text-align: center;
  margin: 25px auto;
  padding: 0px auto;
  width: 100%;
}

.column{
  width: 20%;
  bbackground: #CCC; 
  display: inline-block;
  margin: 5px 15px;
  padding: 0px 0px;
  text-align: center;
}	
	

iframe{
  width: 100%; 
  height: 950px;
  border: 0px;
}
	
	
	
	
	
    ....footer-container {
    width: 100%;
		height: 200px;
    padding: 0px 50px 25px 50px;
    margin: 0px auto;
    background-color: #404040;
    bborder-top: 5px solid #a7a400;
	border-top: 5px solid #86744c;
    box-sizing: border-box;
    }

 .footer-container {
    width: 100%;
		height: 200px;
    padding: 0px 50px 25px 50px;
    margin-top: 75px;
    background-color: #404040;
    bborder-top: 5px solid #a7a400;
	border-top: 5px solid #86744c;
    box-sizing: border-box;
}

    
        /* Base Container with consistent left/right margins */
        .footer {
            display: grid;
            max-width: 100%;
            width; 100%;
            margin: 0 auto; /* Centers container with equal margins */
            padding: 20px 20px; /* Outside gutter protection */
            gap: 2px; /* Space between columns */            
            /* 4 Unequal Columns: 2 left (small), 1 center (large), 1 right (medium) */
            grid-template-columns: 175px 275px 150px 1.5fr;
        }

        .footer-column {
            background: #404040;
            padding: 0px;
            border-radius: 4px;
            bborder: 1px solid #ddd;
        }
		.footer-column h3, p {
        padding: 0px 0px;
        margin: 0px 0px;
        line-height: normal;
        color: #fff;
        }
	
	
	    .footer-column h3{
        font-size: 1rem;
        font-weight: 100;
        }
        
	
        
	  .footer-column p{
        text-decoration: none;
        ccolor: #87CEFA;
        ccolor: #B0E0E6; /*PowderBlue*/
        color: #87CEEB;
		  font-weight: normal;
  
        }	
	  .footer-column p a{
        text-decoration: none;
        ccolor: #87CEFA;
        ccolor: #B0E0E6; /*PowderBlue*/
        color: #87CEEB;
        font-size: .9rem;
		  padding: 0px 0px;
		  margin: 0px 0px;
        }
	
         
		.footer-column2{
  			background: #404040;
            padding: 0px;
            border-radius: 4px;
            bborder: 1px solid #ddd;
 			justify-content: right;
			align-items: right;
			width: auto;
			 position: absolute;
  			right: 0;
  			text-align: center;
			padding-right: 75px; 
       		}

		
		
		.footer-column2 h3 {
        padding: 0px 0px;
        margin: 0px 0px;
        line-height: normal;
        color: #fff;
        }
		.footer-column2 p {
        padding: 4px 0px;
        margin: 0px 0px;
        line-height: normal;
        color: #fff;
			font-weight: normal;
        }
	

        
        .footer-bottom {
        width: 100%;
        padding: 20px 0px;
        margin: 0px 0px;
        background-color: #333;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        text-align: center;
        color: #fff;
        }
        
	
		  .footer-bottom p{
        text-decoration: none;
         color: #fff;
   	     font-weight: normal;
  font-size: 14px;
        }

	
.tooltip {
  position: relative;
  display: inline-block;
  bborder-bottom: 1px dotted black;
  cursor: pointer;  
}

.tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #b5b483;
  color: #ffffff;
	font-size: .85rem;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 65%;
  margin-left: -65px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}