creating multiple pages

ConnieFarris_EM218_IP31/ConnieFarris_EM218_IP3/css/styles.css

@charset "utf-8"; /* CSS Document */ @charset "utf-8"; body { margin: 0px; color: #151515; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; background-color: #EFF5F8; } #wrapper { background-color: #FFFFFF; width: 100%; min-width: 740px; max-width: 1000px; margin-left: auto; margin-right: auto; } #hero img { max-width: 100%; padding-top: 0px; padding-bottom: 0px; } h1, h2, h3 { color: #3399CC; font-style: normal; font-weight: 600; font-family: source-sans-pro; } h1 { font-size: 55px; text-align: center; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; } h2 { font-size: 30px; text-align: left; text-transform: normal; margin-top: 0px; margin-bottom: 0px; } h3 {#class postion:absolute; top:300px; left:300px } postion:absolute; top:300px; left:300px } font-size: 24px; text-align: left; text-transform: normal; margin-top: 0px; margin-bottom: 0px; } #main { width: 58%; margin-left: 2%; float: left; } #sidebar { width: 34%; margin-left: 8; float: left; } footer { clear: left; padding-top: 2px; padding-bottom: 2px; padding-left: 2%; background-color: #43A6CB; color: #FFFFFF; } figure { width: 420px; } figure img src=Images/river.jpg { padding: 10px; background-color: #FFFFFF; -webkit-box-shadow: 1px 1px 15px #999999; box-shadow: 1px 1px 15px #999999; } figcaption { display: block; text-align: center; font-weight: bold; font-size: 14px; } .centered { margin-left: auto; margin-right: auto; } .floatleft { margin-right: 10px; float: left; } .floatright { margin-left: 10px; float: right; } #sidebar p img { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: #FFFFFF; -webkit-box-shadow: 1px 1px 15px #A6A1A1; box-shadow: 1px 1px 15px #A6A1A1; margin-left: 30px; } a { font-weight: bold; text-decoration: none; } a:link { color: #FF6600; } a:visited { color: #FF944C; } a:hover, a:active, a:focus { color: #7F3300; text-decoration: underline; } #mainnav ul { list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #mainnav a { width: 20%; display: block; float: left; text-align: center; background-color: #4D4D4D; color: #FFFFFF; text-transform: uppercase; padding-top: 6px; padding-bottom: 6px; } #mainnav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage { text-decoration: none; background-color: #43A6CB; }