/*RESET*/
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} 

/*MAIN*/

table, th, td {
	border-collapse:collapse;
	border: 0px solid black; 
	padding: 2px;
  	font-size: 16px;

}

/*tr {nth-child(even) {background-color: #f2f2f2;
}
*/

/* 12-18-2022 dr tries new format*/
/* color of logo 12-22-2022 efb877 */
* {
  box-sizing: border-box;
}



/* trying to get fawm info solid 3-17-24 */
div.review {
    background-color: #E6EBF5; /* pale blue */
    border: 1px solid #003399;
	line-height: 1.0em;
	margin-bottom: 1px;
	padding: 0.5em;
}


p.review {
  	font-size: 14px;
	line-height: .8em;
	margin-bottom: 1px;
}

h3.review {
	color: green;
/*	color: #4d0000; */
	line-height: .5em;
	margin-bottom: 2px;
	padding: 0.5em;

}
 
/* end fawm */

.flex-container {
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  text-align: center;
  
}

.flex-item-left {
/*  background-color: #f1f1f1; */
  background-color: #e0e0d1;
  	border-radius: 0px 0px 50px 50px;

  padding: 20px;
  flex: 60%;
  min: 500px;
  
  text-align: left;
}

.flex-item-right {
  /* background-color:#ffd9b3; */
   background-color: #cce6ff;
	border-radius: 50px 50px 50px 50px;
  padding: 20px;
  flex: 40%;
  text-align: left;
}
.chart-container {
style="position: relative; 
height:40vh; width:80vw;
}

.flex-f1 {
	font-size: 1.1em;
	line-height: 1.2em;
	font-family: Helvetica Neue, Helvetica, Arial;
	background: #f9f9dd;
	color: #555;
}
.flex-item-right-bio {
  background-color: #f1f1f1;
  padding: 10px;
  flex: 80%;
  text-align: right;
}

.flex-item-left-bio {
  background-color: #f1f1f1;
  padding: 10px;
  flex: 80%;
  text-align: left;
  }
  
  .flex-table,
  .flex-th, .flex-td {
  padding: 2px;
  font-size: 14px;
}

/* dsr 3-15-2025 */
.flex-small-text {
  text-align: center;

font-size: x-small;
}
/* Responsive layout - makes a one column-layout instead of a two-column layout */

/*@media (max-width: 800px) {
  .flex-item-right, .flex-item-left {
    flex: 100%;
  }
} */

th, td {
  padding: 2px;
  font-size: 14px;
}

body { 
	font-size: 1.1em;
	line-height: 1.2em;
	font-family: Helvetica Neue, Helvetica, Arial;
	/* background: #ffcc99; */
	/*#4d0000; brown */
	/* green #f9f9dd; */
	/* background: #ee9832;  */
	/* color: #555; */
}

a {

	color: #0000FF;
	text-decoration: none;
	font-weight: bold;

}

.alnright { text-align: right; }

a:hover {

	color: #444;

}

img {
  border-radius: 30%;
}

header {
	 background: white; 
	/* background: #efb877; */
	/* background: #ee9832; */
	width: 100%;
	height: 92px;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 4px solid #4C9CF1;
	z-index: 100;

}

#logo {
	margin: 0;
	float: left;
	width: 350px;
	height: 92px;
	background: url(../img/ds.png) no-repeat left;
	display: block;

}

.questions {
	color: #FF9100;
	/*color: #2262AD;*/
}

.answer {
	color: #009B58;
	/*color: #2262AD;*/

}




nav {
	float: right;
	padding: 2px;		
}

#menu-icon {
	display: hidden;
	width: 37px;
	height: 37px;
	background: #4C8FEC url(../img/menu-icon.png) center;
}

a:hover#menu-icon {
	background-color: #444;
	border-radius: 4px 4px 0 0;
}

ul {
	list-style: none;
}

li {
	display: inline-block;
	float: left;
	padding: 5px
}

.current {
	color: green;
	/*color: #2262AD;*/
}

.chosen {
	color: green;
	background-color:  #ffeb99;
	/*color: #2262AD;*/
}

section {

	margin: 60px auto 30px;
//	max-width: 980px;
	position: relative;
	padding: 10px

}

h1 {

	/* font-size:6vw; */
	font-size: 1.8em;
	color: #4d0000;
	line-height: 1.15em;
	margin: 20px 0 ;

}

h2 {

	font-size: 1.6em;
	color: #4d0000;
	line-height: 1.1em;
	margin: 10px 0 ;

}
h3 {

	font-size: 1.4em;
	color: #4d0000;
	line-height: 1.05em;
	margin: 10px 0 ;

}
h4 {

	font-size: 1.2em;
	color: #4d0000;
	line-height: 1.0em;
	margin: 10px 0 ;

}

h5 {

	font-size: .6em;
	color: #179D31;
	line-height: 0.03em;
	margin: 10px 0 ;
}

.footer {

	font-size: 0.6em;
	color: #179D31;
	line-height: 0.05em;
	margin: 5px 0 ;
}

p {

	line-height: 1.45em;
	margin-bottom: 20px;

}

/*NEW CSS DSR*/
/*DSR 6-29-22*/
div.a {
  font-size: 15px;
}

div.b {
  font-size: large;
}

div.c {
  font-size: 8vw;
}
/* end 6-29-22*/

/* button 10-18-24*/

.styled {
  border: 0;
  line-height: 2.5;
  padding: 0 10px;
  font-size: .8rem;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  border-radius: 10px;
  background-color: green;
  /* background-color: rgba(220, 0, 0, 1); */
  background-image: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.2) 30%,
    rgba(0, 0, 0, 0)
  );
  box-shadow:
    inset 2px 2px 3px rgba(255, 255, 255, 0.6),
    inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled:hover {
	background-color: lightgreen;
 /* background-color: rgba(255, 0, 0, 1); */
}

.styled:active {
  box-shadow:
    inset -2px -2px 3px rgba(255, 255, 255, 0.6),
    inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}
/* end button 10-18-24*/


.letterbox {   /*for listing letters*/

	color: #226211;
    background-color: #fffffa;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 15px;
}

.box1 {   /*for front page*/
    border-radius: 15px;
	display: inline-block;
	float:left;
	text-align: center;
	width: 50%;
	color: #226211;
    background-color: lightblue;
	margin: 2px;
	padding: 4px;
 box-shadow:
    inset 2px 2px 3px rgba(255, 255, 255, 0.6),
    inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.box2 {   /*for stuff on front page*/
    border-radius: 15px;
	display: inline-block;
	float:center;
	width: 36%;
	color: #226211;
    background-color: #e6ffe6;
	margin: 2px;
	padding: 4px;
 box-shadow:
    inset 2px 2px 3px rgba(255, 255, 255, 0.6),
    inset -2px -2px 3px rgba(0, 0, 0, 0.6);

}

.box3 {   /*for more stuff on front page*/
    border-radius: 15px;
	display: inline-block;
	float:right;
	width: 35%;
	color: #226211;
    background-color: tan;
	margin: 2px;
	padding: 4px;
	 box-shadow:
    inset 2px 2px 3px rgba(255, 255, 255, 0.6),
    inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}
.letterboxtight {   /*for listing letters more tightly*/

	color: #226211;
    background-color: #ffffcc;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-left: 4px;
	padding: 0px;
	padding-left: 15px;
}

.letterboxtightheader {   /*for listing letters more tightly*/

	color: purple;
    background-color: #ccff99;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-left: 4px;
	padding: 8px;
}

.comment_header {  /*top of comment box */
	
	color: orange;
    background-color: #ccff99;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 20px;
	padding-left: 10px;
}

.comment_line {  /* inside of comment box */
	color: #226211;
    background-color: #ffffcc;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 20px;
	padding-left: 25px;
	padding-left: 15px;


}
TEXTAREA {
	width:80%;
	height:300px;
}

.login_status {
	color: #226211;
    background-color: #ffffcc;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-left: 4px;
	padding: 0px;
	padding-left: 200px;

}

.select_header { 
	font-size: .80em;
	line-height: .8em;
	font-family: Helvetica Neue, Helvetica, Arial;
	background: #f9f9dd;
	color: #555;
}


/*MEDIA QUERY*/
@media only screen and (max-width : 1000px) {

	header {

		position: absolute;

	}

	#menu-icon {

		display:inline-block;

	}

	nav ul, nav:active ul { 

		display: none;
		position: absolute;
		padding: 10px;
		background: #fff;
		border: 5px solid #444;
		right: 20px;
		top: 60px;
		width: 50%;
		border-radius: 4px 0 4px 4px;

	}

	nav li {

		text-align: center;
		width: 100%;
		padding: 0;
		margin: 0;

	}

	nav:hover ul {

		display: block;

	}

/* collapsible  7/10/2023 */

.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.collapsible:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
/* end collapsible  7/10/2023 */




/*.container {
	max-width:700px;
    border: 3px solid #fff;
    padding: 20px;
}


.float-container {
    border: 3px solid #fff;
    padding: 20px;
}

.float-child {
    width: 50%;
    float: left;
    padding: 20px;
    border: 2px solid red;
}
*/
/* 12-31-2022 disables flex right jumping to bottom

.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.qcontent {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
*/