You have a couple of problems. First remove the period from "h1" and "p" as it doesn't belong when controlling HTML elements. The period is used as a class selector. Next remove the quotes from around the color code that you are using in the "p" tag.
And the last issue is that if you want to control the background color of the page, which is what I assume you meant by background, then you need to add a "body" tag and set the color using the "background-color" attribute. I assumed you were going with the pink background, so that is the color code I used.
Here is the corrected version. The 'hr' tag is a line in HTML, so I am not sure what you were planning on using it for. But I left it in there anyway.
You can find a tutorial on CSS
here.CODE
<html>
<head>
<title>why cheerleading is so fun</title>
<style type="text/css">
<!--
body {background-color: 9932CC}
hr {color: 9932CC}
h1 {margin-left: 20px; font: bold 8pt "sans-serif"; color: F6F9ED}
p {font: bold 10pt "arial"; color: 00FF00}
-->
</style>
</head>
<body>
<h1> Cheerleading is one of the most exciting sports today. Today’s All Star Cheerleaders are
true athletes combining dance, tumbling, and stunting skills. Their is usually only one
very short cheer in a 3 minute routine that basically states the teams name, colors, and a
short motto. On an All Star team the limits are constantly being pushed, tumbling skills
are a serious must and stunting skills are what gets you the points in competition.
Becoming a cheerleader is a wonderful way to grow up, you learn valuable life long
skill; team work, motivation techniques, how to win, how to loose, and best of all you
stay so busy with 3 and 4 nights a week of practice and competition on the weekends
that you never have time to get into trouble.
</h1>
<p>
Follow this link to find a list of All Star Cheer squads in your area.
</p?
</body>
</html>