Exercise 1: Reorganize and reformat the CSS file

[Copy and paste this text into your own editor]

#totalcontainer {
width:980px;
margin:0 auto;
}
#mainbody {
background-image:url(images/bg_maincontent_full.gif);
background-repeat:repeat-y;
float:left;
}
#banner { border-bottom: 1px solid #c0cbdb; }
#leftnav {
width: 229px;
float:left;
min-height:800px;
}
#wrapper {
background-image:url(images/sailboat.jpg);
background-position:bottom left;
background-repeat:no-repeat;
float:left;
}
#maincontent {
width:751px;
float:left;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 67.5%;
color: #000;
background-color: #4a7bca;
}
#maincontent p {
font-size:1.06em;
letter-spacing:.025em;
padding-bottom:5px;
line-height:15px;
}
#maincontent a {
color:#133d97;
text-decoration: underline;
}
#advert {
/* height:181px; */
margin-bottom:20px;
width:751px;
border-bottom: 1px solid #c0cbdb;
background-color:#dae2ef;
float:left;
}

#footer {
background-image:url(images/bottom_footer2.gif);
background-position:top;
background-repeat:no-repeat;
margin: 0 auto;
padding: 22px 0 10px 0;
clear:both;
}
#advert #right {
width: 500px; float:left;  }
#advert #right h2, #advert #right p {
clear:right;
font-family:”Myriad Pro”, Arial, sans-serif;
}
#advert #right .clubId { margin-top:23px; font-size:15px;font-weight:normal; }
#advert #right h2{font-size:2em; }
#advert #right .blurb { font-size:.65em;font-weight:normal; padding-top:42px;}
#advert #right a {  color:#dd8502; text-decoration:underline;}
#advert #right  p { font-size:1.2em;font-weight:bold; }
.date { color:#dd8502; font-size: 20px; font-weight: bold; line-height: 25px;}
.name { color:#690000; }
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
text-transform:uppercase;
color:#670000;
margin: 0 0 10px 0;
clear:left;
padding-left: 15px;
background-image:url(images/prefix_h3.gif);
background-position:top left;
background-repeat:no-repeat;
float:left;
width:400px;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
color:#124580;
margin:0 0 10px 0;
clear:left;
}
h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
color:#ed1c24;
margin:0 0 10px 0;
clear:left;
}
#contentAllpages {     padding: 20px 20px 12px 20px; }

#footer p {
text-align:center;
color:#fff;
font-size:1.1em;
font-weight:bold;
letter-spacing:.04em;
}
#footer .firstLine { padding-top:36px; }
#footer a {
text-decoration:underline;
color:#fff;
font-weight:normal;
}

All photographs taken on location by A. E. Shroeder

TIP