body 
{
    margin: auto;
    background: url("../images/homepage_BG02.png") no-repeat scroll top center #FFFFFF;
    font-family: Calibri, Arial, Sans-Serif;
}

#homePage
{
    width: 1000px;
    margin: auto;
}

.headerBar
{
    width: 100%;
    height: 130px;
    background-color: #fff;    
}

.companyLogo
{
    float: left;
    width: 236px;
    padding: 0 20px 0 0;   
    margin: 0; 
}
.companyLogo a
{
    width: 236px;    
    text-decoration: none;
    border: 0;
    padding: 0;
    margin: 0;
    text-align: left;
}

.companyLogo a img
{
    text-decoration: none;
    border: 0;
}

.menuLinks
{
    float: left;
    width: 725px;
    padding: 0;
    margin: 90px 0 0 0;
    text-align: right;
    color: #000;
}

.menuLinks a
{
    padding: 0 10px;
    margin: 0;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-family: Calibri, Arial, Sans-Serif;
}

.welcomeMessage
{
   height: 210px;     
}

.welcomeMessage .messageSection
{
   background-image: url(../images/homepageGreenBG.png);
   background-repeat: no-repeat;
   height: 124px;
   width: 633px;
   text-align: right;
   margin: 200px 0 0 365px;
   color: #fff;
}

.welcomeMessage .messageSection h1
{
    font-size: 26px;
    padding: 10px 20px 0 0;
}

.welcomeMessage .messageSection span
{
    float: right;
    font-size: 17px;
    padding: 0 20px 0 0;
}

.contentArea
{
    width: 1000px;
    background-color: #fff;
    height: 300px;
}

.contentArea .threeBoxes
{
    float: left;
    width: 284px;
    margin: 30px 10px 10px 32px;    
}
.contentArea .threeBoxes h3
{
    float: left;    
    color: #455a21;
    font-size: 18px;
    font-family: Myriad Pro, Arial, Sans-Serif;
    margin: 10px 5px;
}

.contentArea .threeBoxes .largerText
{
    float: left;    
    color: #58585a;
    font-size: 16px;
    font-family: Calibri, Arial, Sans-Serif;
    margin: 0 5px 10px 5px;
}

.contentArea .threeBoxes .smallerText
{
    float: left;    
    color: #58585a;
    font-size: 14px;
    font-family: Calibri, Arial, Sans-Serif;
    margin: 0 5px 10px 5px;
}

#footer
{
    float: left;
    width: 100%;
    background-color: #a8b08a;
    height: 90px;
    color: #fff;
    text-align: center;
    padding: 50px 0 0 0;
    font-family: Calibri, Arial, Sans-Serif;
    font-size: 14px;
}

#footer #footerArea
{
    width: 1000px;
    text-align: left;
    margin: auto;   
}

#footer a
{
    color: #fff;
    text-decoration: none;
    padding: 0 3px;
}

#footer a img
{
    color: #fff;
    text-decoration: none;
    border: none;
    vertical-align: middle;
}

.column {
    float: left;
    width: 50%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}