body
{
    margin : auto;
    font-family : Arial, Verdana, Helvetica;
    font-size : 9pt;
    line-height : 12pt;
    color : #424542;
    text-align : center;
    background-color : #efefef;
}

.centre
{
    text-align : center;
}

.centre table
{
    margin : 0 auto 20px auto;
}

a.links, a.links:visited
{
    color : #000;
}

a.links:hover
{
    color : #bd2500;
}

h1
{
    font-weight : bold;
    font-size : 9pt; 
    margin : 10px 0 0 0;
    padding : 4px 0 4px 0;   
    text-align : center;
    color : #fff;
    background-color : #000;
}

h2
{
    width : 438px;
    height : 20px;
    padding : 2px 0 0 2px;
    margin : 10px 0 0 0;
    font-weight : normal;
    font-size : 8pt; 
    background-color : #000; 
    text-align : center;
    color : #fff;  
}

h3
{
    width : 433px;
    font-size : 8pt;
    margin : 10px 0 5px 0;
    padding : 2px 0 2px 5px; 
    background-color : #e5e5e5;
    font-weight : bold; 
}

h4
{
    width : 428px;
    height : 20px;
    padding : 2px 0 0 10px;
    margin : 10px 0 0 0;
    font-weight : bold;
    font-size : 8pt; 
    background-color : #424542; 
    color : #fff;
}

h5
{
    font-size : 8pt;
    margin : 10px 0 5px 0;
    padding : 2px 0 2px 5px; 
    font-weight : bold; 
}

div.CentreOuter
{
    margin : 0px auto 0px auto;
    width : 880px;
}

div.Centre
{
    float :left;
    display : block;
    padding : 0 0 0 15px;
    width : 880px;
    text-align : left;
    background-image : url(images/centre.bkgd.gif);
    background-repeat : repeat-y;
}

div.Header
{    
    width : 870px;
    height : 112px;
    background-color : #bd2500;
}

div.Header div.Left
{    
    float :left;
    display : block;
    width : 645px;
    height : 72px;
    padding : 20px 0 0 15px;
    font-size : 20pt;
    color : #fff;
}

div.Header div.Right
{    
    float :left;
    display : block;
    width : 180px;
    height : 112px;
    padding : 0 0 0 30px;
}

.body
{
    font-size : 9pt;
}

.bodyhead
{
    font-size : 8pt;
    font-weight : bold;
}

.tablehead
{
    background-color : #000;
    font-size : 8pt;
    font-weight : bold;
    color : #fff;
    text-align : center;
}

.table
{
    background-color : #ccc;
    font-size : 8pt;
    text-align : center;
}

/************** TOP NAV **************/
div.TopNavStrip
{
    width : 870px;
    height : 20px;
    background-color : #bd2500;
    margin : 1px 0 0 0;
}       

div.LeftNav_header
{   
    float : left;
    padding : 1px 0 0 12px;
    font-weight : bold;
    color : #fff;
}

div.TopNav
{   
    float : right;
    width : 870px;


    width : 673px;
}

div.TopNav a
{
    float : right;
    display : block;
    height : 18px;
    margin : 0 0 0 0;
    padding : 2px 32px 0 31px;
    text-decoration : none;
    color : #fff;
}

div.TopNav a:hover
{
    color : #bd2500;
    background-color : #fff
}

div.TopNav a.highlight
{
    color : #bd2500;
    background-color : #fff
}

div.MainContent
{
    float : left;
    display : block;
    width : 870px;
}


/************** LEFT PANEL **************/
div.LeftPanel
{
    width: 200px;
    height : 1000px;
    float : left;
    display : block;
}

div.ConstructionSkills
{
    width: 200px;
    height : 300px;
    float : left;
    display : block;
    margin : 11px 0 0 0;
}


/************** LEFT NAV **************/
div.LeftNav
{
    width: 200px;
    float : left;
    display : block;
}

div.LeftNav a
{
    display : block;
    width: 185px;
    background-color : #f4d216;
    margin : 0 0 0 0;
    padding : 4px 0 4px 10px;
    text-decoration : none;
    color : #000;
    border-left : solid 1px #f4d216;
    border-top : solid 1px #fff;
    border-right : solid 1px gray;
    border-bottom : solid 1px gray;
}

/*
div.LeftNav a.double
{
    display : block;
    width: 186px;
    background-color : #f4d216;
    margin : 0 0 0 0;
    padding : 5px 0 5px 10px;
    text-decoration : none;
    color : #000;
    border-left : solid 1px #f4d216;
    border-top : solid 1px #fff;
    border-right : solid 1px gray;
    border-bottom : solid 1px gray;
}
*/
  
div.LeftNav a.doubleselected
{
    background-color : #000;
    color : #fff;
    border-left : solid 1px #000;
    border-right : solid 1px #000;
    border-bottom : solid 1px #000;
}

div.LeftNav a:hover
{
    background-color : #000;
    color : White;
}

div.LeftNav a.selected
{
    background-color : #000;
    color : #fff;
    border-left : solid 1px #000;
    border-right : solid 1px #000;
    border-bottom : solid 1px #000;
}

div.LeftNav a.sub
{
    display : block;
    width: 187px;
    background-color : #fff;
    margin : 0 0 0 0;
    text-decoration : none;
    color : #000;
    border-left : 0;
    border-top : 0;
    border-right : 0;
    border-bottom : 0;
    /*padding : 4px 0 4px 10px;*/
}

div.LeftNav a.sub:hover
{
    background-color : #999;
    color : #fff;
    /*padding : 4px 0 4px 10px;*/
}

div.LeftNav a.subselected
{
    width: 187px;
    background-color : #999;
    color : #fff;
    border-left : 0;
    border-top : 0;
    border-right : 0;
    border-bottom : 0;
    /*padding : 4px 0 4px 10px;*/
}


div.LeftNav a.subselected:hover
{
    background-color : #666;
    color : #fff;
    border-left : 0;
    border-top : 0;
    border-right : 0;
    border-bottom : 0;
    /*padding : 4px 0 4px 10px;*/
}

div.LeftFreephone
{
    width: 197px;
    float : left;
    display : block;
    margin : 1px 0 0 0;
    padding : 0 0 0 0;
    background-color : #000;
}

div.Content
{
    width: 660px;
    float : left;
    display : block;
    margin : 0 0 20px 10px;
}

div.Content div.FullWidth
{
    width: 640px;
    float : left;
    display : block;
    background-color : #fff;
    margin : 0 10px 0 0;
}

div.Content div.FullWidth h1
{
    float : left;
    display : block;
    width: 640px;
    border-bottom : solid 1px #424542;
}

/************** CONTENT LEFT **************/
div.Content div.Left
{
    width: 440px;
    float : left;
    display : block;
    background-color : #fff;
    margin : 0 10px 0 0;
}

div.Content div.Left h1
{
    width: 437px;
    border-bottom : solid 1px #424542;
}

div.Content div.Left div.Welcome
{
    margin : 10px 0 15px 0;
}

div.Content div.Left div.intro
{
    margin : 0 0 0 0;
}


div.Content div.Left p.half
{
    width : 210px;
    float : left;
}

div.Content div.Left img.news_2a
{
    margin : 15px 0 30px 10px;
}

div.Content div.Left img.news_2c
{
    margin : 0 0 0 10px;
}

.am
{
    font-size : 18px;
    font-weight : bold;
    text-align : center;
    vertical-align : top;
    border-top : solid 1px #ccc;
    position : relative;
    height : 70px;
}

.am span.left
{
    position : absolute;
    top : 20px;
    left : 50px;
    height : 30px;
    display : block;
    line-height : 30px;
}


.am img
{
    margin : 5px 15px 0 0;
    position : absolute;
    top : 0px;
    left : 210px;
}

.am span.right
{
    position : absolute;
    top : 20px;
    left : 320px;
    height : 30px;
    display : block;
    line-height : 30px;
}


.PanelGrey
{
    display : block;
    width : 408px;
    padding : 20px 15px 20px 15px;
    margin : 10px 0 20px 0;
    background-color : #e5e5e5; 
}

.PanelBorder
{
    display : block;
    width : 426px;
    padding : 5px 5px 5px 5px;
    border : solid 1px Gray; 
    font-size : 8pt; 
    margin : 0 0 30px 0;
}

.PanelBorder img
{
    float : left;
    display : block;
    width : 80px;
    margin : 0 5px 0 0;
}

.PanelBorder span.header
{   
    width : 330px;
    float : left;
    display : block;
    margin : 0 0 5px 0;
    padding : 0 0 0 5px;
    background-color : #e5e5e5;
    font-weight : bold;
}

.PanelBorder p.header
{   
    width : 340px;
    float : left;
    display : block;
    margin : 8px 0 2px 0;
    background-color : #e5e5e5;
}

.PanelBorder .subheader
{
    width : 335px;
    float : left;
    display : block;
    font-weight : bold;
    font-size : 8pt; 
    margin : 0 0 0 0;
}

.PanelBorder p
{
    font-size : 8pt;
    display : block;
    margin : 30px 0 10px 90px;
    padding : 0 0 0 0;
}

.PanelBorder p.header
{
    font-size : 8pt;
    font-weight : bold;
    display : block;
    margin : 0 0 0 0;
    padding : 0 0 0 0;
}

.PanelBorder p.sub
{
    font-size : 8pt;
    display : block;
    margin : 0 0 10px 90px;
    padding : 0 0 0 0;
}

/************** CONTENT RIGHT **************/
div.Content div.RightPanel
{
    width: 210px;
    float : left;
    display : block;
    background-color : #fff;
    margin : 0 0 0 0;
}

div.RightFreephone
{
    width: 210px;
    float : left;
    display : block;
    margin : 10px 0 0 0;
    padding : 0 0 0 0;
    background-color : #000;
}

div.Images
{
    width: 210px;
    float : left;
    display : block;
    margin : 1px 0 0 0;
    padding : 0 0 0 0;
    background-color : #fff;
}

div.Location
{
    width: 210px;
    float : left;
    display : block;
    margin : 5px 0 20px 0;
}

div.Location div.Image
{
    float : left;
    display : block;
    padding : 19px 0 15px 35px;
}

div.Location p.Header
{
    width: 210px;
    float : left;
    display : block;
    margin : 15px 0 5px 0;
    font-weight : bold;
    font-size : 10pt;
    text-align : center;
}

div.Location p
{
    width: 210px;
    float : left;
    display : block;
    margin : 0 0 5px 0;
    font-size : 8pt;
    text-align : center;
}

div.Location p.space
{
    margin : 20px 0 20px 0;
    font-weight : bold;
}


/************** RIGHT SQUARES **************/
div.Squares_Lines
{
    width: 210px;
    height : 490px;
    float : left;
    display : block;
    margin : 0 0 0 0;
    background-image : url(images/Squares.bg.Lines.gif);
    background-repeat : no-repeat;
}

div.Squares_Squares
{
    width: 210px;
    height : 350px;
    float : left;
    display : block;
    margin : 0 0 0 0;
    background-image : url(images/Squares.bg.squares350.gif);
    background-repeat : no-repeat;
}

div.Squares_Lines img, div.Squares_Squares img
{
    float : left;
    display : block;
    width : 35px;
    height : 35px;
}


/************** COLOUR SWATCHES **************/
div.Colours
{
    margin : 20px 0 0 0;
    width : 640px;
    float : left;
    display : block;
}

div.Colours div
{
    float : left;
    display : block;
    width : 160px;
    height : 120px;
    font-size : 10px;
    margin : 10px 0 0 0;
}

div.Colours div img
{
    width : 140px;
    height : 65px;
}

div.Colours div span.cd1
{
    background-color : #508d9f;
    padding : 1px 2px 1px 2px;
    margin : 0 2px 0 2px;
    color : #fff;
    font-size : 9px;
    width : 23px;
}

div.Colours div span.cd2
{
    background-color : #263166;
    padding : 1px 2px 1px 2px;
    margin : 0 2px 0 2px;
    color : #fff;
    font-size : 9px;
    width : 23px;
}



/************** BOTTOM NAV **************/
div.BottomNavStrip
{
    float : left;
    display : block;
    width : 870px;
    height : 20px;
    background-color : #bd2500;
    margin : 1px 0 1px 0;
    border-bottom : solid 1px #fff;
}

/************** FOOTER **************/
div.FooterOuter 
{
    margin : 0px auto 0px auto;
    width : 880px;
    height : 50px;
}

div.Footer2 
{
    float : left;
    display : block;
    background-image : url(images/footer.bkgd.gif);
    background-repeat : no-repeat;
    overflow : hidden;
    padding : 0 0 0 15px;
    width : 880px;
    height : 50px;
}

