td{ border:0px solid #FF0077;  vertical-align: top; }
html, body{border-width:0px; width:100%; padding:0px; margin:0px;}
table {border 0px solid #008800; } 
#wrapper{width:1000px;display:table;height:100%;}
/* 0 1 */
#p_0{width:50%;}
#p_1{width:50%;}
#p_0or1{width:100%;}
/* 2 3 4 5 */
#c_23_4or5 #p_2 {width:33%;}
#c_23_4or5 #p_3 {width:33%;}
#c_23_4or5 #c_4or5 {width:34%;}
#c_23_4or5 #c_4or5 #p_4{width:100%;}
#c_23_4or5 #c_4or5 #p_5{width:100%;}

#c_2or3_4to5 #p_2or3 {width:66%;}
#c_2or3_4to5 #c_4to5 {width:34%;}
#c_2or3_4to5 #c_4to5 #p_4{width:100%;}
#c_2or3_4to5 #c_4to5 #p_5{width:100%;}

#c_2to3 #p_2 {width:33%;}
#c_2to3 #p_3 {width:67%;}
#c_2to3 #p_2or3{width:100%;}
/* 6 7 */
#p_6{width:50%;}
#p_7{width:50%;}
#p_6or7{width:100%;}


/* 8 9 10 11 12 13 14 */ 
/* L M R*/
#c_8to14 {width:1000px;}
#c_8to14 #c_8and_9 #p_8,
#c_8to14 #c_8and_9 #p_9 { width:150px; }
#c_8to14 #c_10_11_12 #p_10,
#c_8to14 #c_10_11_12 #p_11,
#c_8to14 #c_10_11_12 #p_12{width:700px;}
#c_8to14 #c_13and_14 #p_13,
#c_8to14 #c_13and_14 #p_14{width:150px;}

/* L M */
#c_8to12  {width:1000px;}
#c_8to12 #c_8and_9 #p_8,
#c_8to12 #c_8and_9 #p_9{width:150px; }
#c_8to12 #c_10_11_12 #p_10,
#c_8to12 #c_10_11_12 #p_11,
#c_8to12 #c_10_11_12 #p_12{width:850px;}

/* M R*/
#c_10to14 {width:1000px;}
#c_10to14 #c_10_11_12 #p_10,           
#c_10to14 #c_10_11_12 #p_11,           
#c_10to14 #c_10_11_12 #p_12{width:850px;} 
#c_10to14 #c_13and_14 #p_13,          
#c_10to14 #c_13and_14 #p_14{width:150px;}

/* M */
#c_10to12 #c_10_11_12 #p_10,           
#c_10to12 #c_10_11_12 #p_11,           
#c_10to12 #c_10_11_12 #p_12{width:1000px;} 


/* * /
.top_top        {background:#FF0000; width:100%;}
.top_middle     {background:#FF7800; width:100%;}
.top_bottom     {background:#00FF00; width:100%;}
.middle         {background:#987887; width:100%;}
.middle_left    {background:#665544; width:100%;}
.middle_center  {background:#112233; width:100%;}
.middle_right   {background:#887799; width:100%;}
.bottom_top     {background:#FFFF00; width:100%;}
.bottom_bottom  {background:#875621; width:100%;}
/* */

.c_8or9_10to12{height:100%; }

/*
left middle  right 
195  758     47
     953     47
195  805
*/