:root{
  --navy:#203d62;
  --blue:#4f6f92;
  --pale:#e7edf3;
  --line:#aebdca;
  --paper:#f8f9fb;
  --ink:#24313c;
  --muted:#667582;
}
*{box-sizing:border-box}
html{background:#8c9aa8}
body{
  margin:0;
  font:12px/1.45 Verdana, Arial, Helvetica, sans-serif;
  color:var(--ink);
  background:
    linear-gradient(#9aa8b5 0,#cfd6dc 145px,#8d9aa7 145px,#8d9aa7 100%);
}
a{color:#2e527d;text-decoration:underline}
a:hover{color:#8a2a2a}
#page{
  width:760px;
  margin:18px auto 35px;
  border:1px solid #40566b;
  background:#fff;
  box-shadow:0 2px 8px #40505d;
}
.utility{
  height:25px;
  padding:5px 10px;
  text-align:right;
  color:#dce4eb;
  background:#1d2f42;
  font-size:10px;
}
.utility a{color:#dce4eb;text-decoration:none;margin-left:13px}
.header{
  min-height:114px;
  position:relative;
  padding:20px 20px 14px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97),rgba(235,241,246,.94)),
    url("assets/campus.jpg") center 55%/cover;
  border-bottom:4px solid var(--navy);
}
.logo{
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  letter-spacing:2px;
  color:#24476d;
  text-shadow:0 1px #fff;
}
.logo small{
  display:block;
  font:10px Verdana,Arial,sans-serif;
  letter-spacing:6px;
  color:#58718a;
  margin-left:47px;
  margin-top:-4px;
}
.tagline{
  position:absolute;
  right:18px; top:25px;
  width:205px;
  text-align:right;
  color:#4f6680;
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-size:13px;
}
.location{
  position:absolute;right:18px;bottom:10px;
  color:#52687b;font-size:10px
}
.tabs{
  display:flex;
  height:29px;
  background:#dbe4ec;
  border-bottom:1px solid #9aaebe;
}
.tabs a{
  flex:1;
  text-align:center;
  text-decoration:none;
  padding:7px 3px 5px;
  color:#263d55;
  font-weight:bold;
  font-size:10px;
  border-right:1px solid #9fb0bf;
}
.tabs a:hover,.tabs a.active{background:#fff;color:#132b47}
.layout{display:grid;grid-template-columns:165px 1fr;min-height:520px}
.sidebar{
  background:#eef2f5;
  border-right:1px solid #b5c1cc;
  padding:12px 10px 20px;
}
.sidebox{
  border:1px solid #9daebd;
  background:#fff;
  margin-bottom:12px;
}
.sidebox h3{
  margin:0;
  padding:5px 7px;
  font-size:10px;
  color:#fff;
  background:#496b8c;
  letter-spacing:.4px;
}
.sidebox .pad{padding:7px}
.sidebox ul{list-style:none;padding:0;margin:0}
.sidebox li{border-bottom:1px dotted #c3cbd2;padding:4px 0}
.sidebox li:last-child{border:0}
.sidebox a{text-decoration:none;font-size:10px}
.search input[type=text]{width:100%;font:10px Verdana;padding:3px;border:1px solid #9aa8b5}
.search button{
  margin-top:5px;font:10px Verdana;padding:2px 7px;
  border:1px solid #7e91a3;background:#dfe7ee;color:#203d62
}
.content{padding:15px 17px 30px;background:#fff}
.breadcrumb{font-size:9px;color:#7e8b96;margin-bottom:8px}
h1{
  margin:0 0 8px;
  font:normal 24px Georgia,"Times New Roman",serif;
  color:#24476d;border-bottom:1px solid #b5c4d1;padding-bottom:6px
}
h2{
  font:normal 17px Georgia,"Times New Roman",serif;
  color:#315a80;margin:18px 0 5px
}
h3.section{
  font: bold 11px Verdana,Arial,sans-serif;
  color:#294b6b;
  border-bottom:1px dotted #a8b5c0;
  padding-bottom:3px;
  margin:15px 0 6px;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.hero{
  border:1px solid #9aacbb;
  background:#edf2f6;
  padding:7px;
  margin:8px 0 13px;
}
.hero img{width:100%;height:178px;object-fit:cover;display:block;border:1px solid #fff}
.caption{font-size:9px;color:#687783;margin-top:4px}
.intro{
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  line-height:1.5;
  color:#40566b;
}
.callouts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}
.card{
  border:1px solid #b3c0cb;background:#f7f9fb;padding:7px;
  min-height:140px
}
.card img{width:100%;height:72px;object-fit:cover;border:1px solid #c7d0d8}
.card b{display:block;margin:5px 0 3px;color:#294b6b}
.news{
  width:100%;
  border-collapse:collapse;
  margin-top:7px;
}
.news td{vertical-align:top;border-bottom:1px dotted #b8c2cb;padding:6px 4px}
.news .date{width:78px;color:#6c7984;font-size:10px}
.quote{
  margin:14px 0;
  padding:10px 12px;
  border-left:4px solid #6d8ba6;
  background:#f2f5f8;
  font-family:Georgia,serif;
  font-size:14px;color:#4a5d70
}
.notice{
  border:1px solid #c5b987;
  background:#fffbe9;
  padding:8px;
  color:#554f3c;
  margin:10px 0;
}
.data{
  width:100%;border-collapse:collapse;margin:10px 0
}
.data th{
  text-align:left;background:#dce6ef;color:#2c4c6b;
  padding:5px;border:1px solid #aebdca;font-size:10px
}
.data td{padding:5px;border:1px solid #c2ccd5;font-size:10px}
.job{
  border-bottom:1px dotted #aab7c2;
  padding:9px 0;
}
.job strong{color:#2d5277}
.small{font-size:10px;color:#667582}
.fakebutton{
  display:inline-block;
  padding:4px 9px;
  border:1px solid #8296a8;
  background:linear-gradient(#f9fbfc,#d9e2e9);
  color:#264968;text-decoration:none;font-weight:bold;font-size:10px;
}
.footer{
  clear:both;
  padding:10px 15px;
  background:#dce4eb;
  border-top:1px solid #9baebe;
  color:#5c6b77;
  font-size:9px;
  text-align:center
}
.footer a{color:#4b6378}
.counter{
  display:inline-block;
  padding:1px 4px;
  background:#1a1a1a;
  color:#8cff8c;
  border:1px inset #777;
  font:9px "Courier New",monospace;
  letter-spacing:1px
}
.oldweb{font:10px "Courier New",monospace;background:#f5f5ef;border:1px solid #c5c5b8;padding:8px}
.redacted{background:#1d1d1d;color:#1d1d1d;padding:0 3px}
.redacted:hover{color:#ddd}
#pairlink{color:#eef2f5;text-decoration:none;cursor:default}
#pairlink:hover{color:#8797a5}
@media(max-width:800px){
  body{background:#9aa8b5}
  #page{width:96%;margin:8px auto}
  .layout{grid-template-columns:145px 1fr}
  .tagline{display:none}
}
@media(max-width:560px){
  .layout{display:block}
  .sidebar{border-right:0;border-bottom:1px solid #b5c1cc}
  .tabs{height:auto;flex-wrap:wrap}
  .tabs a{min-width:33%;padding:7px}
  .callouts{grid-template-columns:1fr}
  .header{min-height:100px}
  .location{display:none}
}