html {
font-size : 100%;
}



.container {
background-color : #fff;
margin-left : auto;
margin-right : auto;
max-width : 54em;
padding : 1em;
width : 90%; 
}

body {
background-color : #fff;
color : #000;
font-family : arial, sans-serif;
font-size: 1em;
line-height : 1.618em;
margin-top : 0;
text-align : left;
}
img {
max-width: 100%;
}
pre {
overflow:auto;
}

/*  home */
#news {
clear : both;
line-height: 1.67em;
padding-right:0;
padding-top : 50px;
text-align: left;
width:100%;
}
#news h2 {
color : #791313;
font-family : Palatino, "Book Antiqua", serif;
font-size: 1.4em;
font-weight: normal;
}
#news a {
border-radius: 5px;
padding : 5px;
text-decoration: underline;
width: 100%;
}
#news a:hover, #news a:focus {
text-decoration: none;
}
#news li {
float:none;
margin-top : 1em;
text-wrap: balance;
}

#photo {
margin-top : 1.69em;
}

/*top*/
.top {
background-color : transparent;
color : #333;
margin-left : auto;
margin-right : auto;
padding : 0;
padding-bottom : 20px;
padding-top : 20px;
width : 100%;
}

.crumbs {
margin-left : 300px;
padding-left : 0;
text-align : left;
}

#skip A{
background-color: #481818;
color : #fff;
font-size: 1em;
left:10px;
padding : 1em;
position: absolute;
text-align : center;
text-decoration : none;
top:-100px;
-webkit-transition: top 2s ease-out, background 1s linear;
transition: top 2s ease-out, background 1s linear;
width : 10em;
z-index: 100;
}

#skip A:focus {
left: 10px;
position:absolute;
outline:0;
-webkit-transition: top .1s ease-in, background .5s linear;
transition: top .1s ease-in, background .5s linear;
top:10px;
}

.top A:link, .crumbs A:visited {
background-color : transparent;
color : #333;
padding : 0;
text-decoration : none;
white-space : nowrap;
}

.top A:hover, .top A:focus, .top A:active {
background-color : #481818;
color : #fff;
}

#thiscrumb {
color : #000;
}

/*left side*/
.left {
background-color : transparent;
float : left;
padding-bottom : 8em;
padding-top : 1.6em;
width : 28%;
z-index : 2;
}
.banner {
display:flex;
flex-direction: column;
justify-content: center;
text-align:center;
}
.logo {
line-height : 1.67em;
margin-bottom: 26px;
margin-top: 10px;
width: 100%;
z-index: 200;
}
.logo A:link, .logo A:visited {
background-color : transparent;
border-radius:5px;
color : #791313;
font-family : Palatino, "Book Antiqua", serif;
margin-bottom : 2em;
padding-top : .5em;
text-decoration : none;
}
.logo A:hover, .logo A:focus, .logo A:active {
background-color : #791313;
color : #fff;
}
#cantoraccess {
font-size : 1.9em;
white-space: nowrap;
}
#tagline {
font-size: 1em;
}



#searchcontainer {
align-items: stretch;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
width: 100%;
}
#searchinput { 
display: flex;
}

legend, #search-q-label {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
button.search-btn {
background-color: #791313;
border:solid 2px #791313;
border-radius:5px;
color :#fff; 
font-size:1em;
flex-grow:1;
margin-left : 1%; 
}
button.search-btn:hover, button.search-btn:focus {
background-color:#fff;
color:#791313;
}

.c2 {
display : none;
}
input[type="search"] {
border:solid 2px #791313;
border-radius:5px;
-webkit-border-radius:5px;
font-size:1em;
flex-grow: 3;
max-width: 172px;
}
input[type="search"]:focus, input[type="search"]:hover {
background-color: #791313;
border-radius:5px;
color : #fff;
flex-grow: 1;
}
input#submit:focus, input#submit:hover {
background-color: #fff;
color : #791313;
}

.side {
background-color : #fff;
text-align : left;
}

.side h3 {
margin-top : 3em;
margin-left : -25px;
}

.side img {
margin-top : 1em;

text-align : center
}

.side blockquote {
padding : 0
}

/*right side*/
.right {
background-color : #fff;
float:right;
padding-top : 0;
padding-left : 5%;
width : 65%;
}

.column {
float : left;
padding-right : 0;
position : relative;
width : 50%;
}

.colleft {
float : left;
padding-right : 0;
position : relative;
width : 50%;
}

.clear {
clear : both;
}
.nowrap {
white-space: nowrap;
}

/*years*/
.years {
padding : 0;
margin : 0;
max-width : 100%;
}

.years A:link, .years A:visited {
text-decoration : none;
border : 1px solid #481819;
border-radius:5px;
background-color : #481818;
color : #fff;
display:inline-block;
font-family : arial, sans-serif;
font-size : 1em;
padding : 0.37em;
text-decoration : none;
}

.years A:hover, .years A:focus, .years A:active {
background-color : #fff;
color : #481818;
}

.years ul {
float : right;
}

.years li {
float : left;
list-style-type : none;
}
h1, h2, h3, h4 {
text-wrap: balance;
}
h2 A:link, h2 A:visited {
border : 1px solid #481819;
background-color : #fff;
color : #481819;
font-family : arial, sans-serif;
font-size : 0.85em;
font-weight : bold;
line-height : 3em;
margin : 0.2em;
padding : 0.37em;
text-decoration : none;
white-space : nowrap;
}

h2 A:hover, h2 A:focus, h2 A:active {
background-color : #481819;
border : 1px solid #481818;
color : #fff;
font-family : arial, sans-serif;
font-size : 0.85em;
font-weight : bold;
line-height : 3em;
margin : 0.2em;
padding : 0.37em;
text-decoration : none;
white-space : nowrap;
}

#first {
padding-top : 0;
}

h1 {
background-color : transparent;
color : #791313;
font-family : Palatino, "Book Antiqua", serif;
font-size : 2.5em;
font-weight : normal;
line-height : 1.5em;
padding-bottom : 0.4em;
padding-left : 0;
text-align : left;
}
.home h1 {
font-size: 4em;}

h2 {
background-color : transparent;
clear : right;
color : #791313;
font-family : Palatino, "Book Antiqua", serif;
font-size : 1.7em;
font-weight : normal;
line-height : 1.5em;
text-align : left;
}

.small {
background-color : transparent;
font-family : arial, sans-serif;
font-size : 1.2em;
font-weight : normal;
margin-bottom : 0;
padding-bottom : 0;
padding-top : 1.5em;
}

.leading {
margin-top : 0.2em;
}

h3, h4 {
background-color : transparent;
color : #791313;
font-family : Palatino, "Book Antiqua", serif;
font-size : 1.45em;
font-weight : normal;
margin-bottom : 0;
padding-left : 0;
text-align : left;
}

h4 {
font-size : 1.2em;
}

h5 {
overflow : hidden;
position : absolute;
top : -999em;
width : 1em;
}

dfn {
border-bottom : 1px dotted #aaa;
font-style : normal;
}

hr {
height : 4px;
background-color : #481818;
border : none;
float : left;
margin-bottom : 1.5em;
margin-left : 0;
margin-top : 1em;
padding-bottom : 0;
width : 100%;
}

kbd {
color : #700000;
font-size : 1.35em;
font-style : normal;
font-weight : bold;
}


.highlight, .highlightnomargin, .longquote {
background-color : #fff;
color : #791313;
padding-bottom : .5em;
padding-top : .5em;
font-family : Palatino Linotype, Book Antiqua, serif;
font-size : 1.2em;
}

.longquote {
font-size : 1em;
}

.highlightnomargin {
margin-left : 0
}

blockquote {
background-color : #fff;
color : #791313;
font-family : Palatino Linotype, Book Antiqua, serif;
font-size : 1.2em;
line-height: 1.5em;	/*new feb 2025*/
padding : .5em;
text-indent:-.5em;
text-wrap: balance;	/*new feb 2025*/
}

.side blockquote {
margin-left : -20px;
width : 100%;
}

.u {
text-decoration : underline;
}

em {
color : #700000;
font-style : italic;
font-weight : normal;
}

strong {
color : #700000;
font-weight : bold;
font-size : 1em;
}

ol {
padding-left : .55em;
}

.right ul {
list-style-type : disc;
padding-left : 0;
}

.right ul ul{
list-style-type : circle;
padding-left : 2em;
}

.right li {
list-style-position : outside;
margin-top : 0.9em;
margin-left : 1em;
}

.nobullets li {
list-style-type : none;
margin-left : 0;
margin-top : 1.2em;
}

A:link, A:visited {
background-color : transparent;
color : #481818;
font-family : arial, sans-serif;
text-decoration : underline;
}

A:hover, A:focus, A:active {
background-color : #481818;
color : #fff;
font-family : arial, sans-serif;
text-decoration : none;
}

/*footer*/

.footer {
background-color : transparent;
clear : both;
color : #fff;
padding : 0;
text-align : right;
}


.footer hr {
background-color : #481818;
height : 5px;
margin-left : 0;
clear:both;
}

.footer A:link, .footer A:visited {
background-color : transparent;
border-radius:5px;
color : #481818;
display : inline;
margin-right : 1px;
padding : 0.5em;
text-decoration : none;
}

.footer A:hover, .footer A:focus, .footer A:active {
background-color : #481818;
color : #fff;
display : inline;
margin-right : 1px;
padding : 0.5em;
text-decoration : none;
white-space : nowrap;
}

.footer p {
color : #481818;
padding-right : 0.5em;
padding-top : 0;
text-wrap:balance;
}
.footer ul {
margin:0;
padding:0;
padding-top : 20px;
}
.footer ul li A{
display:inline-block;
line-height: 2.5em;
margin : 0;
padding : 0;
text-decoration: underline;
}
.footer ul {
margin : 0;
}
.footer li {
display : inline;
}

#announcement { 
background-color: #791112;
border-radius:5px;
color :  #fff;
font-size: 1.3em;
line-height: 1.618;
padding : 2px;
padding-left : 2.5%;
padding-right : 2.5%;
text-align: center;
text-wrap: balance;
width :  95%;
}
#announcement h2, #announcement h3, #announcement A {
color : #fff;
}
#announcement A:hover, #announcement A:focus {
background-color: #fff;
color: #791112;
}

#legalid {
background-color: #481818;
color: #fff;
}

.credits {
clear:both;
color : #481818;
font-size: 1em;
padding : 0;
padding-bottom : 5em;
}
.credits ul li {
float:left;
}

.credits A:link, .credits A:visited {
background-color : transparent;
color : #481818;
display:block;
padding:0;
padding-left:1em;
padding-right:1em;
text-decoration : underline;
}

.credits A:hover, .credits A:focus, .credits A:active {
background-color : #481818;
color : #fff;
text-decoration : none;
}

#smallnote, .smallnote {
color : #481818;
display: block;
padding-bottom: 1em;
text-wrap: balance;
}

td, th {
background-color : #fff;
border : solid 1px #000;
color : #481818;
padding : 5px;
}

th {
background-color : #f1e8e8;
}

table {
border-collapse: collapse;
border-spacing : 0;
margin-top : 2em;
width : 100%;
}

.onoff {
display : none
}

.article {
display : none
}

.caption, caption {
caption-side: bottom;
color : #700000;
font-size:1.1em;
font-weight : normal;
line-height : 1.5em;
margin-bottom : 2em;
margin-top : .5em;
text-align:center;
}

#contactassociate {
 float : right;
 width : 100%;
}

#contactassociate p {
padding-right : 8px;
}

.summarylink A:link, .summarylink A:visited {
background-color : transparent;
color : #481818;
text-decoration : none;
}

.summarylink A:hover, .summarylink A:focus, .summarylink A:active {
background-color : #481818;
color : #fff;
text-decoration : none;
}

.leftimage {
float : left;
padding-right : 20px;
}


@media only screen and (max-width: 1000px) { 
body {
font-size : 1.3em;
}
.top {
padding-bottom : 0px;
}
#news {
clear : both;
line-height: 1.67em;
}
#news h2 {
font-size:2em;
font-weight: normal;
}
#news li {
margin-top : 1em;
}
#news  ul li:first-child > a {
 animation: none;
}

#news ul A:link, #news ul A:visited {
border:none;
border-radius:5px;
padding:5px;
}
.container {
padding-left: 2%;
padding-right: 2%;
width : 96%;
}
.logo {
width : 100%;
}

#cantoraccess {
font-size: 8vw;
}
#tagline {
display:inline-block;
font-size: 4.20vw;
margin-top:.5em;
padding-left: 10px
}
.search-form {
align-items: stretch;
width : 80%
}
button.search-btn {
align-items: stretch;
padding-bottom : 9px;
padding-top : 5px;
}
#searchcontainer {
align-items: stretch;
justify-content: flex-start;
}
 input[type="search"] {
max-width: 100%;
}
.top {
width : 100%;
}

#skip A{
color : #fff;
font-size: 1em;
left: 0px;
padding : 0;
padding-bottom : 10px;
padding-top : 10px;
position: absolute;
text-align : center;
text-decoration : none;
top:0px;
width : 100%;
z-index: 100;
-webkit-transition: none;
transition: none;
}

#skip A:focus {
left : 0;
outline:0;
-webkit-transition: none;
transition: none;
top:10px;
position:absolute;
}

.crumbs {
clear : left;
margin : 0px;
padding : 0;
padding-top:.5em;
}

.logo {
width : 100%;
}
.banner {
justify-content: flex-start;
text-align:left;
}

.left {
margin:0;
padding-bottom : 50px;
}

.left, .right, #news, #news ul {
width : 100%;
}
#linkedinli {
clear:both;
}
.menu img, p.caption {
display : none;
}
.right {
margin-left : 0px;
}
#homeh1 {
font-size : 9vw;
}
#photo {
width : 100%
}
.footer {
text-align : left;
}
.footer p {
padding-left : .5em}
.years li {
margin-top:1em;
}
.years A:link, .years A:visited {
border-radius:5px;
font-size : 1.4em;
padding : 0.5em;
}
pre {
font-size: 1.3em;}
}

a:hover strong, a:focus strong {
background-color: #700000;
color:#fff;
}

.column, .colleft {
width : 100%;
}

.tagline {
  	font-size: 1.05rem;       /* Slightly larger than normal text */
  	font-weight: 700;        /* Medium boldness */
	color : #700000;
	letter-spacing: 0.5px;   /* Slight spacing for clarity */
 	margin: 1em 0;           /* Space above and below */
}