This is the raw CSS used in your page

When attached as a style sheet, it tells the different named sections (classes) how to behave

Click here to go back to the CSS tutorial

Click here to see the css attached to the page on a web browser



.container {
    background-color: #ffffff;

    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.Container .header {
    background-color: #000;
    height: 150px;

    text-align: center;
}
.Container .nav {
    background-color: #5d0000;

    text-align: left;
    height: 30px;
}
.Container .nav li a {
    display: block;
    margin: 0px;
    padding-right: 10px;
    padding-left: 10px;

    color: #FFFFFF;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    text-decoration: none;
    font-weight: bold;
    font-size: large;
}

.Container .nav li {
    display: inline-block;
}

.Container .nav li a:hover {
    color: #232323;
}

.Container .main {
    height: 600px;
    background-color: #161616;
    color: #FFFFFF;
}

.Container .footer {
    min-height: 50px;
    background-color: #5d0000;
    color: #FFFFFF;
}