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;
}