html, body 
{
    background-color: #fff;
    font-family: Trebuchet MS, Lucida Grande, Verdana;
    font-size: 10pt;
    text-align: center;
    margin: 0;
    padding: 0;
}

#topContainer
{
    width: 100%;
    background-color: #333;
    border-bottom: solid 1px #FE9D18;
    text-align: center;
    height: 133px;
    margin: 0;
}

#topCentreContainer
{
    width: 950px;
    margin: auto;
    height: 133px;
}

#topLeft
{
    width: 588px;
    height: 133px;
    text-align: left;
}

#futureTitle
{
    font-size: 44px;
    color: #FE9D18;
    font-weight: bold;
    line-height: 70px;
}

#susieName
{
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    color: #999;
}

#contactInfo
{
    font-size: 9pt;
    color: #fff;
}

#topRight
{
    float: right;
    text-align: right;
    width: 362px;
    height: 133px;
}


/* MIDDLE AREA */

#middleContainer
{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

#mainArea
{
    width: 950px;
    margin: auto;
}

#leftColumn
{
    text-align: left;
}


.orangeTop
{
    background-image: url(images/orangeTop.jpg);
    width: 522px;
    height: 15px;
}

.orangeMiddle
{
    background-image: url(images/OrangeMiddle.jpg);
    background-repeat: repeat;
    width: 522px;
}

.orangeBottom
{
    background-image: url(images/orangeBottom.jpg);
    height: 15px;
    width: 522px;
}

.greenTop
{
    background-image: url(images/greenTop.jpg);
    width: 522px;
    height: 15px;
}

.greenMiddle
{
    background-image: url(images/greenMiddle.jpg);
    background-repeat: repeat;
    width: 522px;
}

.greenBottom
{
    background-image: url(images/greenBottom.jpg);
    height: 15px;
    width: 522px;
}

.greenMiddle .textContent
{
    color: #fff;
}


#rightColumn
{
    float: right;
    text-align: right;
}

.greyTop
{
    background-image: url(images/greyTop.jpg);
    width: 394px;
    height: 20px;
}

.greyMiddle
{
    background-image: url(images/greyMiddle.jpg);
    background-repeat: repeat;
    width: 394px;
}

.greyBottom
{
    background-image: url(images/greyBottom.jpg);
    height: 15px;
    width: 394px;
}

.greyMiddle .textContent
{
    color: #fff;
}

.cName
{
    color: #FE9D18;
    font-weight: bold;
}

.greyMiddle a
{
    color: #FE9D18;
    font-weight: bold;
    text-decoration: underline;
}

.greyMiddle a:hover
{
    text-decoration: none;
}

#contactTextLeft
{
    width: 220px;
    margin-left: 10px;
    text-align: right;
    height: 170px;
    color: #fff;
}

#photo
{
    width: 120px;
    text-align: right;
    margin-right: 20px;
    float: right;
}


.textContent
{
    margin: 0 15px 0 15px;
    text-align: left;
}

ul
{
    margin: 0 0 0 20px;
    padding: 0 0 0 0;
}