html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	/*vertical-align: baseline;*/
}

* {							/* GW add Aug 2025 to get figure borders right */
  box-sizing: border-box;
}

a img, :link img, :visited img {
border:0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: circle inside;
	padding: 10px 0px 10px 30px;
}

li {
	padding-top: 15px;
	padding-bottom: 15px;
		line-height: 1.2;
}

.tightBullets {
	padding: 5px 0px 5px 0px;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
body {
	/* background-image:url(images/pattern_background.jpg); background-repeat:repeat; */
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	color: #000;
	text-align:left;
	padding:0vw 3vw 0vw 3vw;  /* GW add */
	/* max-width:950px;  rental */   /* GW Nov24 (only change): used to be max-width - changed to "width" to avoid menu wrapping and associated problems */
}
#outer {	
	background-color:#000;
	text-align:center;
	max-width:950px;
	margin:auto;	
	border-style:solid;
	border-color:#000;
	background:#fff;
	/*border-left-width:2px;
	border-right-width:2px;
	border-bottom-width:2px;*/
} 
#header {
 	max-width: 950px;
	height: 174px;
	margin: auto;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	display: block;
	padding-bottom: 10px;
	vertical-align: top;
}

/* Allow the logo in the header bar to be clicked (will be used to return to home page) */
a#logo {
	display: block;
    overflow: hidden;
    position: absolute;   
    background: transparent;
    text-indent: -9999px;
}
/* Define the clickable area of the header (the logo) */
#logo {
	top: 5px;
	left: 20px;
	width: 110px;
	height: 165px;
}

#footer {
 	color:#666;
 	background-color:#fff;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
	padding-top:8px;
	line-height:20px;
	/*padding-bottom:10px;*/
	max-width:950px;
	height:40px;
}
#footer a:link,
#footer a:visited,
#footer a:active {
	color:#666;
 	background-color:#fff;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
	line-height:20px;	
}
.content {
text-align:left;
font-style:normal;
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#111;
line-height:22px;
padding-right:30px;
padding-left:30px;
}
.content p {
text-align:left;
padding-left:30px;
padding-right:20px;
text-indent:0px;       /* GW changed 25px to 0px - not all <TD> on index.html should be indented */
padding-top:10px;
font-style:normal;
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#111;
line-height:22px;
background-color:#fff;	
}
.box {
text-align:left;
padding-left:10px;
padding-right:5px;
text-indent:25px;
padding-top:10px;
font-style:normal;
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#111;
line-height:22px;
background-color:#fff;	
}	
.box a {
font-size:16px;
color:#bc665d;
font-weight:bold;
line-height:22px;

}	
.box_sm {
text-align:left;
padding-left:10px;
padding-right:10px;
padding-top:5px;
font-style:normal;
font-family:"Times New Roman", Times, serif;
font-size:14px;
background-color:#fff;	
}	
.box_sm a {
font-size:14px;
color:#bc665d;
}	
.article.img {
      max-width: 100%;
      padding: 5px;
      border: 1px solid #ccc;
      height: auto;
      background: #fff;
      box-shadow: 1px 1px 7px rgba(0,0,0,0.1);
}
.links ul li {
line-height:24px; 
padding-top:20px;
list-style-type:disc;
list-style-position:inside;	
}

.links2 ol li {
line-height:26px; 
list-style-type:decimal;
list-style-position:inside;	
}
.links2 ul li {
line-height:26px; 
list-style-type:disc;
list-style-position:inside;	
}
p a {
color:#bc665d;
font-weight:bold;
}
a {
	color:#bc665d;
}
p {
font-size:16px;
font-style:normal;
font-family:"Times New Roman", Times, serif;
line-height:22px;
padding-top: 10px;  /* GW add Aug 2025 */
}

p.caps2_lg:first-letter {
font-size:26px;
font-style:normal;
font-family:"Times New Roman", Times, serif;
color:#bc665d;
line-height:22px;
}
.line {
padding-top:20px;
padding-bottom:20px;
text-align:center;
}
.line2 {
display: block;
margin: auto;
width: 85%;
padding-top:10px;
padding-bottom:10px;
}
.members {
padding-left:100px; 
font-size:16px; 
line-height:23px; 
padding-top:10px;
}
nav {
	background-color:#8e9f96; 
}
.page_titles {
font-style:normal;
font-family:"Times New Roman", Times, serif;
font-size:22px;
font-weight:bold;
color:#bc665d;	
padding:0px 0px 10px 0px;
}
.small_titles {
font-style:normal;
font-family:"Times New Roman", Times, serif;
font-size:20px;
font-weight:bold;
color:#bc665d;	
padding: 10px 0px 10px 0px;
}
.small_titles2 {
font-style:normal;
font-family:"Times New Roman", Times, serif;
font-size:20px;
font-weight:bold;
color:#bc665d;
text-align:center;
padding-top:5px;	
}
.top,
.top img {
text-align:center;
}
.thumbnails li {
display: inline;
margin: 0 0px 0 0;
}


/* GW: Custmized table format for event listings */
#events_table {
  width:100%;
  border: 1px solid black;
  border-collapse: collapse;
  margin: auto;
  text-align: left;
  color: black;
  font-family:"Times New Roman", Times, serif;
}

/* GW: We're using multiple th elements in the past events table */ 
#events_table th {
  border: 1px solid black;
  padding: 5px;
  font-size: 18px;
  font-weight: bold;
  /*color:#c0c0c0;*/
  text-align:left;
  background-color: #f0f0f0;
}

/* GW: Override the background color for the topmost th element */
#events_table tr:first-child > th {
	background-color: #b0b0b0;
}

#events_table td {
  border: 1px solid black;
  padding: 3px;  /* was 3px */
  /* padding-left:10px; */
  font-size: 16px;
  font-weight: normal;
  min-width: 80px;
  /*color:#c0c0c0;*/
  /* text-align:center; */
}

/* GW: Hourglass table */
#hourglass_table {
  width:80%;
  border: 1px solid black;
  border-collapse: collapse;
  margin: auto;
  text-align: center;
  color: black;
  font-family:"Times New Roman", Times, serif;
}
#hourglass_table th {
  border: 1px solid black;
  padding: 5px;
  font-size: 18px;
  font-weight: bold;
  /* color:#c0c0c0; */
  text-align:center;
  background-color: #b0b0b0;
}

#hourglass_table td {
  border: 1px solid black;
  padding: 3px;
  font-size: 16px;
  font-weight: normal;
  text-align:center;
}
/* GW: stripe the hourglass year rows - just for readability */
#hourglass_table tr:nth-child(odd) {
    background-color:#eeeeee;
}
#hourglass_table tr:nth-child(even) {
    background-color:#f8f8f8;
}


/* Styling for meeting months on the photos page
.mtgMonth p {
}
*/


/* Navigating styling.  This was repeated in every html file */
/* Now it's in one place and therefore easier to change  */

nav ul ul {
	display: none;
	
}

nav ul li:hover > ul {
	display: block;
}

nav ul { 
	background-color:#8e9f96; 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	/*padding: 0 20px;
	border-radius: 10px;*/
	/*min-width: 950px;*/       /* GW - don't let the menu wrap or it's impossible to select submenu items! */
	list-style: none;
	position: relative;
	display: inline-table;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	z-index:10;
}

nav ul:after {
	content: ""; clear: both; display: block;
}

nav ul li {
	float: left;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;   /* was 15px */
}

nav ul li:hover {
	background-color:#bc665d;
}

nav ul li:hover a {
	color:#fff;
}
	
nav ul li a {
	display: block; padding: 10px 10px;
	color:#fff; text-decoration: none;
}
	
nav ul ul {
	background:#8e9f96; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	
nav ul ul li {
	float: none; 
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
	position: relative;
}
		
nav ul ul li a {
	/* padding: 5px 20px; */        /* GW April 2022: removed to stop Articles > Facebook from wrapping */
	color: #fff;
}	

nav ul ul li a:hover {
	background-color:#bc665d;
	color:#fff;
}
			

/* Additions for Revolution 250 member list */
.card {
	max-width: 80%;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ccc;
	margin: 4px 0 0 30px;
}
/* Add some padding inside the card container */
.container {
	padding: 2px 0px 2px 0px;
}

/* Rev250 Video screengrab captions */			

figure img {
	border: 1px #cccccc solid;
	padding: 4px;
	margin: auto;
	width: 100%;
}

figcaption {
  background-color: black;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
}
	
/* Rev250 Events table */

.rev250 {
	margin: 20px 0px 10px 30px;
	font-size: 16px;
}
@media screen and (min-resolution: 150dpi) {
	.rev250 {
		font-size: 24px;
	}
}


.rev250 td, .rev250 th {
	border: 1px solid black;
	padding: 3px;
	font-weight: normal;
	text-align:left;
}

.rev250 tr:first-child > th {
	text-align:center;
}

.rev250 th {
	font-weight: bold;
}

/* Rev250 Video */

.rev250_video_app {
	padding-left: 30px;
	padding-right: 15px;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}


.rev250_video_title_text {
	font-size: calc(0.7 * (15px + 0.390625vw)); 
	font-weight: bold;
	text-align: center;
	background-color: rgb(240,240,240);      
}

.rev250_video_sub_title_text {
	font-size: calc(2 * (15px + 0.390625vw)); 
	font-weight: bold;
	text-align: center;
	background-color: rgb(240,240,240);      
}


/* GW Feb 2024 - added media*/
@media (min-resolution: 150dpi) {	
	.rev250_video_title_text {
		font-size: calc(0.7*(15px + 0.390625vw));
		line-height:normal;	
	}
}

	
.rev250_video_item {
	border-radius: 15px;
	background-color: rgb(240,240,240);
	border: 5px solid #8e9f96;
	padding: 5px 5px 5px 5px;
	@media screen and (min-resolution: 150dpi) {
		grid-column: span 2;
	}
}

.rev250_video_program_image {
	/* float: left; */
	  display: block;
	/* margin: 10px 10px 10px 10px; */
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;
	max-height: 100px;
	@media (min-resolution: 150dpi) {
		max-height: 300px;
	}
}

.rev250_video_description_text {
	/* font-size: 30px; */
	font-size: calc(15px + 0.390625vw);
	/* GW Feb 2024 - added media */
	@media (min-resolution: 150dpi) {
		font-size: calc(2*(15px + 0.390625vw));
		line-height:normal; 
	}
}

/* End of Rev250 video styling */

/* Page header - all pages */
@font-face {
    font-family: 'ImperatorSmallCaps';
    src: url('fonts/ImperatorSmallCaps.woff2') format('woff2'),
         url('fonrs/ImperatorSmallCaps.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
#headline {
	padding: 15px 30px 80px 120px;
}
#headline1 {
	font-family: "ImperatorSmallCaps", "Times New Roman", Times, serif;
	font-size: calc(min(40px, 2.8vw + 6px) + 6px);
	line-height: 1.1;
	letter-spacing: 1px;
	padding-top: 0;
	
}
#headline2 {
	font-family: "ImperatorSmallCaps", "Times New Roman", Times, serif;
	font-size: min(20px, calc(1.8vw + 5px));
	line-height: 1.7;
	letter-spacing: 1px;
	padding-top: 0;
}
#headline3 {
	font-family: "ImperatorSmallCaps", "Times New Roman", Times, serif;
	font-size: min(20px, calc(1.2vw + 5px));
	line-height: 1.4;
	letter-spacing: 1px;
	padding-top: 0;
}

/* End Of Page Header - all pages */

/* Figure captions */

figure {
  border: 1px #000 solid;
  padding: 4px;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  margin: 10px;
}

figcaption {
  background-color: white;
  color: black;
  font-style: italic;
  padding: 2px;
  text-align: center;
}