/************************************************* Canvas *************************************************/
body
{
    margin: 0px 0px 0px 0px;
    font-size: 62.5%;
    font-family: Verdana, Arial, Sans-Serif;
    
    background-color: #3D3D3D;
    background-image: url(Images/background.jpg);
}

#body_Canvas
{
    margin-left: auto;
    margin-right: auto;
    width: 980px;
}



/************************************************* Content Blocks *************************************************/

/*************************************** blk_HeaderTop ***************************************/
#blk_HeaderTop
{
    color: #ffffff;
    font-size: 1.1em; 
    font-size: 1.1em; 
}

/*************************************** blk_HeaderTop_Contact *******************************/
#blk_HeaderTop_Contact
{
    float: left;
    padding: 4px 0px 4px 0px;
}

/*************************************** blk_HeaderTop_Links *********************************/
#blk_HeaderTop_Links
{
    float: right;
    text-align: right;
    padding: 4px 0px 4px 0px;
}

#blk_HeaderTop_Links a:link,
#blk_HeaderTop_Links a:visited
{
    color: #ffffff;
    font-size: 1em;
    text-decoration: none;
}

#blk_HeaderTop_Links a:hover
{
    text-decoration: underline;
}

/*************************************** blk_HeaderImage *************************************/
#blk_HeaderImage
{
    clear: both;
    height: 225px;
    width: 980px;
    border-bottom: solid 1px #ffffff;
}

/*************************************** blk_Header ******************************************/
#blk_Header
{
    clear: both;
    height: 136px;
    width: 980px;
    border-bottom: solid 1px #ffffff;
    
}

/*************************************** blk_Header_Logo ************************************/
#blk_Header_Logo
{
    float: left;    
    
    width: 335px;
    height: 130px;
    
    border-top: solid 6px #82A2B7;
    background-color: #678EA7;
}

/*************************************** blk_Header_Navigation ******************************/
#blk_Header_Navigation
{
    float: left;
    width: 645px;
    height: 136px;
}

#blk_Header_Navigation a.btn_Planning:link,
#blk_Header_Navigation a.btn_Planning:visited
{
    float: left;
    display: block;
    width: 214px;
    height: 136px;
    background-image: url(Images/btn_Planning.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    border-left: solid 1px #ffffff;
}

#blk_Header_Navigation a.btn_Planning:hover
{
    background-position: 0px -136px;
}

#blk_Header_Navigation a.btn_Planning span
{
    display: none;
}

#blk_Header_Navigation a.btn_Implementation:link,
#blk_Header_Navigation a.btn_Implementation:visited
{
    float: left;
    display: block;
    width: 214px;
    height: 136px;
    background-image: url(Images/btn_Implementation.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    border-left: solid 1px #ffffff;
}

#blk_Header_Navigation a.btn_Implementation:hover
{
    background-position: 0px -136px;
}

#blk_Header_Navigation a.btn_Implementation span
{
    display: none;
}

#blk_Header_Navigation a.btn_Maintenance:link,
#blk_Header_Navigation a.btn_Maintenance:visited
{
    float: left;
    display: block;
    width: 214px;
    height: 136px;
    background-image: url(Images/btn_Maintenance.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    border-left: solid 1px #ffffff;
}

#blk_Header_Navigation a.btn_Maintenance:hover
{
    background-position: 0px -136px;
}

#blk_Header_Navigation a.btn_Maintenance span
{
    display: none;
}

/*************************************** blk_Footer ****************************************/
#blk_Footer
{
    clear: both;
    background-color: #BDB76C;
    padding: 8px 8px 8px 8px;
    margin-bottom: 20px;
    color: #31301C;
    font-size: 1em;
}