body {
    background: #F6F8FB;
    color: #4C6079;
    font-family: Verdana, sans-serif;
    font-size: 16px !important; /* Global font size */
    line-height: 25px;
    text-align: left;
    margin: 0;
}

a {
    background-color: transparent;
    color: #366EB2;
    text-decoration: none;
    border: 1px solid #DDDDDD;
    padding: 1px 2px;

    border-radius: 4px;   /* 4 px ≈ Tailwind “rounded” */
}

a:hover {
    background-color: #FFFFFF;
    color: #7E22CE; /* Tailwind purple-700, was purple (#800080); */
    border: 1px solid #366EB2;

    border-radius: 0px;   /* 4 px ≈ Tailwind “rounded” */
}

a:hover b {
    background-color: transparent;
    color: #366EB2;
    text-decoration: none;
}

a img {
    border: none; /* Removes border around linked images */
    padding: 0; /* Ensures no extra padding */
    background-color: transparent;
}

img {
    border: 0;
}

.text-center {
    text-align: center;
}

.r {
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    display: inline;
}

.g {
    margin-top: 1em;
    margin-bottom: 1em;
}

.minWidth {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#searchBar {
    background-color: #A3BBD3;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

#searchBar form {
    display: inline;
}

#searchEdit {
    background: #fff url(../images/input_bg.png) 0 0 no-repeat;
    font-size: 16px;
    border-top: 1px solid #6D86A4;
    border-left: 1px solid #6D86A4;
    border-bottom: 0;
    border-right: 0;
    padding: 2px;
    margin-bottom: 5px;
    font-family: Verdana, sans-serif;
    width: 380px;
}

#searchButton {
    font-size: 16px;
    background-color: #E7EEF6;
    background: #E7EEF6 url(../images/find_icon.gif) 5px 2px no-repeat;
    cursor: pointer;
    padding: 1px 15px 1px 15px;
    border: 1px solid #6D86A4;
    color: #4C6079;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    margin-left: 15px;
    width: 80px;
    height: 24px;
    margin-bottom: 4px;
}

.mainContent {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: left;
}

.Copyright {
    width: 520px;
    font-size: 8pt;
    line-height: 1.8em;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
    padding-bottom: 30px;
}

input[type='text'] {
    font-size: 20px;
    height: 35px;
}

#tads h2,
#mbEnd h2 {
    color: #676767;
}

.a, cite, .cite, .cite:link {
    color: green;
    font-style: normal;
}

#mbEnd {
    float: right;
}

h1, ol {
    margin: 0;
    padding: 0;
}

li.g, body, html, .std, #tads h2, #mbEnd h2, h1 {
    font-family: Arial, sans-serif;
    font-weight: normal;
}

#tads li {
    padding: 0 3px 0 5px;
    margin: 0;
}

#tads ol {
    padding: 3px 0;
}

#mbEnd li {
    margin: 1em 0;
    padding: 0;
    zoom: 1;
}

.sm {
    margin: 0 0 0 40px;
    padding: 0;
}

ol li {
    list-style: none;
}

.sm li {
    margin: 0;
}

/* Layout */
#frame {
    margin: 1em;
}


.image-wrapper {
    display: flex;
    justify-content: center; /* Horizontally centers the image */
    align-items: center;    /* Vertically centers the image (optional) */
    margin: 0 auto;         /* Ensures the wrapper itself is centered */
    width: 60%;
    max-width: 1024px;
    border: none;
    background-color: transparent;
    color: #366EB2;
    padding: 1px 2px;
}

/* Use max width */
.image1024 {
    width: 60%;
    max-width: 1024px;
    border: none;
    background-color: transparent;
    padding: 0;
}

.image1024 a {
    width: 60%;
    max-width: 1024px;
    border: none;
    background-color: transparent;
}

.image1024 a:hover {
    width: 60%;
    max-width: 1024px;
    border: none;
    background-color: transparent;
}

/* General Titlebar */
div.tbar {
    background: transparent;
}

div.tbar h3 {
    margin: 0;
    font-size: 82.3%;
    color: #fff;
    text-shadow: 2px 2px #56626d;
    border: 0;
    padding: 0.3em 1em;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    position: relative;
    display: block;
}

div.tbar h3 small {
    font-size: 70%;
    font-weight: normal;
    position: absolute;
    right: 1em;
    border: 1px solid #f40;
    background: #f60;
    text-shadow: none;
    padding: 0 0.2em;
}

#frame div.tbar h3 small a {
    padding: 0;
    color: #fff;
}

#frame div.tbar h3 small a:hover {
    color: #f00;
    text-decoration: none;
}

.ttop, .tbtm, .ttopw, .tbtmw {
    display: block;
    background: transparent;
    font-size: 1px;
}

.t1, .t2, .t1w, .t2w {
    display: block;
    overflow: hidden;
}

div.tbar .t2 {
    background: #fff;
    padding: 0 1px;
    border-left: 1px solid #789;
    border-right: 1px solid #789;
    height: 1px;
    margin: 0 1px;
}

div.tbar .tbg {
    background: #fff;
    border-left: 1px solid #789;
    border-right: 1px solid #789;
}

div.tbar .t1 {
    height: 1px;
    margin: 0 2px;
    background: #789;
}

div.tbar .tbox {
    display: block;
    background: url("https://images-ssl.sourceforge.net/sfx/main_select_bg.gif") top repeat-x #789;
    border: 0 solid #789;
    border-top: 1px solid #789;
    border-width: 0 1px;
}

div.tbar .tboxdrop {
    display: block;
    vertical-align: top;
    background: transparent;
    border: 1px solid #366EB2;
    height: 30px;
    padding-top: 5px;
    padding-left: 5px;
    text-align: center;
}

div.tbar .tboxblank {
    display: block;
    vertical-align: middle;
    border: 1px solid #fff;
    height: 30px;
}

/* Layout */
.onewidetop {
    margin: 0 330px 0 0;
}

.one {
    float: left;
    width: 98%;
    margin: 0;
    position: relative;
}

/* Middle click auto scroll image */
html > img {
    width: 0 !important;
    height: 48px !important;
    padding-left: 48px !important;
    background: url(/static/images/planet-scroll.png) no-repeat;
}


/* Target the input field by its ID */
#student_email::selection {
    background-color: #A3C586; /* Lighter soft green */
    color: black;            /* Black text */
}

/* Firefox-specific fix */
#student_email::-moz-selection {
    background-color: #A3C586; /* Lighter soft green */
    color: #000000;            /* Black text */
}