/* this is a practice css stylesheet */ 

body
{
	background-color: BlanchedAlmond;
    background-image: cover;
	/*background-image: url('laser.jpg');*/
}


aside

{
  width: 30%;
  padding-left: 15px;
  margin-left: 15px;
  float: right;
  font-style: italic;
  background-color: lightgray;
}

table
{
        width: 100%;
	background-color: floralwhite;
        border: 1px solid grey;
 /*	box-shadow: 11px 11px 6px lightgrey;*/
	display: table;

}

th.sticky
{
position: sticky;
top: 0;

}





th, td
{
        border: 1px solid grey;
        text-align: left;
	padding: 6px;
	color: black;
}



th{background-color: lightsteelblue;}




table.checks 
{
        width: 100%;
	background-color: rgba(0, 0, 0, 0);
        border: 0px solid grey;
 	display: table;
	

}

table.checks td
{
background-color: floralwhite;
	box-shadow: 1px 1px 0.5px grey;

}








h1 
{
	font-family: Verdana;
	font-size: 4.0em;
	letter-spacing: 0.1em;
	color: black;
	padding: 10px;
	background-color: steelblue;
	background-image: url("wave.jpg");
        box-shadow: 11px 11px 6px lightgrey;


}


h2 

{
	background-color: rgb(0, 154, 0);
	color: black;
	color: rgba(255, 255, 255, 0.8);
}

a 

{
font-size: 2.0em;
color: blue;
text-decoration: underline;
padding: 14px 25px;
text-align: center;
display: inline-block;
width: 13em;
border: black;
}



a.t
{
display: table-cell;
font-size: 1.0em;
text-align: left;
width: 1em;
padding: 6px;
text-decoration: none;
}



a:hover, a:active
{
background-color: cornflowerblue;
width: 13em;

}

a.t:hover, a.t:active
{
background-color: cornflowerblue;
width: 1em;
}






div.home
{
	background-color: lightsteelblue;
	border-style: inset;
	border-width: 5px;
	border-color: black;
	border-radius: 3px;
	width: 90em;
	box-shadow: 10px 10px 5px lightgrey;
	

}







div.scrollable
{
height: fit-content;
max-height: 600px;
overflow-y: auto;
/*overflow-x: auto;*/
width: 100%;
box-shadow: none;


}


div.box
{
	
	background-color: lightsteelblue;
	border-style: inset;
	border-width: 5px;
	border-color: black;
	border-radius: 3px;
	width: 30%;
	height: 60%;
	box-shadow: 10px 10px 5px lightgrey;
	display: inline-block;
	vertical-align: top;
	padding: 20px;

}


div.smallhome
{
	background-color: lightsteelblue;
	border-style: inset;
	border-width: 5px;
	border-color: black;
	border-radius: 3px;
	width: 29em;
	box-shadow: 10px 10px 5px lightgrey;


}

input[type=submit]
{
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:alias;
    border-radius: 5px; 
}



input[type='checkbox'] 
{
    -webkit-appearance:none;
    width:20px;
    height:20px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
    cursor:alias;
   
}

input[type='checkbox']:checked
{
    background: steelblue;
}



p 
{
	font-family: Verdana, Geneva, sans-serif;
}

p.high
{

font-size: 1.0em;
color: black;
text-decoration: none;
padding: 9px;
text-align: left;
display: inline-block;
width: fit-content;
max-width: 30em;
border: black;
background-color: turquoise;
border-radius: 5px; 

}

caption
{
font-family: Geneva;
Font-size: 2.0em;
background-color: slateblue;
display: block;
height 20px;
padding 5px;
}



fieldset
{
background-color: aliceblue;
border-style: inset;
border-width: 5px;
border-color: black;
border-radius: 3px;
width: 90em;
height: 50em;

}


fieldset.cert
{
background-color: aliceblue;
border-style: inset;
border-width: 5px;
border-color: black;
border-radius: 3px;
width: 30em;
height: 85em;

}


legend
{
background-color: lightsteelblue;
border-radius: 3px;


}