td{ border:0px solid #FF0077;  vertical-align: top; }
html, body, div{border-width:0px; width:100%; padding:0px; margin:0px;}
table {border 0px solid #008800; } 
#wrapper{width:1000px;display:table;height:100%;}
img{padding:0px; margin:0px;}
/* 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 */
#c_8to14 #p_8, #c_8to14 #p_9, #c_8to14 #p8or9{ width:132px; }
#c_8to14 #p_10_11_12{ width:642px;}
#c_8to14 #p_13, #c_8to14 #p_14, #c_8to14 #p13or14{ width:227px;}

#c_8to12_13or14 #p_8, #c_8to12_13or14 #p_9{width:132px;}
#c_8to12_13or14 $p_10_11_12{width:642px}
#c_8to12_13or14 #p_13or14{width:227px}

#c_8to12 #p_8, #c_8to12 #p_9{width:132px;}
#c_8to12 #p_10_11_12{width:774px;}

#c_8or9_10to14 #p_8or9 {width:132px;}
#c_8or9_10to14 #p_10_11_12 {width:642px;}
#c_8or9_10to14 #p_13, #c_8or9_10to14 #p_14{width:227px}

#c_10to14 #p_10_11_12{width:774px;}
#c_10to14 #p_13, #c_10to14 #p_14 {width:227px;}

#c_8or9_10to12_13or14 #p_8or9{width:132px;}
#c_8or9_10to12_13or14 #p_10_12{ width:642px;}
#c_8or9_10to12_13or14 #p_13or14{width:227px;}

#c_8or9_10to12 #p_8or9{width:132px;}
#c_8or9_10to12 #p_10_12{width:774px;}

#c_10to12_13or4 #p_10_12{width:774px;}
#c_10to12_13or4 #p_13or14{width:227px;}/**/

#c_10to12 #p_10_11_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%; }

/********************************/
#c_8or9_10to12_13or14 #p_8or9{width:135px;}
#c_8or9_10to12_13or14 #p_10_12{width:720px}
#c_8or9_10to12_13or14 #p_13or14{width:146px;}