/* all your CSS from the <style> block */
header {
  background-color: #040079;
  color: white;
  padding: 10px 0;
}
/* etc... */


@charset "UTF-8";
:root {
      --font-color: #fbf1c7;
      --bg-color: #282828;;
      --link-color: #5a94cb;
}
div.effect img.image{
}
div:hover.effect img.image{
display:none;
}
div.effect img.hover{
display:none;
}
div:hover.effect img.hover{
display:block;
}



body {
      margin: auto; font-family: Monaco, monospace; padding-top: 10; padding-left: 10; padding-right: 10; color: var(--font-color); background-color: #282828;}
a {color: var(--link-color); text-decoration:none;}
main {
      padding: 20px;
      max-width: 800px;
      margin: auto;
      --link-color: #60a9c9;
      background-color: #282828; /* White background for content area */
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Soft shadow for the content area */
  }
a:visited{color: var(--link-color); text-decoration:none;}
a:hover {color: var(--link-color); text-decoration:underline;}
table.menutable td {margin-left:0; padding-right: 10; padding-left: 10; padding-top: 10; padding-bottom: 10; font-size: 18; font-family: arial; text-align: center; color:#fbf1c7;}
      a.menu{color: #fbf1c7; text-decoration:none;}
a.menu:hover{color:var(--link-color);}
td.menu:hover{background-color:var(--link-color); cursor:pointer;}
td.menutop:hover {background-color:#282828;}

table.ht {width: 100%;}
table.ht td {padding:0;}
td.htl {width: 125; vertical-align: top;}
table.bt {width: 100%; border-collapse: collapse;}
table.bt td {padding: 4; line-height: 130%;}
table.bt tr {border-top: 1px solid;}
table.bt tr:hover {background-color: #282828;}
tr.btbold td {border-bottom: 3px solid;}
td.bta {width: 34; vertical-align: top;}
td.btb {width: 79; vertical-align: top;}

ul.spacylist li {padding-top: 10;}
.blocklinks {font-variant: small-caps; text-decoration:none; font-size: 10pt; color: #8A8B8C; font-weight: normal;}
a.blocklinks:hover {color:#8A8B8C;}
.blockp {font-size:5pt;width:95%;text-align:justify;}
.blockspan {font-size:12pt;line-height:120%;}
h3 {padding-left:0pt}
.journal {font-style:italic;}


.date {
  color:  #148e12;
  display: inline;
  margin: 0;
  padding: 0;
  text-indent: 0;
}

/* <style> */
    /* header {
    background-color: #79006b; /* Darker teal for header */
	/* color: white; */
    /* padding: 10px 0; */
/* }  */ 

	
    ol li {
        padding: 5px 0px;
        }
    
    ul li {
            padding: 4px 0px;
        }
    
        nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right; /* Aligns navigation to the right */
}

nav ul li {
    display: inline;
    margin-left: 15px; /* Space between the tabs */
}

nav ul li a {
    color: white;
    text-decoration: none;
    padding: 8px 15px;
    transition: background-color 0.3s;
}

nav ul li a:hover {
    background-color: #508898; /* Darker teal on hover */
    border-radius: 4px;
}
    
    .supsub {
            display: inline-block;
        }
    
    .supsub sup,
    .supsub sub {
            position: relative;
            display: block;
            line-height: .6;
        }
    
    .supsub sub {
            top: .3em;
        }
    .hidden { display: none; }
    .abstract { width: 100%; font-size: smaller; font-style: normal; margin: 0px; padding: 0px; 
        padding-top:5px;
         cursor: pointer; }
            
         
    /* </style> */