body{
    font-family: Segoe UI, Arial, sans-serif;
    background: #f5f5f5;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin:0;
    color:#213a72;
}

.container{
    width:1000px;
    margin:auto;
    background:white;
    box-shadow:0 0 6px rgba(0,0,0,0.2);
}

/* Logo Banner */
.logo-banner img{
    width:100%;
    height:120px;
    object-fit:cover;
}

/* Page Banner */
.page-banner img{
    width:100%;
    height:100px;
    object-fit:cover;
    display:block;
}

/* NAV BAR */
nav{
    background:linear-gradient(#f5f5f5,#f8f8f8);
    font-family:Segoe UI, Arial, sans-serif;
}

/* MAIN NAV LIST */
nav ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
}

/* NAV ITEMS */
nav li{
    position:relative;
    border-right:1px solid #d5d5d5;
}

.current > a{
    background:linear-gradient(#4f96d8,#2d79c9);
    color:#FFFFFF;
    font-style: italic;
}

.dropdown-current > a{
    font-style: italic;
    font-weight: bold;
}

/* NAV LINKS */
nav a{
    display:block;
    padding:12px 22px;
    text-decoration:none;
    color:#444;
    font-size:14px;
    border-bottom: 0px;
}

/* HOVER */
nav a:hover{
    background:linear-gradient(#4f96d8,#2d79c9);
    color: white;
}


/* DROPDOWN MENU */
.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    background: #f5f5f5;
    border: 1px solid #cfcfcf;
    border-top: 4px solid #2f7cc2;
    list-style: none;
    padding: 5px 0;
    margin: 0; /* remove default ul margin */
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(0px);
    transition: opacity 0.5s ease, transform 0.3s ease;
    display: block; /* ensure block layout */
}

/* Ensure submenu items stack vertically */
.submenu li {
    display: block;
    width: 100%;
}

/* SHOW DROPDOWN */
.dropdown:hover .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* DROPDOWN LINKS */
.submenu a {
    display: block; /* make the link fill the li */
    padding: 5px 16px;
    color: #2f5fa0;
}

/* DROPDOWN HOVER */
.submenu a:hover {
    background: #f5f5f5;
    text-decoration: underline;
    color: #2f5fa0;
}

/* Ensure nav sits above carousel */
nav{
    position:relative;
    z-index:1000;
}

/* Ensure dropdown is even higher */
.submenu{
    z-index:2000;
}

/* Carousel */
.carousel{
    position:relative;
}

.carousel img{
    width:100%;
    height:350px;
    object-fit:cover;
}

.carousel-caption{
    position:absolute;
    bottom:0;
    background:#4c84c6;
    color:white;
    width:100%;
    padding:12px;
    box-sizing:border-box;
}

/* Page Content */
.content{
    padding:25px;
}

/* Welcome Section */
.welcome{
    display:flex;
    gap:20px;
}

.welcome img{
    width:120px;
    border-radius:4px;
}

.welcome p{
    color:#888888;
}

/* Buttons */

.button,
.myButton{
    padding:10px 18px;
    text-decoration:none;
    border-radius:3px;
    font-weight:bold;
    cursor:pointer;
    display:inline-block;
    font-family:Arial,sans-serif;
    font-size:13px;
    text-align:center;
}

/* LMA Button */

.button{
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:linear-gradient(to bottom,#007dc1 5%,#0061a7 100%);
    border:1px solid #124d77;
    color:#ffffff;
    text-shadow:0px 1px 0px #154682;
    padding:8px 30px;

    position:relative;
    transition: all 0.2s ease;
}

.button:hover{
    bottom:0px;
    background:linear-gradient(to bottom,#0061a7 5%,#007dc1 100%);
}

.button:active{
    top:5px;
}

/* GraphicRiver-style button */

.myButton{
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:linear-gradient(to bottom,#007dc1 5%,#0061a7 100%);
    border:1px solid #124d77;
    color:#ffffff;
    text-shadow:0px 1px 0px #154682;
    padding:10px 30px;
}

.myButton:hover{
    background:linear-gradient(to bottom,#0061a7 5%,#007dc1 100%);
}

.myButton:active{
    position:relative;
    top:1px;
}

/* Links */

a{
    color:#000366;
}

/* Quick Access Section */

.quick-access{
    display:flex;
    gap:20px;
    padding:25px;
}

.news-box{
    width:200px;
    border:1px solid #d0d0d0;
    padding:15px;
}

.news-box h3{
    margin-top:0;
    color:#213a72;
}

.news-box p{
    font-size:14px;
    color:#888888;
}

.access-card{
    position:relative;
    width:230px;
    cursor:pointer;
}

.access-card img{
    width:100%;
    height:110px;
    object-fit:cover;
}

.access-title{
    position:absolute;
    top:10px;
    left:15px;
    color:white;
    font-weight:bold;
    font-size:18px;
    text-shadow:0 1px 3px rgba(0,0,0,0.6);
}

.values-grid{
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:20px;
margin:20px auto;
max-width:950px;
}

.value-card{
background:linear-gradient(180deg,#ffffff,#f5f5f5);
padding:20px;
border-radius:0px;
}

.value-card h3{
margin-top:0;
color:#213a72;
}

.value-card p{
font-size:14px;
color:#555;
}

/* Footer */

/* Page footer (still inside container) */

.footer-bottom{
background-image:url("images/footer-strip.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
padding:4.5px 25px;
text-align:left;
font-size:15px;
line-height:1px;
font-weight:600;
font-family:Arial;
color:#FFFFFF;
}


/* Partner footer outside the page */

.footer-partners{
background:#f5f5f5; /* same as site background */
padding:8px 0;
font-size:11px;
}

.footer-partners-inner{
width:980px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
}

.footer-partners .footer-left p{
margin:1px 0;
bottom:10px;
color:#213a72;
}

.footer-partners .footer-right img{
height:50px;
margin-left:10px;
margin-top:-10px;
}

/* Staff Directory */

.staff-directory{
margin-top:20px;
}

.staff-card{
display:flex;
align-items:center;
background:linear-gradient(180deg,#ffffff,#f5f5f5);
padding:15px;
margin-bottom:15px;
border-radius:0px;
}

.staff-card img{
width:100px;
height:120px;
object-fit:cover;
margin-right:20px;
}

.staff-info h3{
margin:0;
font-size:18px;
color:#213a72;
}

.staff-info p{
margin-top:6px;
font-size:14px;
color:#555;
}

img{
user-drag: none;
-webkit-user-drag: none;
user-select: none;
}