h2 {
    font-size:       150%;
    font-weight:     bold;
    margin:          1em 0;
}

/* ------------------------------ overall layout ------------------------------ */

#page-overall-content {
    position:       relative;
    width:          905px;
    background:     black;
    text-align:     left;
    border-right:   1px solid black;
    border-bottom:  1px solid black;
}

#the-pattern {
    width:      438px;
    height:     415px;
    position:   absolute;
    right:      0px;
    top:        0px;
    background: url(../img/common/pattern2.gif);
    z-index:    10;
}

#left-content-area {
    padding-top: 200px;
    width:       550px;
    color:       white;
    z-index:     20;
}

#right-content-area {
    position:   absolute;
    right:      0px;
    top:        0px;
    width:      355px;
    height:     100%;
    background: white;
}

#left-content-inner-area {
    padding:    40px;
}

#right-content-inner-area {
    margin-top: 500px;
}

#footer {
    text-align:     center;
    margin:         30px 0;
    background:     url(../img/common/pattern3.gif) bottom left no-repeat;
    margin-top:     100px;
    padding-left:   200px;
    padding-top:    180px;
    padding-bottom: 120px;
}

/* ------------------------------ Detailed layout ------------------------------ */

#page-links {
    text-align:     center;
    margin-bottom:  100px;
}

a.page-link {
    margin:     0px 15px;
}

#side-links {
    background:     url(../img/common/panel.gif);
    width:          222px;
    padding-top:    130px;
    padding-bottom: 150px;
}

#side-links a {
    display:    block;
    padding:    10px 0;
}