When working with more than one web page at a time (for example, an entire website or section of website), it is often a good idea to work with external CSS. This allows you to remove the styling information from each HTML page and just have the HTML focus on the content. It also helps keep styling consistent across pages on a site.
External CSS is pretty simple. You simply copy all the internal CSS information (between the <script> tags) to another file and save it with an appropriate name (typically something.css). Then you replace the internal style information with a link to the external style sheet:
<link href="url of style sheet" rel="stylesheet" type="text/css">