/* CSS Sheet for the assignment with three html pages. */

/* Background Image */
h1, h2, h3, h4, h5, h6, a, p, body {
	background-image: url("header-bg.jpg");

}

h1   {
    text-align: center;
    font-size: 72px;
    line-height: 90px;
    font-family: 'Open Sans', sans-serif;
    color: #602560;
    font-weight: 800; 
    letter-spacing: -5px;
    text-shadow: 0px 1px 1px #888888;
	border-style: solid;
    border-width: 10px;
	border-radius: 15px 50px;
    border: 14px solid #3D143D;
    padding: 20px; 
    width: 90%;
    height: auto;
	margin: 3%;
}

h3   {
    text-align: center;
    font-size: 20px;
    line-height: 0px;
    font-family: 'Open Sans', sans-serif;
    color: #602560;
    letter-spacing: 5px;
    text-shadow: 0px 1px 1px #888888;
	padding: 1%;
}

/* List Starts */
ul {
    list-style-type: none;
    margin: 5px;
    padding: 2px;
    font-family: 'Open Sans', sans-serif;
	color: #602560;
    margin: 3%;
	font-size: 20px;
	text-align: center;
	letter-spacing: 2px;
}
	
li {
    display: inline;
	letter-spacing: 2px;
}

/* List Ends */

p {
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	margin: 10px;
	padding: 1%;
	text-align: left;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
}

/* Table and Cells Start */

table, th, td {
    border: 2px solid #1F001F;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	padding: 2%;
	line-height: 30px;
}

/* Table and Cells End */

/* ICS3U Footer */

#footer {
	background-color:#944D94;
	font-family: 'Open Sans', sans-serif;
	clear:both;
	text-align:center;
}

/* Pre Tag To Format As Is Typed */

pre {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
	text-align: center;
}

/* When you hover over a link the text turns black */

a:hover {
  color: black ;
  background-color: #C299C2;
  background: #C299C2;
}

/* Affects span highlight tags */
.highlight {
    background-color: #DAC2DA;
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
} 

/* Tells program what center is */

.center{
	text-align: center;
}