*{margin: 0;padding: 0;}


body{
		width: 905px;
		height: 700px;
		background-color: white;
		margin: 15px auto;
		border: 2px solid black;
		}
	
	
	header{
	height: 90px;
	/* background-color: hsl(210,75%,43%);*/
	/* background-color: rgb(27%,110%,192%); */
	background-color:#1B6EC0;
	

	border-bottom: 2px solid black;
	}
	

	header  img{
	height:90px;
	width:135px;
	float:left;
	}
	
	aside{
		height: 570px;
		width: 200px;
		/*border-right: 2px solid #ef9c00;*/
		border-right: 1px solid black;

		float:left;
		}

	section{
		height: 570px;
		width: 704px;
		float: left;
		/*border-right: 2px solid #ef9c00;*/
		}


	#video{
	background-color: #000000; 
	}
	
	#video img{
	margin-top: 80px;
	margin-left: 145px; 
	}
	
		
	footer{
		clear: both;
		border-top: 5px solid /*#ef9c00;*/
		vertical-align:center;
		background-color:#1B6EC0;
		}

	/* Basic styling for the dialog content */
	dialog {
	  height: 510px;
	  position:absolute;
	  top: 100px;
	  left: 700px;
	  padding: 10px;
	  border: 1px solid #ccc;
	  border-radius: 5px;
	  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	}

	 #cartHead{
		font-size:150%;
		font-display:bold;
		padding-left:150px;
		
	}	
	
	#items{
		margin-top:15px;
		font-size:1.2em;
		padding-left:15px;
		text-decoration: underline;
	}
	
	#itemsList{
		margin-top: 0px;
		padding-top: 5px;
	}
		
	/* Style the overlay that appears when the dialog is open with showModal() */
	dialog::backdrop {
	  background-color: rgba(0, 0, 0, 0.5);
	}


	
	#nav_list ul{
		list-style:none;
		margin-left: 1 em;
		margin-bottom: 1.5em; }
	
	#nav_list  ul li{
		width: 150px;
		margin-bottom: .5em;
		
		/*border: 2px solid blue; */
		}
		
	#nav_list li a {
	padding: .5em 0 .5em 1.5em;
		text-decoration:underline;
		font-weight: bold;
		color: blue;}
	
	.sel{
	padding: .5em 0 .5em 1.5em;
		text-decoration:none;
		font-weight: bold;
		color: gray;}
	
h1  {
padding: 20px;
font-size: 250%;
color: white;
vertical-align: center;
text-align: center;
}

h2  {
padding: 10px;
}

p {
padding: 15px;
}

strong{
font-family: Georgia "Times New Roman" Times serif;
/* margin-left:400px; */
font-size: 14pt;
}





label {
font-family: Georgia "Times New Roman" Times serif;
font-size: 12pt;
}

input {
font-family: Georgia "Times New Roman" Times serif;
font-size: 12pt;
}


.legal{
font-family: Georgia "Times New Roman" Times serif;
font-size: 10pt;
}


#getSecretCode{
	margin-top: 4em;
	margin-left: 4em;
	font-family: Georgia "Times New Roman" Times serif;
	font-style: italic;
	font-size: 10pt;
	
	}

#icon {
/* background-color: hsl(210,75%,43%); */
background-color: #1B6EC0;

border: 2px solid black;
	

}


#myBackground{
font-family: Georgia "Times New Roman" Times serif;
font-size: 10pt;
}

#products{
font-family: Georgia "Times New Roman" Times serif;
font-size: 10pt;
}

#myTable{
margin-left:15px;
border: 1px solid black
border-collapse: colapse;
cellspacing: 1px
cellpadding 5px
}

#myBoard{
margin-left:2px;
margin-top: 15px;
border:1px;
cellspacing:1px;
cellpadding:5px;
}

#quantity{
font-family: Georgia "Times New Roman" Times serif;
font-size: 10pt;
}

#overlay{
border-top:2px solid black;
}


#locations {
font-family: "Britannic Bold";
font-size: 150%;
vertical-align: bottom;
text-align: center;
width: 100%;
height: 70%;
padding-top: 5%;
}

#myFrame{
background-color: white;
border: 1px solid black;

}

#myDescr{
font-family: Georgia "Times New Roman" Times serif;
//font-weight: bold;
background-color: ghostwhite;
color: black;
vertical-align: bottom;
text-align: left;
border: 1px solid black;
padding-left: .5em;
font-size: 12pt;
}


#special{
font-family: Georgia "Times New Roman" Times serif;
font-weight: bold;
color: red;
vertical-align: bottom;
text-align: center;
border: 1px solid black;
}


 #shopMore{
margin-left: 100px;
margin-top; 10px;
}

#cartButtons{
margin-top: 20px;
}

#productButtons{
position;relative;
left: 10px;
}




.copyright{
padding-top:1%;
text-align: center;
font-family: Arial, Helvetica, sans-serif; 
font-size: medium; 
font-style: italic; 
color:white;
  }                
  
  
#members {
	width: 650px;
	float: left;
	
	}
	
#members img  {
	float:left;
/*	margin-top:40px;	*/
	margin-left: 25px;
	}

#zzz{
	margin-left: 25px;
	padding-top:10px;
	}

#reminder{
font-family: Georgia "Times New Roman" Times serif;
font-decoration: italic;
text-align: center;
}



#cheerleaders ul{
		list-style:none;
		margin-left: 1em;
		margin-bottom: 1.5em; 
		font-size: 1.1em;

}
	
/*	
#cheerleaders  ul li{
		width: 150px;
		margin-bottom: .5em;
		padding-top: 10em;
		font-size: 1em;
		padding-top: 10em;

}
*/

#consultDescr{
margin-left: 10em;
margin-top: 1em;
font-size: 1.2em;
}

#consultList 
{
display: block;
margin-left: 15em;
line-height: 1.5em;
}
		
	
.button-14 {
  background-image: linear-gradient(#f7f8fa ,#e7e9ec);
  border-color: #adb1b8 #a2a6ac #8d9096;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  box-shadow: rgba(255,255,255,.6) 0 1px 0 inset;
  box-sizing: border-box;
  color: #0f1111;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",Arial,sans-serif;
  font-size: 14px;
  height: 29px;
  font-size: 13px;
  outline: 0;
  overflow: hidden;
  padding: 0 11px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
}

.button-14:active {
  border-bottom-color: #a2a6ac;
}

.button-14:active:hover {
  border-bottom-color: #a2a6ac;
}

.button-14:hover {
  border-color: #a2a6ac #979aa1 #82858a;
}

/*
.button-14:focus {
  border-color: #e77600;
  box-shadow: rgba(228, 121, 17, .5) 0 0 3px 2px;
  outline: 0;
}
*/	
	
/* research and development page */	

#main_image{
    font-family: Arial, Helvetica, sans-serif;
    background-color:white;     /* #eee; * A visible placeholder color */
    margin: 0 auto;
    width: 685px;
	height: 545px;
    display: inline-block;
  }

#rch_info{ 
    font-size: 0.8em; /* Adjust value as needed (e.g., 12px, small, x-small) */
	font-weight: normal; 
	 font-style: italic;
}



.rch_info{ 
    font-size: 0.8em; /* Adjust value as needed (e.g., 12px, small, x-small) */
	font-weight: normal; 
	 font-style: italic;
}

#rch_text{ 
    font-size: 1.2em; /* Adjust value as needed (e.g., 12px, small, x-small) */
	padding-left: .5em;
}

 h3{
	text-align:center;
	}

#rdHead{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: .5em;
	margin-left: .5em;
	display:block;

}
	
	
#locHead{
	font-size: 1.5em;
	font-weight: bold;
	margin-top: .5em;
	margin-left: .5em;
	display:block;
}


#myDialog {
width: fit-content;
height: fit-content;
width: 500px;
margin-right: 0; margin-left: auto; 
}

#rch_text{
height: auto;
}


.is-homer{
	font-weight: bold;
}