body 	{ background: white; }

h1   	{ font-family: Arial, Helvetica, Sans-serif; font-size:18pt;
	  color:red; font-weight:bold; }

h2   	{ font-family: Arial, Helvetica, Sans-serif; font-size:12pt;
	  color:black; font-weight:bold; }
       
p	{ font-family: Arial, Helvetica, Sans-serif; font-size:10pt;
	  color:black; }

p.alert	{ font-style: italic; color:red;}

table	{ font-family: Arial, Helvetica, Sans-serif; font-size:10pt;
	  color:black; }

select	{ font-family: Arial, Helvetica, Sans-serif; font-size:10pt;
	  font-weight: bold; color:blue; background: lightBlue; }

option	{ font-family: Arial, Helvetica, Sans-serif; font-size:10pt;
	  color:black; background: silver; }

/* unvisited link */

a:link {

  color: blue;

}


/* visited link */

a:visited {

  color: gray;

}


/* mouse over link */

a:hover {

  color: yellow;

}


/* selected link */

a:active {

  color: red;

}


.p {

  font-family: "Times New Roman", Times, serif;

}

p {
	color: black;
} 


.cascade1 {

	background-color: yellow;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* from W3Schools.com */

div.relative {
  position: relative;
  left: 20px;
  border: 0px;
}

div.fixed {
  position: fixed;
  bottom: 550px;
  right: 0px;
  width: 400px;
  border: 40px;
}

div.absolute {
  position: absolute;
  top: 1150px;
  right: 25px;
  width: 400px;
  height: 450px;
  border: 0px;
}

/* from W3Schools for the Z-Index */

img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}

/*This is from here: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions*/

.ball {

  border-radius: 5px;
  width: 50px;
  height: 50px;
  background: #c00;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 1s;
}
