body {font-family:'Open Sans',sans-serif; margin:0px 0px; font-size:1.125em;}

.calloutdeets {background-color:rgba(0,0,0,0.1); padding:20px;}



.gray a,.gray a:link,.gray a:visited {color:#528; text-decoration:underline; text-decoration-color:#528; transition:all 0.3s;}
.gray a:hover {background-color:#74a; color:#fff; transition:all 0.3s;text-decoration:underline; }
.gray a.highlightlink,.gray a.highlightlink:link,.gray a.highlightlink:visited {color:#285; background-color:#dfe; text-decoration:underline; text-decoration-color:#285; transition:all 0.3s;}
.gray a.highlightlink:hover {background-color:#285; color:#fff; transition:all 0.3s;text-decoration:underline; }
.light a,.light a:link,.light a:visited {color:#528; text-decoration:underline; text-decoration-color:#528; transition:all 0.3s;}
.light a:hover {background-color:#74a; color:#fff; transition:all 0.3s;text-decoration:underline; }
.light a.highlightlink,.light a.highlightlink:link,.light a.highlightlink:visited {color:#285; background-color:#dfe; text-decoration:underline; text-decoration-color:#285; transition:all 0.3s;}
.light a.highlightlink:hover {background-color:#285; color:#fff; transition:all 0.3s;text-decoration:underline; }
.dark a,.dark a:link,.dark a:visited {color:#caf; text-decoration:underline; text-decoration-color:#528; transition:all 0.3s;}
.dark a:hover {background-color:#74a; color:#fff; transition:all 0.3s;text-decoration:underline; }
.dark a.highlightlink,.dark a.highlightlink:link,.dark a.highlightlink:visited {color:#afc; text-decoration:underline; text-decoration-color:#afc; transition:all 0.3s;}
.dark a.highlightlink:hover {background-color:#285; color:#fff; transition:all 0.3s;text-decoration:underline; }

.light blockquote {background-color:#fff; color:#444; letter-spacing:1px; padding:10px; border-left:4px solid #98a;}
.dark blockquote {background-color:#222; color:#aaa; letter-spacing:1px; padding:10px; border-left:4px solid #98a;}

.gray sup a {color:#999 !important;}
.dark sup a {color:#999 !important;}
.light sup a {color:#999 !important;}

li {margin-bottom:10px;}

.dark {
	padding: 30px 80px;
	background-color: #000;
	color: #ccc;
}
.darkhead{
	padding: 20px 80px;
	background-color: #000;
	color: #ccc;
}
.darkhead h2{padding:0px; margin:0px;}
.gray {padding:30px 80px; background-color:#eee; color:#000;}
.light {padding:30px 80px; }
td.russia {background-color:#900; color:#fff;}
td.usa {background-color:#049; color:#fff;}

.container {
  display: flex;
  align-items: center; /* Vertical alignment */
  width: 100%;
  height: auto; /* Or any specific height */
}

.left-column {
  flex: 1 1 50%; /* Take up remaining space */
  padding: 1rem;
  
}

.right-column {
  flex: 0 1 50%; /* Prevent shrinking */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  
}

ul {list-style:disc; margin-top:10px;}

code {background-color:#eee;}
.gray code {background-color:#ddd;}
.dark code {background-color:#222;}

.headsec {
	padding: 20px 80px;
	text-align: center;
}
a.graybtn,a.graybtn:link {background-color:#555; color:#fff; display:inline-block; padding:10px 20px; text-decoration:none; border-radius:4px;}
a.btn,a.btn:link {background-color:#528; color:#fff; display:inline-block; padding:10px 20px; text-decoration:none; border-radius:4px; text-transform:uppercase;}
.light a.btn,a.btn:link {background-color:#528; color:#fff; display:inline-block; padding:10px 20px; text-decoration:none; border-radius:4px; text-transform:uppercase;}
.gray a.btn,a.btn:link {background-color:#528; color:#fff; display:inline-block; padding:10px 20px; text-decoration:none; border-radius:4px; text-transform:uppercase;}

li.current {font-weight:bold; padding-left:20px; background-image:url(cursel.png); background-repeat:no-repeat; background-position:left center;}

.navbar {z-index:10; position:sticky; top:0px; display:flex; padding:10px; background-color:#fff; color:#000; border-bottom:1px solid #999; box-shadow:0px 3px 10px rgba(0,0,0,0.3);}
.navbar > div:nth-child(1) {flex:0 0 20%; font-size:0.8em;}
.navbar > div:nth-child(2) {flex:1; text-align:center; font-size:1.2em; font-weight:bold;}
.navbar > div:nth-child(3) {flex:0 0 20%; text-align:right; font-size:0.8em;}
.navbar a,.navbar a:link {background-color:#528; color:#fff; display:inline-block; padding:6px 12px; text-decoration:none; border-radius:4px; text-transform:uppercase;}

table.formattedtbl {border:1px solid #aaa;}
table.formattedtbl th {border-bottom:1px solid #aaa; background-color:#ddd;}
table.formattedtbl td {border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
table.formattedtbl tr.foundinall3 td {background-color:#ffd;}
table.formattedtbl tr.foundinall3notflood td {background-color:#fdd;}
table.formattedtbl tr.foundinall3 td.rsidsource {background-color:#ffc;}
table.formattedtbl tr.foundinall3notflood td.rsidsource {background-color:#fcc;}




.maincontainer {
      display: flex;
	  align-items: flex-start;
      min-height: 100vh; /* full height */
    }

    .maintoc {
      flex: 0 0 250px; /* fixed width column */
      background: #f4f4f4;
      padding: 20px;
      border-right: 1px solid #ddd;
	  font-size: 0.8em;
	  
	  /* Sticky positioning */
      position: sticky;
      top: 56px;
      height: calc(100vh - 56px);       /* makes it fill viewport height */
      overflow-y: auto;    /* allows TOC to scroll if it’s taller than screen */
    }

    .maintoc h2 {
      font-size: 1.2em;
      margin-top: 0;
    }
    .maintoc h3 {
      font-size: 1.1em;
      margin-top: 0;
    }

    .maintoc ul {
      list-style: none;
      padding: 0;
    }

    .maintoc li {
      margin: 8px 0;
    }

    .maintoc a {
      text-decoration: none;
      color: #528;
    }

    .maintoc a:hover {
      text-decoration: underline;
    }

    .maincontent {
      flex: 1; /* take remaining space */
    }