/* quizhub.css - cascading style sheet */

body {
	background-color: darkblue;
	margin-top:    20px;
	margin-bottom: 20px;	
	font-family: Helvetica, Arial, sans-serif;
	font-size:   17px;
	line-height: 1.5; /* x font-size */
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-size: 100%;
    line-height: 1.2;
    font-family: inherit;
}

/* <a href="https://quizhub.com"><img class="TopHead" src="https://quizhub.com/quiz/pics2/quizhub-910.gif"></a> */
.TopHead {
    width: 910px;
    height: 90px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.no-text-enlarge {
	text-size-adjust: 100%;
}

hr {
  width: 100%;
  height: 1px;
  background-color: dimgray;
  border: none;
}

p.TitleBanner {
	background-color: lightskyblue;
	color: black;
	margin-top: 0px; 
	margin-bottom: 14px; 
	width: 790px;	
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	font-size: 37px;
	text-decoration: none; 
}

.star {
	border: 0px;
	width: 50px;
	height: 50px;
	transition: transform 5s linear 0s;
	-webkit-transition: -webkit-transform 10s linear 0s;
	visibility: hidden;
}

.stars3 {
	display: block;
	position:absolute;
	width: 200px;
	height: 50px;
	top: 120px;
	margin-left: 520px;
	visibility: hidden;
}

.logo {
	display: block;
	margin-top: 15px;
	margin-bottom: 17px
	text-decoration: none; 
}

.bullet, .bulletX {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: darkblue;
	border-radius: 50%;
	margin-left: 5px;
	margin-right: 3px;
}

.foot, .foot2 {
	background: gainsboro;
	border: 2px solid black;
	display: block;
	margin-bottom: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	width: 906px;
}
.foot2 {width: 776px;}

.footquote {
	display: block;
	color: black;	
	font-size: 18px;
	font-style: italic;
 	font-weight: bold;
	margin-bottom: 15px;	
}

/* Vertical Alignment Hacks */
sub {line-height: 0;}
sup {line-height: 0;}

a:link, a:visited, a:active {color: black}
img {border: 0}

table, table.grid {border-collapse: collapse;}
table.grid {margin-bottom: 15px;}
table.grid, td.grid {border: 2px solid black;}
th, th.red, th.orange, th.yellow, th.green, th.blue, th.lightblue, th.purple , th.darkslategray, th.pink {
	background: darkblue;
	border: 2px solid black;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding: 5px;
}
th.dyann  {font-size: 24px;}

th.red       {background: #ce0000;       color: white;}
th.orange    {background: #fe6601;       color: black;}
th.yellow    {background: gold;          color: black;}
th.green     {background: limegreen;     color: black;}
th.blue      {background: dodgerblue;    color: white;}
th.lightblue {background: lightskyblue;  color: black;}
th.purple    {background: indigo;        color: white;} 
th.black     {background: black;         color: white;}
th.gold      {background: gold;          color: black;}
th.pink      {background: deeppink;      color: black;}

td      {vertical-align: top;}
td.vmid {vertical-align: middle;}

p             {margin-top: 12px; margin-bottom: 12px}
p.TopMargin   {margin-top: 12px; margin-bottom:  0px}
p.Top3        {margin-top:  3px; margin-bottom:  0px}
p.Top6        {margin-top:  6px; margin-bottom:  0px}
p.Top9        {margin-top:  9px; margin-bottom:  0px}
p.NoTop       {margin-top:  0px; margin-bottom: 12px}
p.M15         {margin-top: 15px; margin-bottom: 15px}
p.M20         {margin-top: 20px; margin-bottom: 20px}
p.HalfTop     {margin-top:  6px; margin-bottom: 12px}
p.HalfTopOnly {margin-top:  6px; margin-bottom:  0px}
p.B18         {margin-top: 12px; margin-bottom: 18px}
p.SubTitle    {margin-top:  6px; margin-bottom: 12px}
p.NoMargin    {margin-top:  0px; margin-bottom:  0px}
p.HalfMargin  {margin-top:  6px; margin-bottom:  6px}
p.M3          {margin-top:  3px; margin-bottom:  3px}
p.M6          {margin-top:  6px; margin-bottom:  6px}
p.M9          {margin-top:  9px; margin-bottom:  9px}
p.Top20       {margin-top: 20px; margin-bottom:  0px}

/* Subject Pages (Grade Pages Reset) */
p.LH 		 {font-size: 17px; line-height: 24px; margin-top: 12px; margin-bottom: 12px;}
p.NoTopLH 	 {font-size: 17px; line-height: 24px; margin-top:  0px; margin-bottom: 12px;}
p.NoMarginLH {font-size: 17px; line-height: 24px; margin-top:  0px; margin-bottom:  0px;}
p.M3LH 		 {font-size: 17px; line-height: 24px; margin-top:  5px; margin-bottom:  5px;}
p.Top3LH 	 {font-size: 17px; line-height: 24px; margin-top:  5px; margin-bottom: 12px;}
p.Bot3LH 	 {font-size: 17px; line-height: 24px; margin-top: 12px; margin-bottom:  5px;}

form {margin-top: 0;  margin-bottom: 0}

input, select {
font-weight: normal;
font-size: 17px;
color: black;
border: 2px solid darkgray;
border-radius: 8px;
padding: 2px;
margin: 0px; 
}

input[type="submit"], input.btn, button {
font-size: 17px;
font-weight: bold; 
background-color: limegreen;
border: 2px solid darkgreen;
border-radius: 8px;
padding: 4px 10px;
margin: 0px; 
}

input[type="submit"]:hover, input.btn:hover, button:hover {
background-color: lime;
border-color: black;
}

.Sans       {font-weight: normal; font-size: 17px; color: black;}
.Sans1      {font-weight: bold;   font-size: 18px; color: black;}
.Sans1Blue  {font-weight: bold;   font-size: 18px; color: darkblue;}
.Sans1White {font-weight: bold;   font-size: 18px; color: white;}
.Sans2      {font-weight: bold;   font-size: 25px; color: black;}
.Sans2White {font-weight: bold;   font-size: 25px; color: white;}