/*  *******************************
    Layout CSS Code

    *******************************  */
    
#Container
{
    /* CSS to centre website */ 
    width: 990px; 
    margin: 10px auto;
    background-color:#ffffff;
    padding:10px 4px 10px 4px;
    border:solid 1px #CCCCCC;
    /*
    position: absolute;
    top: 0px; left: 0px; width:960px; right:auto;
    */

    
    text-align: left;
    

	
    
    /*
    width: 960px; 
    height:1000px;*/
    
    /*
    Increase line height for readability.
    */    
    line-height: 100%;
     /*border-bottom: 5px solid #fff;*/ 
    
    
}

body 
{
	font-family: Corbel, Arial, Verdana, "trebuchet MS", Helvetica, sans-serif;
	
	/*
    The base font size of the TT is 10px, which means 1em is 10px, 
    1.2em is 12px and so on.

    The ems for the screen are actually multipliers of the document’s
     base font size. The good practice is to set document’s font size
     to 10px (or if you want it to be resizable by the Internet
     Explorer users, set it to 62.5%).
    */
	font-size:62.5%;
	background-color:#E0E0E0 ;
	
	/* IE Hack to centre website */
	text-align: center;
	
	margin: 0;
    padding: 0;
    width: 100%; 
}




/* 3 column layout equal width */
.ContentLeft222
{
    float: left;
    /*width: 266px;*/   
    width:33%;
}

.ContentRight222
{
    float: right;
    /*margin-right: 2px;  
    width: 266px;*/  
    width: 33%;
}

.ContentCentre222
{
    /* margin-left: 266px;  
    width: 266px; */
    margin-left: 33%;  
    width: 33%;
}

/* 4 11 5 column layout equal width */
.ContentLeft4511
{
    float: left;
    /*width: 266px;*/   
    width:20%;
}

.ContentRight4511
{
    float: right;
    /*margin-right: 2px;  
    width: 266px;*/  
    width: 25%;
}

.ContentCentre4511
{
    /* margin-left: 266px;  
    width: 266px; */
    margin-left: 20%;  
    width: 55%;
}



/* 232 column layout equal width */
.ContentLeft232
{
    float: left;
    /*width: 266px;*/   
    width:25%;
}

.ContentRight232
{
    float: right;
    /*margin-right: 2px;  
    width: 266px;*/  
    width: 25%;
}

.ContentCentre232
{
    /* margin-left: 266px;  
    width: 266px; */
    margin-left: 25%;  
    width: 50%;
}

/* 252 column layout equal width */
.ContentLeft262
{
    float: left;
    /*width: 266px;*/   
    width:20%;
}

.ContentRight262
{
    float: right;
    /*margin-right: 2px;  
    width: 266px;*/  
    width: 20%;
}

.ContentCentre262
{
    /* margin-left: 266px;  
    width: 266px; */
    margin-left: 20%;  
    width: 60%;
}

/* 212 column layout equal width */
.ContentLeft212
{
    float: left;
    /*width: 266px;*/   
    width:40%;
}

.ContentRight212
{
    float: right;
    /*margin-right: 2px;  
    width: 266px;*/  
    width: 40%;
}

.ContentCentre212
{
    /* margin-left: 266px;  
    width: 266px; */
    margin-left: 40%;  
    width: 20%;
}

/* 232 column layout equal width */
.ContentLeft253
{
    float: left;
    /*width: 266px;*/   
    width:20%;
}

.ContentRight253
{
    float: right;
    /*margin-right: 2px;  
    width: 266px;*/  
    width: 28%;
}

.ContentCentre253
{
    /* margin-left: 266px;  
    width: 266px; */
    margin-left: 20%;  
    width: 52%;
}

/* 232 column layout equal width */
.ContentLeft352
{
    float: left;
    /*width: 266px;*/   
    width:33%;
}

.ContentRight352
{
    float: right;
    /*margin-right: 2px;  
    width: 266px;*/  
    width: 25%;
}

.ContentCentre352
{
    /* margin-left: 266px;  
    width: 266px; */
    margin-left: 33%;  
    width: 42%;
}



/* 2 column layout 4:2 width */
.ContentLeft42
{
    float: left;
    width:67%
    /*width: 532px;*/

}

.ContentRight42
{
    /*margin-left: 532px; */
    margin-left: 67%; 
    
    /* Removed for IE Hack 
    width: 266px;  */
}

/* 2 column layout 3:2 width */
.ContentLeft32
{
    float: left;
    width:58%
}

.ContentRight32
{
    margin-left: 60%;
    width:40% 
}

/* 2 column layout 7:3 width */
.ContentLeft73
{
    float: left;
    width:65%
}

.ContentRight73
{
    margin-left: 65%;
    width:35% 
}

/* 2 column layout 2:4 width */
.ContentLeft24
{
    float: left;
    /*width: 266px;   */
    width:33%
}

.ContentRight24
{
    margin-left: 33%;
    width: 67%;
    /*margin-left: 266px; 
    width: 532px;*/
}

/* 2 column layout 2:5 width */
.ContentLeft25
{
    float: left;
    /*width: 266px;   */
    width:24%
}

.ContentRight25
{
    margin-left: 25%;
    width: 75%;
    /*margin-left: 266px; 
    width: 532px;*/
}

/* 2 column layout 5:2 width */
.ContentLeft52
{
    float: left;
    width:75%
}

.ContentRight52
{
    margin-left: 75%;
    width: 25%;
}


/* 2 column layout 3:8 width */
.ContentLeft38
{
    float: left;
    /*width: 216px;   */
    width: 27%;
}

.ContentRight38
{
    /*margin-left: 220px; 
    width: 580px;*/
    margin-left: 27%; 
    width:73%;
}

/* 2 column layout 3:8 width */
.ContentLeft83
{
    float: left;
    /*width: 216px;   */
    width: 70%;
}

.ContentRight83
{
    /*margin-left: 220px; 
    width: 580px;*/
    margin-left: 70%; 
    width:30%;
}

/* 3 column layout 1:4:1 width */
.ContentLeft141
{
    float: left;
    width: 133px;     
}

.ContentRight141
{
    float: right;
    margin-right: 2px; 
    width: 133px;      
}

.ContentCentre141
{
    margin-left: 133px; 
    width: 532px;          
}

/* 3 column layout 1:1:4 width */
.ContentLeft114
{
    float: left;
    width: 133px;     
}

.ContentRight114
{
    float: right;
    margin-right: 2px; 
    width: 532px;      
}

.ContentCentre114
{
    margin-left: 133px; 
    width: 133px;          
}

/* 3 column layout 4:1:1 width */
.ContentLeft411
{
    float: left;
    width: 532px;    
}

.ContentRight411
{
    float: right;
    margin-right: 2px;
    width: 133px;     
}

.ContentCentre411
{
    margin-left: 532px; 
    width: 133px;          
}

/* 3 column layout 1:3:2 width */
.ContentLeft132
{
    float: left;
    width: 133px;    
}

.ContentRight132
{
    float: right;
    margin-right: 2px; 
    width: 266px;     
}

.ContentCentre132
{
    margin-left: 133px; 
    width: 399px;          
}

/* 3 column layout 1:3:2 width */
.ContentLeft123
{
    float: left;
    width: 133px;    
}

.ContentRight123
{
    float: right;
    margin-right: 2px; 
    width: 399px;     
}

.ContentCentre123
{
    margin-left: 133px; 
    width: 266px;         
}

/* 3 column layout 3:2:1 width */
.ContentLeft321
{
    float: left;
    width: 399px;     
}

.ContentRight321
{
    float: right;
    margin-right: 2px; 
    width: 133px;      
}

.ContentCentre321
{
    margin-left: 399px; 
    width: 266px;          
}

/* 3 column layout 3:1:2 width */
.ContentLeft312
{
    float: left;
    width: 399px;    
}

.ContentRight312
{
    float: right;
    margin-right: 2px; 
    width: 266px;      
}

.ContentCentre312
{
    margin-left: 399px; 
    width: 133px;          
}

/* 3 column layout 2:1:3 width */
.ContentLeft8710
{
    float: left;
    width: 30%;   
}

.ContentRight8710
{
    float: right;
    
    width: 40%;    
}

.ContentCentre8710
{
    margin-left: 30%; 
    width: 30%;         
}

/* 3 column layout 2:3:1 width */
.ContentLeft231
{
    float: left;
    width: 266px;     
}

.ContentRight231
{
    float: right;
    margin-right: 2px; 
    width: 133px;      
}

.ContentCentre231
{
    margin-left: 266px; 
    width: 399px;        
}

/* 3 column layout 2:3:3 width */
.ContentLeft233
{
    float: left;
    width: 200px;  
    
}

.ContentRight233
{
    float: right;
    width: 300px; 
    
}

.ContentCentre233
{
    margin-left: 200px; 
    width: 300px;     
    
}

/* 3 column layout 1:3:1 width */
.ContentLeft131
{
    float: left;
    width: 160px;     
}

.ContentRight131
{
    float: right;
    width: 160px;      
}

.ContentCentre131
{
    margin-left: 160px; 
    width: 478px;          
}

/* 3 column layout 3:6:2 width */
.ContentLeft362
{
    float: left;
    /*width: 216px;     */
    width:27%;
}

.ContentRight362
{
    float: right;
    /*width: 146px;  */
    width:19%;    
}

.ContentCentre362
{
    margin-left: 216px; 
    width:54%;
    /*width: 438px;   */       
}

.ContentCentreL3332
{
    margin-left: 216px; 
    width: 219px;
}

.ContentCentreR3332
{
    margin-left: 446px; 
    width: 219px;  
    margin-top:-660px;  
    
}



/* 2 column layout 1:5 width */
.ContentLeft15
{
    width: 22%; 
    float: Left;  
}

.ContentRight15
{
    width: 83%;
    margin-left:22%; 
}

/* 2 column layout 5:1 width */
.ContentLeft51
{
    width: 665px; 
    float: Left;  
}

.ContentRight51
{
    width: 133px;
    margin-left:665px; 
}

/* 2 column layout 3:3 width */
.ContentLeft33
{
    /*width: 399px; */
    width:50%;
    float: Left;  
}

.ContentRight33
{
    width:50%;
    margin-left:50%;
    /*width: 399px;
    margin-left:399px; */
}



/* 2 column layout 3:3 width */
.ContentLeft64
{
    /*width: 399px; */
    width:60%;
    float: Left;  
}

.ContentRight64
{
    width:40%;
    margin-left:60%;
    /*width: 399px;
    margin-left:399px; */
}


/* 2 column layout 2:6 width */
.ContentLeft26
{
    float: left;
    width:25%  
}

.ContentRight26
{
    margin-left: 25%;
    width: 75%;  
}

/* 2 column layout 1:4 width */
.ContentLeft14
{
    float: left;
    width:20%  
}

.ContentRight14
{
    margin-left: 20%;
    width: 80%;  
}

/* 1 column layout 6 width */
.Content6
{
    /*width: 798px;
    height:45px;*/
    width:100%;
    clear:both
}

/* 3 column layout equal width */
.ContentLeft2222
{
    float: left;
    /*width: 266px;*/   
    width:24%;
}

.ContentRight2222
{
    float: right;
    /*margin-right: 2px;  
    width: 266px;*/  
    width: 24%;
}
.ContentLeftCentre2222
{
    /* margin-left: 266px;  
    width: 266px; */
    float: left; 
    width: 24%;
}

.ContentRightCentre2222
{
    /* margin-left: 266px;  
    width: 266px; */
    float: left;
    width: 24%;
}


.ContentLayer
{
    clear:both;
    padding:10px 0 0 0;
    margin-top:10px;
    background-color:Transparent; 
}




*
{
    /*
    Use the universal selector to remove all
    padding/margins from HTML element by default.
    */    
    padding: 0px;
	margin:0px;
}

ul
{
    /*
    Remove all bullets from ul element by default.
    */    
    list-style:none;
}

li
{
    /*
    Remove all underlines from li elements by default.
    */    
    text-decoration:none;
}

a
{
    /*
    Remove all underlines from a elements by default.
    */  
    text-decoration: none;
}

img
{
    border-style: none;
}