﻿/*

Listed in ALPHABETICAL ORDER

IN THIS ORDER FROM LEFT TO RIGHT:

- W=width - 99=99 pc=%/px=px/zz=Not Applicable
- H=height - 99=99 pc=%/px=px/zz=Not Applicable
- P=Possition - A=Absolute/zz=Not Applicable
- Z=Zindex - 9=9/zz=Not Applicable
- T=MarginTop - 99=99 pc=%/px=px/zz=Not Applicable
- B=MarginBottom - 99=99 pc=%/px=px/zz=Not Applicable
- L=MarginLeft - 99=99 pc=%/px=px/zz=Not Applicable
- R=MarginRight - 99=99 pc=%/px=px/zz=Not Applicable
- TA=TextAlign - L=Left/R=Right/C=Centre/zz=Not Applicable

All the defined CSS classes are repeated for IE down the bottom. DO NOT FORGET TO UPDATE THE BOTTOM SECTION ALSO!!!

*/

/* ************************************************************************************** */
/* ************************************************************************************** */
/* *****                                                                            ***** */
/* *****     This section is for IE only!!!                                         ***** */
/* *****     using the Slash/Star Star will be used for IE5 and all others IE   use ***** */
/* *****     matching parameter value without the Slash/Star Star                   ***** */
/* *****     Make sure the SLASH/STAR STAR is the last thing in each declaration    ***** */
/* *****                                                                            ***** */
/* ************************************************************************************** */
/* ************************************************************************************** */

.Div-W33pc-H80pc-PA-Z4-T50px-Bzz-L1px-Rzz-TAzz {
	width: 33%; 
	height:80%; 
	position: absolute; 
	z-index: 4; 
	top:50px; 
	left:1px;
	width/**/:/**/ 33%; 
	height/**/:/**/ 80%; 
}

.Div-W33pc-H80pc-PA-Z4-T50px-Bzz-L34pc-Rzz-TAzz {
	width: 33%; 
	height:80%; 
	position: absolute; 
	z-index: 4;
	top:50px;  
	left:34%;
	width/**/:/**/ 33%; 
	height/**/:/**/ 80%; 
}

.Div-W33pc-H80pc-PA-Z4-T50px-Bzz-L67pc-Rzz-TAzz {
	width: 33%; 
	height:80%; 
	position: absolute; 
	z-index: 4;
	top:50px;  
	left:67%;
	width/**/:/**/ 33%; 
	height/**/:/**/ 80%; 
}

.Div-W33pc-Hzz-PA-Z4-Tzz-Bzz-L0px-Rzz-TAzz {
	width: 33%; 
	position: absolute; 
	z-index: 4; 
	left:0px;
	width/**/:/**/ 33%; 
}

.Div-W33pc-Hzz-PA-Z4-Tzz-Bzz-L33pc-Rzz-TAzz {
	width: 33%; 
	position: absolute; 
	z-index: 4; 
	left:33%;
	width/**/:/**/ 33%; 
}


.Div-W33pc-Hzz-PA-Z4-Tzz-Bzz-L66pc-Rzz-TAzz {
	width: 33%; 
	position: absolute; 
	z-index: 4; 
	left:66%;
	width/**/:/**/ 33%; 
}

.Div-W100pc-H16px-PA-Z1-Tzz-B10px-Lzz-Rzz-TAC {
	width: 100%; 
	height: 16px;
	position: absolute; 
	z-index: 1; 
	bottom: 10px;
	text-align: center;
	width/**/:/**/ 100%; 
	height/**/:/**/ 16px;
}

.Div-W100pc-H80pc-PA-Z2-T50px-Bzz-L0px-Rzz-TAzz {
	width: 100%;
	height: 80%;
	position: absolute; 
	z-index: 2; 
	top: 50px;
	left: 0px;
	width/**/:/**/ 100%;
	height/**/:/**/ 80%;
}

.Div-W100pc-H95pc-PA-Z2-T5px-Bzz-L0px-Rzz-TAzz {
	width: 100%; 
	height: 95%; 
	position: absolute; 
	z-index: 2; 
	top: 5px; 
	left: 0px;
	width/**/:/**/ 100%; 
	height/**/:/**/ 95%; 
}

.Div-W100pc-Hzz-PA-Z3-T10px-Bzz-Lzz-Rzz-TAC {
	width: 100%;
	position: absolute; 
	z-index: 3; 
	top: 10px;
	text-align: center;
	width/**/:/**/ 100%;
}


/* ************************************************************************************** */
/* ************************************************************************************** */
/* *****                                                                            ***** */
/* *****     All other browsers do understand the following and becasue it is after ***** */
/* *****     the ones above, it will take the place for all but IE browsers.        ***** */
/* *****     IE browsers wll ignore all the declarations below.                     ***** */
/* *****                                                                            ***** */
/* ************************************************************************************** */
/* ************************************************************************************** */

html>body .Div-W33pc-H80pc-PA-Z4-T50px-Bzz-L1px-Rzz-TAzz {
	width: 33%; 
	height: 80%;	
	position: absolute; 
	z-index: 4; 
	top:50px; 
	left:1px;
}

html>body .Div-W33pc-H80pc-PA-Z4-T50px-Bzz-L34pc-Rzz-TAzz {
	width: 33%; 
	height: 80%;	
	position: absolute; 
	z-index: 4;
	top:50px;  
	left:34%;
}

html>body .Div-W33pc-H80pc-PA-Z4-T50px-Bzz-L67pc-Rzz-TAzz {
	width: 33%; 
	height: 80%;	
	position: absolute; 
	z-index: 4;
	top:50px;  
	left:67%;
}

html>body .Div-W33pc-Hzz-PA-Z4-Tzz-Bzz-L0px-Rzz-TAzz {
	width: 33%; 
	position: absolute; 
	z-index: 4; 
	left:0px;
}

html>body .Div-W33pc-Hzz-PA-Z4-Tzz-Bzz-L33pc-Rzz-TAzz {
	width: 33%; 
	position: absolute; 
	z-index: 4; 
	left:33%;
}

html>body .Div-W33pc-Hzz-PA-Z4-Tzz-Bzz-L66pc-Rzz-TAzz {
	width: 33%; 
	position: absolute; 
	z-index: 4; 
	left:66%;
}

html>body .Div-W100pc-H16px-PA-Z1-Tzz-B10px-Lzz-Rzz-TAC {
	width: 100%; 
	height: 16px;	
	position: absolute; 
	z-index: 1; 
	bottom: 10px;
	text-align: center;
}

html>body .Div-W100pc-H80pc-PA-Z2-T50px-Bzz-L0px-Rzz-TAzz {
	width: 100%;
	height: 80%; 
	position: absolute; 
	z-index: 2; 
	top: 50px;
	left: 0px;
}

html>body .Div-W100pc-H95pc-PA-Z2-T5px-Bzz-L0px-Rzz-TAzz {
	width: 100%; 
	height: 95%;	
	position: absolute; 
	z-index: 2; 
	top: 5px; 
	left: 0px;
}

html>body .Div-W100pc-Hzz-PA-Z3-T10px-Bzz-Lzz-Rzz-TAC {
	width: 100%; 
	position: absolute; 
	z-index: 3; 
	top: 10px;
	text-align: center;
}


