/* General Body and Text Styles */
body {
	background: #EEF2FF;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 0 8px;
}

a, a:visited {
	text-decoration: underline;
	color: #34345C;
}

a:hover {
	color: #ff0000;
}

hr {
	border: none;
	border-top: 1px solid #B7C5D9;
}

/* Header Styles */
header {
	margin: 1.5em 0;
	text-align: center;
}

header h1 {
	font-family: Tahoma, sans-serif;
	letter-spacing: -2px;
	font-size: 24pt;
	color: #AF0A0F;
	margin: 10px 0 0 0;
}

.header-logo {
    max-width: 150px;
}

/* Top Navigation Bar -- MODIFIED FOR SHADOW EFFECT */
.navbar {
	padding: 5px 5px 7px 5px; /* Added extra bottom padding */
	text-align: center;
	font-size: 9pt;
    color: #34345C;
    /* This creates a soft shadow below the bar */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
}

/* Main Content Layout */
.box-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    max-width: 670px;
    margin: 30px auto;
    gap: 10px;
}

.wrapper {
    flex: 1;
    min-width: 330px;
    box-sizing: border-box;
}

/* Content Box Styles */
.box {
	margin: 8px 0;
	padding: 0;
}

.box h2 {
	padding: 4px 8px;
	font-size: 12pt;
    margin: 0;
}

.box p {
    padding: 0 10px 10px 10px;
    margin: 5px 0;
}

.box-image {
    display: block;
    margin: 10px auto;
    max-width: 90%;
}

/* Left Column Boxes (Green) */
.box.left {
    background: #efe;
    color: #060;
    border: 1px solid #060;
}

.box.left h2 {
    background: #9C6;
    color: #060;
}

/* Right Column Boxes (Blue) */
.box.right {
    background: #eef;
    color: #006;
    border: 1px solid #006;
}

.box.right h2 {
    background: #59A;
    color: white;
}

/* Table styling for News Box */
.box table {
	border-collapse: collapse;
	width: 100%;
}

.box td {
	border-bottom: 1px solid #B7C5D9;
    padding: 4px 8px;
}

.box tr:last-child td {
	border-bottom: none;
}

/* List styling for Links Box */
.box ul {
    list-style-type: square;
	padding: 5px 15px 10px 30px;
    margin: 5px 0;
}

.box ul li {
    margin: 5px 0;
}

/* Footer */
footer {
    text-align: center;
    font-size: 9pt;
    color: #444;
    padding: 20px 0;
    clear: both;
}