#collumns {width:100%; height:400px; background:#fff; z-index:160; position:relative;
}

#left1, #left2, #left3, #left4 {position:absolute; margin: 0px 0px 0px 0px;  width:25%; height: 100%; font: normal 14px/14px 'Ubuntu', arial, sans-serif; z-index:100; overflow:auto;
border:1px solid #ddd;}

* html #left1, * html #left2, * html  #left3, * html  #left4 {height:100%; top:0; bottom:0; 
 }
#left1 {left:0; background:rgb(226,248,233);}
#left2 {left:25%; background:rgb(210,229,254);}
#left3 {left:50%; background:rgb(246,245,218);}
#left4 {left:75%; background:rgb(223,191,196);}

.inner {display:block; padding:0 0px 0px 0px;}
.bold {font-size:1.2em; font-weight:bold;}

.inner ul.column {position:relative; text-indent:-10px;  font-weight:bold; color:#444; left:0px; top:0; z-index:100; overflow:hidden; }
.inner li.column {font: normal 14px/14px 'Ubuntu', arial, sans-serif; text-indent:0px; font-style:normal; color:#333; text-align:left; list-style-type: square;}

.inner h3.column {padding:0px 0 0px 10px; margin:0; font: normal 18px/22px 'Ubuntu', arial, sans-serif; color:#366; font-weight:bold;}
.column {line-height:1.0em; margin: 5px 0px 0px 0px;}

.inner p.column a {font: normal 14px/14px 'Ubuntu', arial, sans-serif; margin: 0 0; text-align:left; text-decoration:none;}
.inner p.column a:hover {line-height:1.0em; margin: 0 0; text-align:left; text-decoration:none;}