html, body {
    background: black;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #f2a500;
}

h1 {
    font-size: 2em;
    margin: 0 0 10px 0;
}

h2 {
    font-size: 1.5em;
    margin: 0 0 10px 0;
}

strong, bold {
    font-weight: bold;
    color: red;
}

#mainContent {
    margin: 20px 315px 10px 140px;
}

    #mainContent p {
        margin: 0 0 10px 0;
    }

    #mainContent a {
        color: red;
    }

#mainWrapper {
    width: 857px;
    margin: 50px auto;
}

#mainMenu {
    float: left;
    background-image: url(images/menu_bg.png);
    background-position: top left;
    background-repeat: repeat-y;
}

    #mainMenu ul {
        width: 104px;
    }
    
        #mainMenu ul li {
            background-image: url(images/menu_item_bg.png);
            height: 49px;
            width: 104px;
            position: relative;
            margin-bottom: 8px;
            text-align: center;
            
            /* CSS to make it vertically aligned */
            display: table;
        }
        
        #mainMenu ul li.active a {
            color: red;
        }
        
        #mainMenu ul li a {
            color: #f2a500;
            font-size: 1.1em;
            text-decoration: none;

            /* CSS to make it vertically aligned */
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }
        
#mainImage {
    float: right;
    width: 305px;
    height: 471px;
}