/* Common Inline Styles CSS - Consolidated from all pages */
/* This file contains styles that were previously inline across multiple pages */

/* ==============================================
   PADDING AND SPACING UTILITIES
   ============================================== */
.padding-top-0 { padding-top: 0px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-150 { padding-top: 150px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-left-0 { padding-left: 0px; }
.padding-right-20 { padding-right: 20px; }
.padding-0 { padding: 0px; }
.padding-10 { padding: 10px; }
.padding-10-0-0 { padding: 10px 0px 0px 0px; }
.padding-0-0-10-0 { padding: 0px 0px 10px 0px; }
.padding-0-20-20-0 { padding: 0 20px 20px 0px; }
.padding-none { padding: 0; }
.padding-2-0-0-5 { padding: 2px 0 0 5px; }

.margin-bottom-10 { margin-bottom: 10px; }
.margin-left-20 { margin-left: 20px; }

/* ==============================================
   DIMENSION UTILITIES
   ============================================== */
.width-25 { width: 25%; }
.width-50 { width: 50%; }
.width-75 { width: 75%; }
.width-100 { width: 100%; }
.width-100pct { width: 100%; }
.width-155 { width: 155px; }
.width-165 { width: 165px; }
.width-175 { width: 175px; }
.width-200 { width: 200px; }
.width-220 { width: 220px; }
.width-425 { width: 425px; }
.width-750 { width: 750px; }

.height-30 { height: 30px; }
.height-100 { height: 100%; }
.height-373 { height: 373px; }
.height-1px { height: 1px; }

/* ==============================================
   ALIGNMENT UTILITIES
   ============================================== */
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.text-align-left { text-align: left; }

.vertical-align-top { vertical-align: top; }
.vertical-align-central { vertical-align: central; }
.valign-top { vertical-align: top; }

/* ==============================================
   BACKGROUND COLORS
   ============================================== */
.bg-white { background-color: #fff; }
.bg-light-gray { background-color: #f0f0f0; }
.bg-medium-gray { background-color: #ccc; }
.bg-gray-c2 { background-color: #c2c2c2; }
.bg-light-blue { background-color: #284E7D; }
.bg-transparent { background-color: transparent; }
.bg-e5e9ec { background-color: #E5E9EC; }
.row-alternate { background-color: #f0f0f0; }

/* ==============================================
   TEXT COLORS
   ============================================== */
.color-white { color: #fff; }
.color-green { color: green; }
.color-black { color: #000; }

.error-message {
    font-family: Verdana;
    color: White;
}

/* ==============================================
   FONT STYLES
   ============================================== */
.font-bold { font-weight: bold; }
.font-size-18 { font-size: 18px; }
.font-size-20 { font-size: 20px; }
.font-size-22 { font-size: 22px; }
.font-size-24 { font-size: 24px; }
.font-size-28 { font-size: 28px; }
.line-height-24 { line-height: 24px; }
.line-height-32 { line-height: 32px; }

.font-styled-motto {
    background-color: #284E7D;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    line-height: 32px;
}

.font-styled-text-under-motto {
    background-color: #284E7D;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
}

/* ==============================================
   BORDER UTILITIES
   ============================================== */
.border-solid-1-ccc { border: solid 1px #ccc; }
.border-0 { border: 0px; }
.border-width-0 { border-width: 0px; }
.border-none { border-style: none; border-width: medium; }

/* ==============================================
   TABLE SPECIFIC STYLES
   ============================================== */
.table-default-layout {
    width: 100%;
    border: 0;
    cellpadding: 0;
    cellspacing: 0;
}

.table-contact-info {
    width: 425px;
    border: solid 1px #ccc;
    cellpadding: 10px;
    cellspacing: 0;
}

/* Row alternating colors for tables */
.row-even { background-color: #E5E9EC; }
.row-odd { background-color: #fff; }
.row-header { background-color: #ccc; }

/* ==============================================
   POSITION AND DISPLAY
   ============================================== */
.display-inline { display: inline; }
.display-block { display: block; }
.display-none { display: none; }
.hidden { display: none; }

.rowspan-2 { }
.colspan-2 { }
.colspan-3 { }

/* ==============================================
   FEED AND RSS SPECIFIC
   ============================================== */
.feed-item {
    margin-bottom: 10px;
}

.feed-more-link {
    text-align: right;
}

/* ==============================================
   HOME PAGE SPECIFIC
   ============================================== */
.home-motto-container {
    width: 50%;
    padding-left: 0px;
}

.home-image-container {
    width: 50%;
    height: 373px;
    padding: 0px;
}

.home-table-373 {
    height: 373px;
}

/* ==============================================
   COVID / NOTICE STYLES
   ============================================== */
.covid span {
    color: #fff;
}

.covid a,
.covid a:visited,
.covid a:active {
    color: #fff;
}

.covid a:hover {
    color: #fff;
}

/* ==============================================
   MASTER PAGE TABLE STRUCTURE
   ============================================== */
.master-main-table {
    width: 1000px;
    height: 100%;
    background-color: transparent;
    border: 0;
}

.master-header-cell {
    padding: 12px 0;
    vertical-align: middle;
    width: 300px;
}

.master-menu-cell {
    padding: 12px 0 11px 25px;
    background-color: #162453;
    vertical-align: middle;
    width: 700px;
}

.content-holder {
    vertical-align: top;
    height: 100%;
    width: 1000px;
    text-align: left;
}

.otherpages .content-holder {
    background-color: #fff;
}

.content-holder div {
    vertical-align: top;
}

/* ==============================================
   FOOTER STYLES
   ============================================== */
.footer {
    width: 100%;
}

.footer-cell-left {
    width: 30%;
    vertical-align: top;
}

.footer-cell-right {
    width: 70%;
    text-align: right;
    vertical-align: top;
}

.footer-links-cell {
    vertical-align: top;
}

.footer-notification {
    padding-top: 20px;
    color: #666;
}

.footer-logo {
    margin-left: 20px;
    border: 0px;
}

/* ==============================================
   UTILITY CLASSES FOR NOWRAP
   ============================================== */
.nowrap { white-space: nowrap; }

/* ==============================================
   CONTACT US PAGE SPECIFIC
   ============================================== */
.contact-table {
    width: 425px;
    border: solid 1px #ccc;
}

.contact-td-padding {
    padding: 10px 0px 0px 0px;
}

.td-align-left-75 {
    width: 75%;
    text-align: left;
}

.td-align-left-25 {
    width: 25%;
    text-align: left;
}

/* ==============================================
   RESPONSIVE HELPER (if needed in future)
   ============================================== */
@media print {
    .noprint { display: none; }
}