When you use a separate css style sheet you don't have the style code at the top or bottom. That's only for styling placed at the head of the page. So for the separate sheet remove this.
<style>
<!-- Style Sheet created with the CoffeeCup StyleSheet Maker -->
<!--
http://www.coffeecup.com -->
<style type="text/css">
<!--
-->
</style>
Your style sheet will only have this.
body {
background: #eeeeee;
font-family: “Trebuchet MS”, Verdana, Arial, serif;
}
h1 {font-family: Georgia, sans-serif;}
p {font-family: Tahoma, serif;}
body {margin: 20px;}
h1, h2, h3, h4, h5, h6 {
color: #009900;
font-family: Georgia, sans-serif;
}
/* Learning CSS for the first time, the above code from site */
p {
font-size: small;
color: #333333
}
/* Greenbold Text Added to HTML / CSS3 */
.greenboldtext{
font-size: small;
color: #008080;
font-weight: bold;
}