body { font-size: 100%; font-family:Arial, Helvetica, sans-serif; /*adding a font-family:font style to my text*/ margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #wrapper selector */ background-color:rgb(044,048,050); /* adding the color:rgb(rrr,ggg,bbb) style to my background */ } #wrapper { width: 910px; margin: 0 auto 20; /* 0 is the margin at the top of the wrapper, the auto margins (in conjunction with a width) center the page, 20 gives me space at the bottom */ border: 1px solid #000000; text-align: left; /* this overrides the text-align: center on the body element. */ padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; background-color:C1BFB3; /*background-color:rgba(193,191, 179, 0.8); /*IE doesn't seem to like change in alpha, maybe I need to have an xhtml doc for it to work*/ box-shadow:rgba(0,0,0,0.4)10px 10px; /*this only works in Opera but it gives me a cool drop shadow and rounded corners at the bottom of the pages*/ border-radius: 0 0 20 20px; } h1, h2, h3, h4, h5, h6 {/* Styling the tags*/ color: #2C3032; font-family:"Arial"; } h2 { font-size:2em; /* font-size with "ems" */ font-weight:100; } p { /* Styling the

tags and tags*/ color: #2C3032; } a:link { color: #0C0C04; text-decoration: none; } a:visited { color: #000; text-decoration: none; } a:hover { color: #333; text-decoration: underline; } a:active { color: #03F; text-decoration: none; } .fltrt { float: right; margin-left: 8px; margin-right: 10px; margin-bottom: 8px; } .fltlft { float: left; margin-right: 8px; margin-bottom: 8px;