﻿html,
body,
form 
{
   margin:0;
   padding:0;
   height:100%;
   width:100%;
   background:#545454;
   
   font-family: Trebuchet MS;
   font-size:11pt;
}

.page
{
    margin:0 auto;
    width:1100px;			/* width of whole page */
    min-height:100%;        /* height of whole page */ 
    position:relative;	    /* This fixes the IE7 overflow hidden bug */
    overflow:hidden;		/* This chops off any overhanging divs */
    clear:both;
    height:auto;            
}

.header
{
    width:1100px;
    height:160px;
    position:absolute;
    left:877px;
    float:right;
    background:#FFFFFF;
}

.footer
{
    width:100%;
    height:40px;
    position:absolute;
    bottom:0;
    left:877px;
    float:right;
    background: #FFFFFF;
}

.rightColumnContainer,
.middleColumnContainer,
.leftColumnContainer 
{
	width:1100px;			/* width of page */
	position:relative;
	float:left;
}

.centerColumn,
.leftColumn,
.rightColumn 
{
    padding:160px 0 40px 0;	/* no left and right padding on columns, padding-top is the height of the header padding-bottom is the height of the footer*/
	float:left;
	position:relative;
}

/* 3 Column settings */
.rightColumnContainer 
{
	background: white url('../Images/Layout/content_right_tile.png') repeat-y right;
}
.rightColumnContainer .middleColumnContainer 
{
	right:200px;			/* width of the right column */
	background:#FFFFFF;	/* center column background colour */
}
.rightColumnContainer .leftColumnContainer 
{
	right:677px;			/* width of the middle column */
	background: url('../Images/Layout/content_left_tile.png') repeat-y right;
}
.rightColumnContainer .centerColumn 
{
	width:677px;			/* width of center column content (column width minus padding on either side) */
	left:1100px;			/* 100% plus left padding of center column */
}
.rightColumnContainer .leftColumn 
{
	width:223px;			/* Width of left column content (column width minus padding on either side) */
	left:200px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.rightColumnContainer .rightColumn 
{
	width:200px;			/* Width of right column content (column width minus padding on either side) */
    left:877px;			/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/**/

.logo
{
    float:left;
    width:234px;
    height:160px;
    background: url('../Images/Layout/logo.png');
}

.logo_eng
{
    float:left;
    width:234px;
    height:160px;
    background: url('../Images/Layout/logo_eng.png');
}

.headerImage
{
    float:left;
    width:650px;
    height:160px;
    background: url('../Images/Layout/header.png');
}

.headerImage_eng
{
    float:left;
    width:650px;
    height:160px;
    background: url('../Images/Layout/header_eng.png');
}

.languageMenuContainer
{
    margin: 0 0 0 2px;
    float:left;
    width:214px;
    height:160px;
    background: url('../Images/Layout/language.png');
}

.centerBottomLeft,
.centerBottomRight,
.centerBottom
{
    float:left;
    height:12px;
}

.centerBottomLeft
{
    width:223px;
    background: url('../Images/Layout/content_left_bottom.png');
}

.centerBottomRight
{
    width:230px;
    background: url('../Images/Layout/content_right_bottom.png');
}

.centerBottom
{
    width:547px;
    background: url('../Images/Layout/content_bottom.png');
}

.copyright
{
    float:right;
    margin: 0 220px 0 0;
    color:#999999;
}