@charset "utf-8";
body {
   background-color: #f4fbf4;
   background-image: url('images/graphics/background_00aa00_noise.png') !important;
   background-attachment: fixed;
   padding-top: 52px; /* need this to adjust for the fixed header  */
}
#main_container {
   background-color: #f4fbf4;
   padding: 20px 20px 20px 20px;
   margin-top: 0 !important;
   border: 1px solid #cccccc;
}
.screen-width {
   max-width: 1024px;
}
a:link {
   color: #015A01;
   text-decoration: underline;
}
a:visited {
   color: #009900;
   text-decoration: none;
}
a:hover {
   color: #cc33ff; /* was #9900cc  */
   text-decoration: none;
   background-color: #eeeeee;
}
#my-footer {
   width: auto;
   background-color: #ffffff;
   border: 1px solid #cccccc;
   padding: 15px 15px 5px 15px;
   margin-top: 10px;
   margin-bottom: 10px;
}
/*   Start of Navbar Stuff   */
.brand-text {
   color: #00aa00;
   font-weight: bold;
   /*   font-size: 24px;  */
   margin-bottom: 20px;
}
.dropdown-submenu {
   position: relative;
}
.dropdown-submenu .dropdown-menu {
   top: 0;
   left: 100%;
   margin-top: -6px;
   margin-left: 0;
   border-radius: 0.25rem;
   display: none;
}
.dropdown-submenu:hover .dropdown-menu {
   display: block;
}
.dropdown-menu.show {
   display: block;
}
.navbar-nav .nav-link {
   font-weight: bold;
   color: white;
}
.navbar-nav .nav-item .nav-link:hover {
   background-color: #e4fbe5;
   color: #00aa00;
   text-decoration: none !important;
}
.navbar-nav .dropdown-menu .dropdown-item:hover {
   background-color: #e4fbe5;
   background-color: #3cb043;
   color: white;
   text-decoration: none;
}
.navbar-dark {
   background-color: #0000000 !important;
   border: none !important;
   border-width: 0 !important;
   padding: 0;
}
.navbar-brand {
   font-weight: bold;
   color: #00FF00 !important;
   float: left;
   font-size: 100%;
}
.navbar-brand:hover {
   background-color: #000000;
}
.navbar-toggler-icon {
   float: right;
}
a.navbar-brand {
   text-decoration: none;
}
a.dropdown-item {
   text-decoration: none;
}
a.nav-link {
   text-decoration: none;
}
/*   End of Navbar Stuff   */
.opti-icon {
   padding: 0;
   margin: 2px 20px 0 0;
   float: left;
   /* text-align: center;  */
   border: none;
   display: block;
   width: auto;
   height: auto;
   background: url('images/graphics/toronto_optimists_crest_original_008800_130px.png') no-repeat;
}
.opti-icon img {
   margin: 10px 0 0;
}
.titles {
   /* font-family: Times, Times New Roman, Times, serif; */
   font-family: Arial, Helvetica, sans-serif;
   /*	font-style: italic; */
   font-style: normal;
   color: white;
   letter-spacing: 1.5pt;
   /*	font-size-adjust: .52;  */
   /*	margin: 0 0 0 143px; */
   margin: 0;
   padding: 0;
   line-height: 2.0em;
}
.title_line_1 {
   padding: 0;
   margin: 0;
   color: #00aa00;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.4em;
   font-weight: bold;
   text-align: left;
   /*	text-shadow: -1px -1px 3px #000000; */
   /*	color: inherit; */
}
.title_line_2 {
   margin: 0;
   padding: 0;
   color: black;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.8em;
   text-shadow: -1px -1px 3px #dddddd;
   /*	text-shadow: -1px -1px 3px #000000; */
   text-align: left;
}
.title_line_3 {
   margin: -2px 0 0 0;
   padding: 0;
   color: inherit;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.4em;
   font-weight: bold;
   text-align: left;
   /*	text-shadow: -1px -1px 3px #000000; */
}
hr.bob {
   border: 0;
   border-top: 1px solid #00aa00;
   opacity: 1;
}
/*	Start of Headings	*/
h1 {
   color: white;
   background-color: #009500;
   text-shadow: 2px 2px 8px #000000;
   font-size: 225%;
   font-weight: bold;
   letter-spacing: 3px;
   border: 1px solid #bbbbbb;
   border-bottom: 3px solid black;
   text-align: center;
   padding: 20px;
   margin: 10px 0;
   word-wrap: break-word;
   white-space: normal;
}
h2 {
   padding: 0;
   margin: 0;
   margin-bottom: 15px;
   font-weight: bold;
   color: #00aa00;
   font-size: 170%;
}
h3 {
   font-size: 140%;
   padding: 0;
   margin: 0 0 5px 0;
   font-weight: bold;
   color: #000000;
}
h4 {
   font-size: 120%;
   padding: 15px 0 10px 0;
   padding: 0;
   margin: 0 0 5px 0;
   font-weight: bold;
   color: #000000;
}
h5 {
   font-size: 110%;
   padding: 0;
   margin: 0 0 5px 0;
   font-weight: bold;
   color: #000000;
}
h6 {
   font-size: 100%;
   padding: 0;
   margin: 0 0 5px 0;
   font-weight: bold;
   color: #000000;
}
/*	End of Headings	*/
/* Hanging Indent: */
.hanging-indent {
   padding-left: 30px;
   text-indent: -30px;
}
/*   Dot Leaders */
.leader-container {
   display: flex;
   justify-content: space-between; /* Pushes left and right content to edges */
   align-items: baseline; /* Aligns text baselines */
}
.leader-dots {
   flex-grow: 1; /* Allows the dots to fill available space */
   border-bottom: 1px dotted black; /* Creates the dotted line */
   margin: 0 5px; /* Adjust spacing around dots */
}
/*	Define the various Sections used for content	*/
.section {
   font-size: 100%;
   margin: 20px 0 0 0;
   padding: 20px;
   background: #ffffff;
   border: 1px solid #aaaaaa;
   text-align: left;
   clear: both;
   /*   overflow: auto;  */
}
.section-green-border {
   margin: 20px;
   background: #FFFFFF;
   padding: 20px;
   border: 2px solid #00aa00;
   vertical-align: middle;
   text-align: left;
   /*   overflow: auto;  */
}
.rehearsal-reports {
   background-image: url('images/graphics/background_white.jpg');
   padding: 20px;
   border: 1px solid #cccccc;
}
.names {
   font-size: 80%;
   text-align: left;
   margin: 15px 10% 15px 10%;
   background: #FFFFFF;
   padding: 20px;
   padding-bottom: 10px;
   border: 1px solid #CCCCCC;
}
.left {
   font-size: 100%;
   margin-right: 20px;
   width: auto;
   height: auto;
}
.right {
   float: right;
   width: auto;
   height: auto;
}
/*	Stuff related to the We Remember pages	*/
/*	used to hold names of members who have passed	*/
table.remember_table, th.remember_table, td.remember_table {
   border-collapse: collapse;
   border: 1px solid black;
   text-align: left;
   padding: 15px;
   vertical-align: text-top;
}
.remember_table_column_1 {
   float: left;
   width: 20%;
   vertical-align: text-top;
   text-align: right;
   font-weight: bold;
}
.remember_table_column_2 {
   float: left;
   width: 80%;
   vertical-align: text-top;
}
.remember_row {
   padding: 5px 5px 0 0;
}
/* Clear floats after the columns */
.remember_table_row:after {
   content: "";
   display: table;
   clear: both;
}
.remember_row:after {
   content: "";
   display: table;
   clear: both;
}
.remember_column {
   float: left;
   width: 25%;
   vertical-align: text-top;
   text-align: left;
   text-indent: 0;
   padding: 0;
}
/* Box is used  for the DropDown list to Select a Corps member */
.remember-box {
   width: 270px;
   height: 30px;
   border: 1px solid #00aa00;
   font-size: 1.03em;
   color: #009900;
   background-color: #f7fef9;
   border-radius: 5px;
   margin-bottom: 0;
   /* box-shadow: 6px 6px 10px #e9fdef; */
}
.section-remember {
   /*	font-size: 95%;  */
   font-size: 100%;
   margin: 20px 0 0 0;
   padding: 30px;
   background: #ffffff;
   border: 1px solid #777777;
   text-align: left;
   overflow: auto;
   clear: both;
}
.section-find-member {
   font-size: .9em;
   padding: 10px 0;
   background: #ffffff;
   border: 1px solid #cccccc;
   width: 296px;
   margin: 0 auto;
   margin-top: 15px;
   text-align: center;
   overflow: auto;
   clear: both;
}
.remember-section {
   font-size: 90%;
   text-align: left;
   margin: 0 auto;
   padding: 20px;
   border: 0 solid #cccccc;
   vertical-align: middle;
   height: auto;
}
.remember-text {
   text-align: left;
   margin: 0 auto;
   padding: 0;
   border: 2px solid #cccccc;
   vertical-align: middle;
}
.remember-photos {
   margin: 0 0 0 30px;
   border: 4px groove #00aa00;
   padding: 20px;
   background: url('images/graphics/background_for_photos_test_3.png');
   /*	background-color: #eeeeee;	*/
   float: right;
   vertical-align: middle;
   box-shadow: 5px 5px 10px rgb(180, 180, 180);
}
.remember-photos img {
   margin: 0;
   padding: 0;
   display: block;
   border: 1px solid #008800;
}
.p_remember_page_text {
   text-align: center;
   padding-bottom: 20px;
   color: #00aa00;
   font-size: 2.4em;
   font-family: Times, serif;
   font-style: italic;
   font-weight: bold;
   text-shadow: -1px -1px 2px #bbbbbb;
}
.p_remember-firstline {
   margin: 0;
   padding: 0;
}
.p_remember-lastline {
   margin-bottom: 0;
   padding-top: 15px;
   font-weight: bold;
   font-style: italic;
}
.remember-comments-heading {
   font-weight: bold;
   font-size: 105%;
   margin-bottom: 5px;
   padding-bottom: 0;
   padding-top: 15px
}
.remember-comments {
   /*   
   padding-left: 30px;
   text-indent: -30px;
*/
   padding-top: 0;
   padding-bottom: 0;
   font-style: italic;
}
/*	End of We Remember Stuff	*/
.green-btn {
   background-color: #00aa00;
   color: #fff;
   font-weight: bold;
}
.green-btn:hover {
   background-color: #00aa00;
   background-color: #b9f9b9;
   background-color: #006600;
   color: black;
}
.bobs-button {
   /*	box-shadow: inset 0px 1px 0px 0px #caefab; */
   /*	background: linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);	*/
   /*	background-color: #eeeeee;	*/
   /*	background: rgba(255, 255, 255, 0.4); */
   /*	background: rgba(0, 153, 0, 1.0); */
   background: #007700;
   border-radius: 8px;
   border: 1px solid #00aa00;
   text-shadow: .1em .1em 2em #000000;
   cursor: pointer;
   color: #ffffff;
   font-family: Arial;
   font-size: 15px;
   font-weight: bold;
   text-decoration: none;
   padding: 8px 3px;
   width: 240px;
   text-align: center;
}
.bobs-button:hover {
   background-color: #b9f9b9;
   color: black;
}
.bobs-button:active {
   position: relative;
   top: 1px;
}
.bobs-button2 {
   /*	box-shadow: inset 0px 1px 0px 0px #caefab; */
   /*	background: linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);	*/
   /*	background-color: #eeeeee;	*/
   /*	background: rgba(255, 255, 255, 0.4); */
   /*	background: rgba(0, 153, 0, 1.0); */
   background: #007700;
   border-radius: 8px;
   border: 1px solid #00aa00;
   text-shadow: .1em .1em 2em #000000;
   cursor: pointer;
   color: #ffffff;
   font-family: Arial;
   font-size: 15px;
   font-weight: bold;
   text-decoration: none;
   padding: 10px;
   width: 220px;
}
.bobs-button2:hover {
   background-color: #b9f9b9;
   color: black;
}
.bobs-button2:active {
   position: relative;
   top: 1px;
}
.bobs-button {
   /*	background: rgba(0, 153, 0, 1.0); */
   background: #007700;
   border-radius: 8px;
   border: 1px solid #00aa00;
   text-shadow: .1em .1em 1em #000000;
   display: inline-block;
   cursor: pointer;
   color: #ffffff;
   font-family: Arial;
   font-size: 15px;
   font-weight: bold;
   /*	padding: 6px 24px;  */
   text-decoration: none;
}
.bobs-button:hover {
   /*	background: linear-gradient(to bottom, #5cb811 5%, #77d42a 100%); */
   background-color: #b9f9b9;
   color: black;
}
.bobs-button:active {
   position: relative;
   top: 1px;
}
/*	Table used for Quick Links	*/
#rcorners_equal {
   border-radius: 15px;
   background: #73AD21;
   padding: 20px;
   width: 200px;
   height: 150px;
}
.table-ql {
   font-weight: normal;
   font-style: normal;
   text-align: left;
   width: 100%;
   background-image: url('images/graphics/background_white.jpg');
}
.table-ql th {
   text-align: left;
   color: black;
   background-color: #dddddd;
   border: 1px solid #dddddd;
   border-bottom: solid 1px #000000;
   margin-bottom: 0;
   font-size: 170%;
   font-weight: bold;
   padding: 5px 20px 5px 15px;
}
.table-ql td {
   font-weight: normal;
   font-style: normal;
   text-align: left;
   padding: 15px 15px 0 25px;
}
.table-ql button {
   /*	box-shadow: inset 0px 1px 0px 0px #caefab; */
   /*	background: linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);	*/
   /*	background-color: #eeeeee;	*/
   /*	background: rgba(255, 255, 255, 0.4); */
   /*	background: rgba(0, 153, 0, 1.0); */
   background: #007700;
   border-radius: 8px;
   border: 1px solid #00aa00;
   display: inline-block;
   text-shadow: .1em .1em 2em #000000;
   cursor: pointer;
   color: #ffffff;
   font-family: Arial;
   font-size: 15px;
   font-weight: bold;
   /*	padding: 6px 24px;  */
   text-decoration: none;
}
.table-ql button:hover {
   background-color: #b9f9b9;
   color: black;
}
.table-ql button:active {
   position: relative;
   top: 1px;
}
/*	Table used on Vern's History pages	*/
/*
.table-arrow {
	font-weight: normal;
	font-style: normal;
	font-size: 85%;
	letter-spacing: 0;
	margin: 0 auto;
	margin-top: 15px;
   margin-bottom: 15px;
	padding: 13px;
	border: 1px solid #006600;
	background-color: white;
   width: auto;
}
.table-arrow td {
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding: 0;
}
.table-arrow td:first-child {
	font-weight: bold;
	padding-bottom: 10px;
	text-align: center;
}
.table-arrow td:nth-child(5) {
	font-weight: bold;
	padding-bottom: 10px;
	text-align: center;
}
.table-arrow td:nth-child(4) {				
	width: 10px;
}
.table-arrow td:nth-child(2),
	 		 td:nth-child(6) {				
	width: 270px;
}
.table-arrow td:nth-child(3),
	 		 td:nth-child(5) {				
	width: 60px;
	line-height: 20px;
}
*/
.table-arrow {
   font-weight: normal;
   font-style: normal;
   letter-spacing: 0;
   margin: 0 auto;
   margin-top: 15px;
   margin-bottom: 15px;
   padding: 13px;
   border: 1px solid #006600;
   background-color: white;
   width: auto;
}
.table-arrow td {
   padding: 5px;
   vertical-align: middle;
}
.table-arrow td:nth-child(3) { /* space between arrows	*/
   width: 10px;
}
.table-arrow td:nth-child(2), td:nth-child(4) { /* arrows	*/
   width: auto;
}
.table-arrow td:nth-child(1), table-arrow td:nth-child(2) {
   text-align: end;
}
.table-arrow td:nth-child(4) td:nth-child(5) {
   text-align: start;
}
.table-arrow td:nth-child(1), td:nth-child(5) { /* arrows	*/
   width: 40%;
}
/*   End of Arrow Table stuff: */
.figure-caption {
   font-size: 80%;
   font-style: italic;
   text-align: center;
   padding-bottom: 0;
   padding-top: 5px;
}
.ql-link {
   text-align: left;
   color: black;
   background-color: #dddddd;
   border: 1px solid #dddddd;
   border-bottom: solid 1px #000000;
   font-size: 170%;
   font-weight: bold;
   padding: 15px;
   width: 100%;
   margin-left: 10px;
}
/*	Start of Flex stuff	*/
.flex-container-buttons {
   display: flex;
   line-height: 1.0;
   flex-wrap: wrap;
   align-content: space-between;
   padding: 0;
}
.flex-container-buttons > div {
   width: 100px;
   margin: 10px;
   text-align: center;
}
/*	End of Flex stuff	*/
/*	stuff used on YouTube Videos	*/
.yt_page {
   padding: 0;
}
.yt_table {
   border-collapse: collapse;
   border: 1px solid #00aa00;
   text-align: left;
   padding: 10px;
   vertical-align: text-top;
}
.yt_table_row {
   margin-bottom: 10px;
}
.yt_table_column_1 {
   float: left;
   width: 30%;
   vertical-align: text-top;
   text-align: left;
}
.yt_table_column_2 {
   float: left;
   width: 70%;
   vertical-align: text-top;
}
/* Clear floats after the columns */
.yt_table_row:after {
   content: "";
   display: table;
   clear: both;
}
.yt_years {
   border-collapse: collapse;
   border: 1px solid #00aa00;
   text-align: left;
   padding: 10px;
   vertical-align: text-top;
}
.yt_years_row {
   margin-top: 0;
}
.yt_years_row:after {
   content: "";
   display: table;
   clear: both;
   margin-bottom: 10px;
}
.yt_row_new_year {
   margin-top: 0;
   padding-top: 20px;
}
.yt_row_new_year:after {
   content: "";
   display: table;
   clear: both;
   margin-bottom: 10px;
}
.yt_years_row_many {
   margin-top: 0;
}
.yt_years_row_many:after {
   content: "";
   display: table;
   clear: both;
   margin-bottom: 10px;
}
.yt_years_column_1 {
   float: left;
   vertical-align: text-top;
   text-align: left;
   font-weight: bold;
   width: 8%;
}
.yt_years_column_2 {
   float: left;
   vertical-align: text-top;
   padding-right: 5px;
   width: 28%;
}
.yt_years_column_3 {
   float: left;
   vertical-align: text-top;
   text-align: left;
   overflow: visible;
   width: 60%;
}
.yt_h2 {
   margin: 0 0 10px 0;
   font-size: 135%;
   font-weight: bold;
   color: #00aa00;
}
.yt_h3 {
   margin: 0 0 10px 0;
   font-size: 125%;
   font-weight: bold;
}
.yt_h4 {
   margin: 0 0 10px 0;
   font-size: 120%;
   font-weight: bold;
   padding-top: 15px;
}
.border-green {
   border: 1px solid #00aa00;
}
/* start of Scroll Bar stuff */
/* The emerging W3C standard
   that is currently Firefox-only */
* {
   scrollbar-width: auto;
   scrollbar-color: #00cc00 white;
   scrollbar-thumb: #00aa00;
}
/* Works on Chrome/Edge/Safari */
*::-webkit-scrollbar {
   width: 24px;
}
*::-webkit-scrollbar-track {
   background: white;
}
*::-webkit-scrollbar-thumb {
   background-color: black;
   border-radius: 20px;
   border: 3px solid white;
}
::-webkit-scrollbar-thumb:hover {
   background: #00aa00;
}
/* end of Scroll Bar stuff */
/*	Modal Window definitions	*/
/* The Modal (background) */
.modal {
   display: none; /* Hidden by default */ ;
   position: fixed; /* Stay in place */ ;
   /*	z-index: 1;  Sit on top */ ;
   padding-top: 0; /* Location of the box */ ;
   width: auto; /* Full width */ ;
   overflow: auto;
   /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ ;
   background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */ ;
   margin: 0 auto;
   height: auto;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%); /* Moves the element back by half its width and height */
   /* Your modal's other styling */
   border-radius: 8px;
   z-index: 6000;
}
/* Modal Content (image) */
.modal-content {
   display: block;
   border: 4px #006600 groove;
   background-color: #f4fbf4;
   padding: 15px;
}
.modal-content img {
   padding: 0;
   display: block;
   border: 2px solid #000000;
   width: auto;
   max-height: 550px;
   max-width: 500px;
   float: none;
}
/* Caption of Modal Image */
.caption {
   margin: 0 auto;
   display: block;
   width: 80%;
   max-width: 700px;
   text-align: center;
   color: #00aa00;
   padding: 0 0 10px 0;
   font-weight: bold;
   font-size: 170%;
}
/* Add Animation */
.modal-content, #caption {
   -webkit-animation-name: zoom;
   -webkit-animation-duration: 0.6s;
   animation-name: zoom;
   animation-duration: 0.6s;
}
/* The Close Button */
.close-btn:hover {
   color: black;
}
.close-btn {
   position: static;
   top: 0;
   right: 0;
   color: #ff0000;
   font-size: 40px;
   font-weight: bold;
   transition: 0.3s;
   float: left;
}
.close:hover, .close:focus {
   color: #bbb;
   text-decoration: none;
   cursor: pointer;
}
/*	Various List definitions	*/
ol.pad_7px {
   display: block;
   list-style-type: decimal;
   margin: 1em 0;
   padding-left: 30px;
   overflow: visible;
}
ol.pad_7px li {
   padding-bottom: 7px;
}
ol.pad_15px {
   display: block;
   list-style-type: decimal;
   margin: 1em 0;
   padding-left: 40px;
}
ol.pad_15px li {
   padding-bottom: 15px;
   padding-left: 10px;
}
ol.pad_10px {
   list-style-type: decimal;
}
ol.pad_10px li {
   padding: 5px;
}
ol.col2_pad_15px {
   list-style-type: decimal;
   margin: 1em 0;
   padding-left: 30px;
   column-count: 2; /* Creates two columns */
   column-gap: 60px; /* Adds space between columns */
   column-width: 40%;
   word-wrap: break-word;
}
ol.col2_pad_15px li {
   padding-bottom: 10px;
}
ul.no-indent {
   display: block;
   margin: 0;
   padding: 0;
   list-style-type: none;
}
ul.sym_pad_7px {
   display: block;
   margin: 1em 0;
   padding-left: 20px;
}
ul.sym_pad_7px li {
   padding-bottom: 7px;
}
ul.pad_7px {
   display: block;
   list-style-type: disc;
   margin: 1em 0;
   /*	padding-left: 20px; */
   white-space: normal;
}
ul.pad_7px li {
   padding-bottom: 7px;
}
ul.remember_pad_7px {
   display: block;
   list-style-type: none;
   margin: 1em 0;
   padding-left: 20px;
   white-space: normal;
}
ul.remember_pad_7px li {
   padding-bottom: 7px;
}
ul.pad_10px {
   display: block;
   list-style-type: none;
   margin: 0 0 1em 0;
   padding: 0 20px 10px 5px;
}
ul.pad_10px li {
   padding-bottom: 10px;
}
ul.pad_15px {
   display: block;
   list-style-type: none;
   margin: 1em 0;
   padding-left: 20px;
}
ul.pad_25px li {
   padding-bottom: 25px;
}
ul.pad_25px {
   display: block;
   list-style-type: none;
   margin: 1em 0;
   padding-left: 25px;
}
ul.pad_15px li {
   padding-bottom: 15px;
}
ul.nl_pad_7px {
   display: block;
   list-style-type: none;
   margin: 0 0 1em 0;
   padding-left: 3px;
}
ul.nl_pad_7px li {
   padding-bottom: 7px;
}
ul.left_pad_10px {
   display: block;
   margin: 0 0 1em 0;
   padding-left: 25px;
}
ul.left_pad_10px li {
   padding-bottom: 10px;
}
ul.join_list li {
   /*	list-style-image: url('images/graphics/g_bull_lev1.gif'); */
   vertical-align: text-top;
   text-align: left;
   margin: 0;
}
ul.join_list li li {
   /*	list-style-image: url('images/graphics/g_bull_lev2.gif'); */
   vertical-align: text-top;
   padding: 0;
   margin: 5px 0 5px 20px;
}
ul.join_list li li li {
   /*	list-style-image: url('images/graphics/g_bull_lev3.gif');	*/
   vertical-align: text-top;
   padding: 0;
   margin: 5px 0 5px 20px;
}
ul.join_list li li li li {
   /*	list-style-image: url('images/graphics/g_bull_lev4.gif');	*/
   vertical-align: text-top;
   padding: 0;
   margin: 5px 0 5px 20px;
}
ul.join_list li li li li li {
   /*	list-style-image: url('images/graphics/g_bull_lev5.gif');	*/
   vertical-align: text-top;
   padding: 0;
   margin: 5px 0 5px 20px;
}
.inside_list li {
   vertical-align: text-top;
   list-style-position: inside;
   text-indent: -1em; /* added Jan 22, 2020 */ ;
   padding-left: 1em; /* added Jan 22, 2020 */ ;
   padding-right: .6em;
   margin: 9px 0;
}
/*	end of List definitions	*/
.acro_page {
   padding: 0 10px 0 10px;
}
.acro_table {
   border-collapse: collapse;
   border: 1px solid #00aa00;
   text-align: left;
   padding: 10px;
   vertical-align: text-top;
}
.acro_years {
   border-collapse: collapse;
   text-align: left;
   padding: 10px;
   vertical-align: text-top;
   /*	border: 1px solid #00aa00; */
   /*	background-image: url('images/graphics/background_content_cyan.jpg') */
}
.acro_years_row {
   margin-top: 0;
}
.acro_years_row:after {
   content: "";
   display: table;
   clear: both;
   margin-bottom: 10px;
}
.acro_row_new_year {
   margin-top: 0;
   padding-top: 20px;
}
.acro_row_new_year:after {
   content: "";
   display: table;
   clear: both;
   margin-bottom: 10px;
}
.acro_years_row_many {
   margin-top: 0;
}
.acro_years_column_1 {
   float: left;
   width: 9%;
   vertical-align: text-top;
   text-align: left;
   font-weight: bold;
}
.acro_years_column_2 {
   float: left;
   width: 91%;
   vertical-align: text-top;
}
/*	Start of Memories Section	*/
.memories_page {
   padding: 0 20px 20px 15px;
}
.memories_table {
   border-collapse: collapse;
   border: 1px solid #00aa00;
   text-align: left;
   padding: 10px;
   vertical-align: text-top;
}
.memories_years {
   border-collapse: collapse;
   border: 1px solid #00aa00;
   text-align: left;
   padding: 10px;
   vertical-align: text-top;
   background-image: url('images/graphics/background_content_cyan.jpg')
}
.memories_years_row {
   margin-top: 0;
}
.memories_years_row:after {
   content: "";
   display: table;
   clear: both;
   margin-bottom: 10px;
}
.memories_row_new_year {
   margin-top: 0;
   padding-top: 20px;
}
.memories_row_new_year:after {
   content: "";
   display: table;
   clear: both;
   margin-bottom: 10px;
}
.memories_years_column_1 {
   float: left;
   width: 15%;
   vertical-align: text-top;
   text-align: right;
   font-weight: bold;
   margin-right: 20px;
}
.memories_years_column_2 {
   float: left;
   width: 82%;
   vertical-align: text-top;
}
/*	End of Memories Section	*/
@media screen and (max-width: 768px) {
   .remember-photos {
      padding: 7px;
   }
}
@media screen and (max-width: 805px) {
   .memories_page {
      padding: 0;
   }
   .memories_years {
      border: 0;
      padding: 0;
      margin: 0;
      background: none;
   }
   .memories_years_column_1 {
      width: 100%;
      vertical-align: text-top;
      text-align: left;
      font-weight: bold;
   }
   .memories_years_column_2 {
      width: 100%;
      margin: 0 0 0 10px;
   }
}
.spaced-table {
   border-collapse: separate;
   border-spacing: 0 3px; /* 0 for horizontal spacing, 10px for vertical */
   padding: 0;
}
/* the following tables are used to display scores for the various years	*/
.table-scores-tight {
   border-collapse: collapse;
   border: 2px solid #00aa00;
   white-space: nowrap;
   text-align: center;
   font-size: 90%;
   width: 100%;
}
.table-scores-tight td th {
   padding: 5px;
}
.table-scores-tight th {
   text-align: center;
   font-size: 120%;
   vertical-align: middle;
   padding: 5px;
   /*	background-color: #ccffcc;	*/
   background-color: #e4fbe5;
   border: 1px solid black;
}
.table-scores-tight td {
   text-align: center;
   border: 1px solid #bbbbbb;
   padding: 5px;
}
.table-scores-tight td:first-child {
   font-weight: bold;
   vertical-align: top;
   text-align: left;
}
.table-scores-tight tr:nth-child(2) {
   vertical-align: top;
   background-color: #dddddd;
}
.table-scores-tight tr:nth-child(4), .table-scores-tight tr:nth-child(6), .table-scores-tight tr:nth-child(8), .table-scores-tight tr:nth-child(10), .table-scores-tight tr:nth-child(12), .table-scores-tight tr:nth-child(14), .table-scores-tight tr:nth-child(16) {
   /*	background-color: #ccffcc;	*/
   background-color: #e4fbe5;
}
.table-scores-tighter {
   border-collapse: collapse;
   border: 2px solid #00aa00;
   white-space: nowrap;
   text-align: center;
   font-size: 80%;
   width: 100%;
   overflow: auto;
}
.table-scores-tighter td th {
   padding: 4px;
}
.table-scores-tighter th {
   text-align: center;
   font-size: 100%;
   vertical-align: middle;
   padding: 5px;
   /*	background-color: #ccffcc;	*/
   background-color: #e4fbe5;
   border: 1px solid black;
}
.table-scores-tighter td {
   text-align: center;
   border: 1px solid #bbbbbb;
   padding: 4px;
}
.table-scores-tighter td:first-child {
   font-weight: bold;
   vertical-align: top;
   text-align: left;
}
.table-scores-tighter tr:nth-child(2) {
   vertical-align: top;
   background-color: #dddddd;
}
.table-scores-tighter tr:nth-child(4), .table-scores-tighter tr:nth-child(6), .table-scores-tighter tr:nth-child(8), .table-scores-tighter tr:nth-child(10) {
   /*	background-color: #ccffcc;	*/
   background-color: #e4fbe5;
}
.table-scores {
   border-collapse: collapse;
   border: 2px solid #00aa00;
   white-space: nowrap;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   width: 100%;
}
.table-scores th {
   text-align: center;
   border: 1px solid #bbbbbb;
   padding: 10px 5px;
   font-size: 120%;
   /*	background-color: #ccffcc;	*/
   background-color: #e4fbe5;
}
.table-scores td {
   text-align: center;
   border: 1px solid #bbbbbb;
   padding: 10px 5px;
}
.table-scores td:first-child {
   font-weight: bold;
   vertical-align: top;
   text-align: left;
}
.table-scores tr:nth-child(2) {
   background-color: #dddddd;
   vertical-align: text-top;
}
.table-scores tr:nth-child(4), .table-scores tr:nth-child(6), .table-scores tr:nth-child(8), .table-scores tr:nth-child(10) {
   vertical-align: top;
   /*	background-color: #ccffcc;	*/
   background-color: #e4fbe5;
}
.table-scores-nohead {
   border-collapse: collapse;
   border: 2px solid #00aa00;
   white-space: nowrap;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   width: 250px;
}
.table-scores-nohead th {
   text-align: center;
   border: 1px solid #bbbbbb;
   padding: 10px 5px;
   font-size: 120%;
   /*	background-color: #ccffcc;	*/
   background-color: #e4fbe5 !important;
}
.table-scores-nohead td {
   text-align: right;
   border: 1px solid #bbbbbb;
   padding: 6px 10px;
}
.table-scores-nohead td:first-child {
   font-weight: bold;
   vertical-align: top;
   text-align: left;
}
.table-scores-nohead td:first-child {
   width: 200px;
}
.table-scores-nohead tr:nth-child(1), .table-scores-nohead tr:nth-child(3), .table-scores-nohead tr:nth-child(5), .table-scores-nohead tr:nth-child(7) {
   vertical-align: top;
   /*	background-color: #ccffcc;	*/
   background-color: #e4fbe5;
}
/* End of tables used to display scores for the various years	*/

/*	stuff used on Table of Content pages	*/
.toc_page {
   padding: 0 20px 20px 15px;
}
.toc_table {
   border-collapse: collapse;
   border: 1px solid #00aa00;
   text-align: left;
   padding: 10px;
   vertical-align: text-top;
}
.toc_table_row {
   margin-bottom: 10px;
}
.toc_table_column_1 {
   float: left;
   /*	width: 40%;  */
   vertical-align: text-top;
   text-align: left;
}
.toc_table_column_2 {
   float: left;
   /*	width: 60%; */
   vertical-align: text-top;
}
/* Clear floats after the columns */
.toc_table_row:after {
   content: "";
   display: table;
   clear: both;
}
.toc_years {
   border-collapse: collapse;
   border: 1px solid #00aa00;
   text-align: left;
   padding: 10px;
   vertical-align: text-top;
}
.toc_years_row {
   margin-bottom: 10px;
}
.toc_years_column_1 {
   float: left;
   width: 6%;
   vertical-align: text-top;
   text-align: left;
   font-weight: bold;
}
.toc_years_column_2 {
   float: left;
   width: 28%;
   vertical-align: text-top;
}
.toc_years_column_3 {
   float: left;
   width: 64%;
   vertical-align: text-top;
   text-align: left;
}
/* Clear floats after the columns */
.toc_years_row:after {
   content: "";
   display: table;
   clear: both;
}
.toc_h2 {
   margin: 0 0 10px 0;
   font-size: 135%;
   font-weight: bold;
   color: #00aa00;
}
.toc_h3 {
   margin: 0 0 10px 0;
   font-size: 125%;
   font-weight: bold;
}
.toc_h4 {
   margin: 0 0 10px 0;
   font-size: 120%;
   font-weight: bold;
   padding-top: 15px;
}
/*	stuff used on YouTube Videos	*/
[id] {
   /* This code is need to make in-page links work properly
	If the code is not included, the link takes you to text after the ID */
   /* NOTE: Make sure overflow is not AUTO or HIDDEN or DISPLAY: INLINE to make this work   */
   scroll-margin-top: 61px; /* Adjust this value to be slightly more than your header height */
}
ul.bm0 {
   margin-bottom: 0;
}
/*
.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009900' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009900' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
*/
#btn-back-to-top {
   display: none;
   position: fixed;
   bottom: 20px;
   right: 15px;
   z-index: 99;
   font-size: 18px;
   border: none;
   outline: none;
   background-color: red;
   color: white;
   cursor: pointer;
   padding: 10px;
   border-radius: 4px;
   opacity: 0.5;
   opacity: 1;
}
#btn-back-to-top:hover {
   background-color: #555;
}


#btn-back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 15px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
  opacity: 1.0;
}

#btn-back-to-top:hover {
  background-color: #555;
  background-color: #ffffff;
  color: red;
}

#btn-back-to-top:a.visited {
   background-color: red;
}




.carousel-control-prev-icon, .carousel-control-next-icon {
   font-size: 45px;
   font-weight: bold;
   color: #00aa00;
}
.carousel-control-prev-icon:after {
   content: '\00a0 \2770';
}
.carousel-control-next-icon:after {
   content: '\2771 \00a0';
}
.year-width {
   width: 80px;
}
.geriatric-custom-bg {
   --bs-table-bg: #eeeeee !important;
}
.grey-custom-bg {
   --bs-table-bg: #f6f6f5 !important;
}
.toh-custom-bg {
   --bs-table-bg: url('images/graphics/background_white.jpg') !important;
}
.toronto-custom-bg {
   --bs-table-bg: url('images/graphics/background_content_cyan.jpg') !important;
}
.seneca-custom-bg {
   --bs-table-bg: #fcfce2 !important;
}
/* Styling the default accordion button */
.accordion-button {
   background-color: #00aa00; /* Light gray background */
   color: #ffffff !important; /* Dark text color */
   border-radius: 5px; /* Rounded corners */
   padding: 15px 20px; /* Adjust padding */
   font-weight: bold;
   font-size: 105%;
}
.accordion-button.collapsed {
   background-color: #00aa00;
}
.accordion-button > h3 {
   color: white;
}
/* Styling the active (open) accordion button */
.accordion-button:not(.collapsed) {
   background-color: #00aa00; /* Blue background when active */
   color: #fff; /* White text when active */
}
/* Styling the accordion button on hover */
.accordion-button:hover {
   background-color: #007700; /* Slightly darker gray on hover */
   color: #ffffff !important;
}
/* Removing the default blue focus outline */
.accordion-button:focus {
   box-shadow: none;
}
/* Customizing the accordion button icon */
.accordion-button::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); /* Custom SVG icon */
   filter: invert(1); /* Invert color for visibility on dark background */
}
.btn {
   font-weight: bold;
}
.accordion-button.collapsed::after {
   filter: none; /* Reset filter for collapsed state */
}
@media screen and (max-width: 980px) {
   /*   
   body {
      font-size: 115%;
   }
   a.nav-link {
      font-size: 115%;
   }
*/

   a.navbar-brand {
      padding-left: 25px;
   }   
   
   .title_line_1 {
      font-size: 1.2em;
   }
   .title_line_2 {
      font-size: 1.4em;
   }
   .title_line_3 {
      font-size: 1.2em;
   }
   .navbar-brand {
      font-size: 1.0em;
   }
   .nav-link {
      font-size: 14px;
   }
   .remember-photos {
      padding: 15px;
   }
}
@media screen and (max-width: 575px) {
   a.navbar-brand {
      padding-left: 0;
   }   

   .title_line_1 {
      font-size: .8em;
   }
   .title_line_2 {
      font-size: 1em;
   }
   .title_line_3 {
      font-size: .8em;
   }
   .navbar-brand {
      font-size: .9em;
      color: #ffffff !important;
   }
   .carousel-control-prev-icon, .carousel-control-next-icon {
      font-size: 25px;
   }
   body {
      padding: 48px 0 0 0; /* need this to adjust for the fixed header  */
   }
   [id] {
      /* This code is need to make in-page links work properly
      If the code is not included, the link takes you to text after the ID */
      /* NOTE: Make sure overflow is not AUTO or HIDDEN or DISPLAY: INLINE to make this work   */
      scroll-margin-top: 64px; /* Adjust this value to be slightly more than your header height */
   }
   .pad_15px {
      padding-left: 0;
   }
   .h1 {}
   .h2 {
      font-size: 1em;
      color: red;
   }
   .year-width {
      width: 30px;
   }
   .button.navbar-toggler-icon {
      float: right;
   }
   .section {
      border: 1px solid black;
      padding: 10px;
      width: 100%;
   }
   .section-remember {
      padding: 10px;
      width: 100%;
   }
   .rehearsal-reports {
      padding: 10px;
   }
   h1 {
      color: #ffff00;
      line-height: 1.3;
   } /* Change header color to indicate small screen  */
   h2, h3 {
      line-height: 1.1;
   }
   h2 {
      font-size: 1.3em
   }
   h3 {
      font-size: 1.1em;
   }
   .bobs-button {
      padding: 8px 3px;
      background: #007700;
      margin: 10px 0
   }
   .table-ql button {
      margin-bottom: 8px;
   }
   .yt_years_column_1 {
      width: 100%;
      color: #00aa00;
   }
   .yt_years_column_2 {
      width: 35%;
   }
   .yt_years_column_3 {
      width: 65%;
   }
   .list-group-item {
      text-align: center;
   }
   .p_remember_page_text {
      font-family: Times, serif;
      font-style: italic;
      font-weight: bold;
      text-shadow: -1px -1px 2px #bbbbbb;
      font-size: 1.4em;
   }
   .remember_table_column_1 {
      width: 37%;
      text-align: left;
   }
   .remember_table_column_2 {
      width: 63%;
   }
   ul.remember_pad_7px {
      margin: 1em 0;
      padding-left: 5px;
   }
   .remember-comments {
      padding-left: 0;
      text-indent: 0;
      padding-top: 5px;
      padding-bottom: 0;
      font-style: italic;
   }
   .btn {
      font-weight: bold;
      font-size: 85%;
   }
   /*	stuff used on Table of Content pages	*/
   .toc_page {
      padding: 0 20px 20px 15px;
   }
   .toc_table {
      border-collapse: collapse;
      border: 0;
      text-align: left;
      padding: 0;
      vertical-align: text-top;
   }
   .toc_table_row {
      margin-bottom: 10px;
   }
   .toc_table_column_1 {
      float: left;
      vertical-align: text-top;
      text-align: left;
   }
   .toc_table_column_2 {
      float: left;
      vertical-align: text-top;
      padding-left: 10px;
   }
   /* Clear floats after the columns */
   .toc_table_row:after {
      content: "";
      display: table;
      clear: both;
   }
   .toc_years {
      border-collapse: collapse;
      border: 1px solid #00aa00;
      text-align: left;
      padding: 10px;
      vertical-align: text-top;
   }
   .toc_years_row {
      margin-bottom: 10px;
   }
   .toc_years_column_1 {
      float: left;
      width: 6%;
      vertical-align: text-top;
      text-align: left;
      font-weight: bold;
   }
   .toc_years_column_2 {
      float: left;
      width: 28%;
      vertical-align: text-top;
   }
   .toc_years_column_3 {
      float: left;
      width: 64%;
      vertical-align: text-top;
      text-align: left;
   }
   /* Clear floats after the columns */
   .toc_years_row:after {
      content: "";
      display: table;
      clear: both;
   }
   .toc_h2 {
      margin: 0 0 10px 0;
      font-size: 135%;
      font-weight: bold;
      color: #00aa00;
   }
   .toc_h3 {
      margin: 0 0 10px 0;
      font-size: 125%;
      font-weight: bold;
   }
   .toc_h4 {
      margin: 0 0 10px 0;
      font-size: 120%;
      font-weight: bold;
      padding-top: 15px;
   }
   /*	stuff used on YouTube Videos	*/
   .yt_page {
      padding: 0;
   }
   .yt_table {
      border-collapse: collapse;
      border: 1px solid #00aa00;
      text-align: left;
      padding: 10px;
      vertical-align: text-top;
   }
   .yt_table_row {
      margin-bottom: 10px;
   }
   .yt_table_column_1 {
      float: left;
      width: 30%;
      vertical-align: text-top;
      text-align: left;
   }
   .yt_table_column_2 {
      float: left;
      width: 70%;
      vertical-align: text-top;
   }
   /* Clear floats after the columns */
   .yt_table_row:after {
      content: "";
      display: table;
      clear: both;
   }
   .yt_years {
      border-collapse: collapse;
      border: 0;
      text-align: left;
      padding: 0;
      vertical-align: text-top;
   }
   .yt_years_row {
      margin-top: 0;
   }
   .yt_years_row:after {
      content: "";
      display: table;
      clear: both;
      margin-bottom: 10px;
   }
   .yt_row_new_year {
      margin-top: 0;
      padding-top: 20px;
   }
   .yt_row_new_year:after {
      content: "";
      display: table;
      clear: both;
      margin-bottom: 10px;
   }
   .yt_years_row_many {
      margin-top: 0;
   }
   .yt_years_row_many:after {
      content: "";
      display: table;
      clear: both;
      margin-bottom: 10px;
   }
   .yt_years_column_1 {
      float: left;
      vertical-align: text-top;
      text-align: left;
      font-weight: bold;
      width: 100%;
   }
   .yt_years_column_2 {
      float: left;
      vertical-align: text-top;
      width: 30%;
   }
   .yt_years_column_3 {
      float: left;
      vertical-align: text-top;
      text-align: left;
      overflow: visible;
      width: 70%;
      padding-left: 20px;
   }
   .yt_h2 {
      margin: 0 0 10px 0;
      font-size: 135%;
      font-weight: bold;
      color: #00aa00;
   }
   .yt_h3 {
      margin: 0 0 10px 0;
      font-size: 125%;
      font-weight: bold;
   }
   .yt_h4 {
      margin: 0 0 10px 0;
      font-size: 120%;
      font-weight: bold;
      padding-top: 15px;
   }
   ul.left_pad_10px {
     
   }
 /* the following tables are used to display scores for the various years	*/
   .table-scores-tight {
      border-collapse: collapse;
      border: 2px solid #00aa00;
      white-space: nowrap;
      text-align: center;
      font-size: 90%;
      width: 100%;
   }
   .table-scores-tight td th {
      padding: 5px;
   }
   .table-scores-tight th {
      text-align: center;
      font-size: 120%;
      vertical-align: middle;
      padding: 5px;
      /*	background-color: #ccffcc;	*/
      background-color: #e4fbe5;
      border: 1px solid black;
   }
   .table-scores-tight td {
      text-align: center;
      border: 1px solid #bbbbbb;
      padding: 5px;
   }
   .table-scores-tight td:first-child {
      font-weight: bold;
      vertical-align: top;
      text-align: left;
   }
   .table-scores-tight tr:nth-child(2) {
      vertical-align: top;
      background-color: #dddddd;
   }
   .table-scores-tight tr:nth-child(4), .table-scores-tight tr:nth-child(6), .table-scores-tight tr:nth-child(8), .table-scores-tight tr:nth-child(10), .table-scores-tight tr:nth-child(12), .table-scores-tight tr:nth-child(14), .table-scores-tight tr:nth-child(16) {
      /*	background-color: #ccffcc;	*/
      background-color: #e4fbe5;
   }
   .table-scores-tighter {
      border-collapse: collapse;
      border: 2px solid #00aa00;
      white-space: nowrap;
      text-align: center;
      font-size: 80%;
      width: 100%;
      overflow: auto;
   }
   .table-scores-tighter td th {
      padding: 4px;
   }
   .table-scores-tighter th {
      text-align: center;
      font-size: 100%;
      vertical-align: middle;
      padding: 5px;
      /*	background-color: #ccffcc;	*/
      background-color: #e4fbe5;
   }
   .table-scores-tighter td {
      text-align: center;
      border: 1px solid #bbbbbb;
      padding: 4px;
   }
   .table-scores-tighter td:first-child {
      font-weight: bold;
      vertical-align: top;
      text-align: left;
   }
   .table-scores-tighter tr:nth-child(2) {
      vertical-align: top;
      background-color: #dddddd;
   }
   .table-scores-tighter tr:nth-child(4), .table-scores-tighter tr:nth-child(6), .table-scores-tighter tr:nth-child(8), .table-scores-tighter tr:nth-child(10) {
      /*	background-color: #ccffcc;	*/
      background-color: #e4fbe5;
   }
   .table-scores {
      border-collapse: collapse;
      border: 2px solid #00aa00;
      white-space: nowrap;
      font-family: Arial, Helvetica, sans-serif;
      text-align: center;
      width: 100%;
   }
   .table-scores th {
      text-align: center;
      border: 1px solid #bbbbbb;
      padding: 10px 5px;
      font-size: 120%;
      /*	background-color: #ccffcc;	*/
      background-color: #e4fbe5;
   }
   .table-scores td {
      text-align: center;
      border: 1px solid #bbbbbb;
      padding: 10px 5px;
   }
   .table-scores td:first-child {
      font-weight: bold;
      vertical-align: top;
      text-align: left;
   }
   .table-scores tr:nth-child(2) {
      background-color: #dddddd;
      vertical-align: text-top;
   }
   .table-scores tr:nth-child(4), .table-scores tr:nth-child(6), .table-scores tr:nth-child(8), .table-scores tr:nth-child(10) {
      vertical-align: top;
      /*	background-color: #ccffcc;	*/
      background-color: #e4fbe5;
   }
   .table-scores-nohead {
      border-collapse: collapse;
      border: 2px solid #00aa00;
      white-space: nowrap;
      font-family: Arial, Helvetica, sans-serif;
      text-align: center;
      font-size: small;
   }
   .table-scores-nohead th {
      text-align: center;
      border: 1px solid #bbbbbb;
      padding: 5px 5px;
      /*	background-color: #ccffcc;	*/
      background-color: #e4fbe5 !important;
   }
   .table-scores-nohead td {
      text-align: right;
      border: 1px solid #bbbbbb;
      padding: 6px 10px;
   }
   .table-scores-nohead td:first-child {
      font-weight: bold;
      vertical-align: top;
      text-align: left;
   }
   .table-scores-nohead td:first-child {
      width: 200px;
   }
   .table-scores-nohead tr:nth-child(1), .table-scores-nohead tr:nth-child(3), .table-scores-nohead tr:nth-child(5), .table-scores-nohead tr:nth-child(7) {
      vertical-align: top;
      /*	background-color: #ccffcc;	*/
      background-color: #e4fbe5;
   }
   /* End of tables used to display scores for the various years	*/

}