/* Nov 14, 2025*/

/*  original
body { */
html, body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
	/* font-size: 10pt; */
	font-size: 12pt;
	/* background-repeat: repeat;
	background-image: url(/none.gif); */
	/* added */
	height: 100%;
}

.titlenotice {
	background-color: #000000!important;
	color: #FFF !important;
	position: inherit;
	/* height: 50px; */
	/* margin-top: -100px; */
	clear: both;
	width: 650px;
	font-size: 8pt;
	/* padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black; 
	padding: 2px; */
 	padding: 5px;
 	margin: 0;   /* REMOVE the default P margins */
}

.titlenotice + p { 
/* First paragraph *after* the bar, regardless of <br> etc. */
/* .titlenotice ~ p:first-of-type { */
    margin-top: 0 !important;     /* kill the first paragraph’s top margin */
}

.titlenotice a {
	color: #FFF !important; /* default color for links */
	text-decoration: underline !important; /* remove underline */
}

.titlenotice a:hover {
	color: #FF0000 !important; /* color for links on hover */
	text-decoration: underline !important; /* underline on hover */
}

.footernotice {
	background-color: #F8F8F8;
	position: inherit; 
	/* height: 50px; */
	/* margin-top: -100px; */
	clear: both;
	width: 650px;
	font-size: 9pt;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

/* sup {
    font-size: smaller !important;  /* Make it smaller than the surrounding text */
    vertical-align: super !important; /* Raise it above the normal text line */
} */

b {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
	/* font-size: 10pt; */
	font-size: 12pt
}

code, tt, pre {
	font-family: "Courier New",courier,monospace;
	font-size: 9pt
}

hr {
	border: 0;
	height: 1px;
	color: #999999;
	background-color: #999999;
}

ul, ol, li, p. dd, dl, br {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
	/* font-size: 10pt */
	font-size: 12pt
}

h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
	font-size: 16pt
}

h2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
	color: #474FB1;
	font-size: 14pt
}

h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
	font-size: 12pt
}

h5 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
	font-size: 20pt
}

/* same as smallprint changed to 12pt Aug 29, 2024 */
td, th {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
	/* font-size: 8pt;*/
	font-size: 12pt
}	

.tenpoint {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
font-size: 10pt
}

.smallprint-expanded {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
	font-size: 8pt;
	letter-spacing: .15em;
	font-weight: bold;
	color: #474FB1;
	text-decoration: underline;
}

.smallprint {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
font-size: 8pt
}

A:link { color: #474FB1;  text-decoration: none}
A:visited { color: #474FB1;  text-decoration: none}
A:hover {
	color: #FF0000;
	text-decoration: none;
}
A:active { color: #474FB1; text-decoration: none
}

hr {
	width: 100%;
	height: 2px;
	border: none;
	color: #000;
}

table.tunelist tbody tr td  {
	padding: 0px 2px 2px 0px;
	border-collapse: collapse;
	border: 1px solid #9aaaaa;
}	

/* navsmallprint; */
.navsmallprint {
    border-left: 1px solid green !important; /* Add green border */
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
    font-size: 8pt;
	/* border-top: 1px solid black;
    border-bottom: 1px solid black;
	border-left: hidden;
	border-right: hidden;
	border-radius: 10px */
}

/* Remove border if cell is empty
  but this does not seem to work left for reference */
.navsmallprint:empty {
    border-left: none !important;
}
/* end navsmallprint*/

/* CSS for making the left nav sticky */
.left-nav {
	position: -webkit-sticky; /* For Safari */
	position: sticky;
	top: 0; /* Keep it at the top of the viewport */
	left: 0; /* Align it to the left of the page */
    width: 120px; /* Adjust the width as necessary */
    height: 100vh; /* Make sure it spans the full height of the viewport */
    z-index: 1000; /* Ensure it stays above other content */
    background-color: #fff; /* Optional: set background to ensure readability */
    /* border-right: 1px solid #ddd; /* Optional: border to separate the menu */
    /* box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1); /* Optional: shadow for visual effect */
}
/* end CSS for making the left nav sticky   */

.left-nav tr:hover {
    background-color: #f0f0f0; /* very light grey */
}

img.nofloat-1px {
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 1px;
	border: 1px solid #000000;
	/* background: #CCCCCC;*/
	vertical-align: text-top;
}

img.nofloat {
	float: none;
	margin: 0px 0px 0px 5px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff;
	vertical-align: text-top;
}

img.floatleft {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff;
	vertical-align: text-top;
}

img.floatright {
	float: right;
	margin: 0px 5px 0px 0px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff;
	vertical-align: text-top;
}

.quote {
  margin-left: 2em;
  border-left: 1px red solid;
  padding-left: 1em;
  font-style: italic;
  font-size: 14px;
  /* background-color: lightgrey; */
}
.funnies {
  width: 100%; /* Example width for the table */
  border-collapse: collapse; /* Optional: makes borders collapse into one */
  margin: 10px; /* Padding around the table */
}

.funnies th, .funnies td {
  padding: 5px; /* Padding inside the cells */
  /* border: 1px solid black; /* Optional border for visibility */
  border: 0px;
}


/* end  */