Applying a CSS style to an existing web page

OK, styling with CSS 101:

An external style sheet is linked or imported with a page.

Since the style sheet is a cascading style sheet, stuff at the end of your style sheet will override stuff at the beginning of the style sheet.

And any styles you include within your page will override any styles established in your style sheet.

So, if what you are trying to do is make all pages look like the new styles defined in CSS, you must put those style changes in your external stylesheet that is imported with all of your pages. Or, you must put those styles in all pages. Frankly, the purpose of an external style sheet is to reduce the code within each page and to allow you to be consistent across all of your pages.

<style type="text/css">

@import url("MAIN LAYOUT.css");

</style>
<p>guest book</p>
<p> </p>
<script src="//www.gmodules.com/ig/ifr?url=http://gadgets.fourthfloorequipment.com/guestbooker.xml&up_gbstr=DEMO&up_respOrder=oldest&up_titleFontSize=14px&up_titleFontColor=black&up_msgFontSize=12px&up_msgFontColor=black&up_linkColor=blue&up_respFontSize=12px&up_respFontColor=red&up_bgcolor=white&synd=open&w=700&h=500&title=MJSNC+Guestbook&border=%23ffffff%7C0px%2C1px+solid+%23998899%7C0px%2C1px+solid+%23aa99aa%7C0px%2C2px+solid+%23bbaabb%7C0px%2C2px+solid+%23ccbbcc&output=js"></script>.twoColFixRtHdr #container #sidebar1 table caption {
font-size: x-large;
}
* {
margin: 0px;
padding: 0px;
height: auto;
width: auto;
}
#wrapper {
margin: auto;
text-align: left;
width: 800px;
background-color: #FFFEE8;
border-top-color: #666;
border-right-color: #666;
border-bottom-color: #666;
border-left-color: #666;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
}
a img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: center;
}
#wrapper #Logo {
height: 180px;
background-color: #FFFEE8;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
width: 800px;
}
#wrapper #headerImg {
height: 350px;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
vertical-align: middle;
width: 800px;
}

#wrapper #Navigation {
height: 20px;
font-size: 14px;
margin-left: 6px;
width: 800px;
}
#wrapper #bodyarea #left {
width: 700px;
float: none;
padding: 1px;
height: 250px;
clear: none;
overflow: auto;
text-align: center;
border: 0px none #FFF;
background-image: url(../Graphics/footer%20pic.jpg);
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
}
#wrapper #bodyarea #footer {
height: 150px;
clear: both;
text-align: center;
background-image: url(../Graphics/MORGAN%27S%20PIC.jpg);
}
p {
font-family: "copperplate gothic light";
font-size: 12px;
font-style: normal;
color: #333;
}
#wrapper #bodyarea table tr td #sidebar {
margin: 0px;
padding: 2px;
float: right;
height: 400px;
width: 250px;
}
#wrapper #headerImgRIGHT {
height: 400px;
width: 400px;
background-color: #0FF;
position: fixed;
color: #36C;
border: medium groove #96F;
}