body { background: #0c5a72; color: white; font-family: sans-serif; font-size: 14px; } center { text-align: center; } /*Contains everything*/ .wrapper { /*1600 - 1000 = 600 1050 - 200 = 850 850 - 200 = 650 650 - 10 - 10 - 10 = 620*/ width: 1150px; background: #12282f; margin: 0 auto; top: 0; margin-top: -10px; border-left: 0px solid #12282f; border-right: 0px solid #12282f; margin-bottom: -10px; } /*Contains main and sidebar divs*/ .wrapper-2 { position: relative; } .header, .footer { height: 200px; overflow: hidden; border-bottom: 5px solid #12282f; background: linear-gradient(rgb(0,0,0,0.1),rgb(0,0,0,0.1)), url("/img/river.gif"); /*This is the image in the header and footer. Replace it with your own!*/ background-size:cover; } .footer { height: 50px; } .header img, .footer img { width: 1140px; display: inline-block; opacity: 0.9; border: 5px solid #12282f; } .header img { border-top: 0px; } /*Big title at the top of the page.*/ .title { padding: 10px; padding-left: 20px; padding-top: 5px; font-weight: bold; font-size: 30px; } /*Container for top row of links.*/ .links { padding: 5px; padding-top: 3px; padding-bottom: 5px; } /*Div style for individual links.*/ .link { text-align: center; display: inline-block; list-style-type: none; float: none; font-weight: bold; font-size: 16px; padding: 5px; margin-right: 10px; margin-left: 10px; border: 0px solid red; } .link a { color: white; text-decoration: none; } .sidebar-left, .main, .sidebar-right { background: #e2dcc1; color: #12282f; border-top: 5px solid #187b9b; border-bottom: 5px solid #187b9b; } .sidebar-left { width: 180px; padding: 0px 10px 10px 10px; margin-left: 10px; display: inline-block; top: 0; position: absolute; } .main { display: inline-block; margin-left: 220px; padding: 5px; padding-left: 10px; padding-right: 10px; width: 690px; } .sidebar-right { width: 180px; padding: 10px; padding-top: 0px; margin-right: 10px; display: inline-block; top: 0; position: absolute; margin-left: 10px; } /*Uses special styling to give the illusion of ending the current box and starting a new one.*/ hr { width: 100%; padding-left: 10px; padding-right: 10px; border-top: 5px solid #187b9b; border-bottom: 5px solid #187b9b; background: #12282f; height: 20px; margin-left: -11px; border-left: 1px solid #12282f; border-right: 1px solid #12282f; }