/* CSS Document */

body {
    background-repeat: repeat-y; /** Repeats the image vertically **/
    background-position: center; /** Centers the Background image **/
    background-color: #ffffff; /** Website BG colour (matches canvas colour in Step 1) **/
}

#contain {
    width: 796px;
    margin: 0 auto;
    text-align: center;
}


table.menu {
	background-color: #cd00cc;
	color: #FFFFFF;
	border-top: 10px;
	border-bottom: 10px;
	border-color: #cd00cc;
	font-family: Arial, Helvetica, sans-serif;
	font-style: bold;
	}
	
p {
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;			
	}
	
h1 {
	margin-left: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #cd00cc;	
	}
	
	h2 {
	margin-left: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;			
	}
	
	h3 {
	margin-left: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;			
	}
	
	h4 {
	margin-left: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;			
	}
	
	h5 {
	margin-left: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;			
	}
	
	h6 {
	margin-left: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;			
	}
	
	
A:link {
		color:#cd00cc;
		text-decoration: none;
}

A:visited {
			color:#cd00cc;
			text-decoration: none;
}

A:active {color:#cd00cc}
A:hover {color:#000000}

tr#menu a:link {color: white;}
tr#menu a:visited {color: white;}
tr#menu a:hover {color: white;}
tr#menu a:active {color: white;}