.grid3cola .column { width:282px; margin-left:2px; }
.grid3cola .column.first, .grid3cola .column.last { width:188px; }
.grid2col .column.first { width:220px; }
.grid2col .column.last { width:3000px; }



/***** sidebars *****/
#main .sidebox { padding:0 12px; margin:0 0 1em; font-size:11px; color:#76797c; line-height:1.3em; background:url(http://www.zainab.org/v5/images/sidebox_bgbottom20070618.gif) no-repeat 0 100%; }
#main .sidebox h2, #main .sidebox h2 a { display:block; height:25px; text-indent:-9999px; padding:0 12px; margin:0 -12px; background:no-repeat 0 0; }
#main .sidebox h2.alt, #main .sidebox h2.alt a { padding:.8em 12px; margin:0 -12px .8em; text-indent:0; font-size:11px; line-height:1.4em; font-weight:bold; background:url(http://www.zainab.org/v5/images/sidebox_bgtop_alt20070611.gif) no-repeat 0 0; }




/* #main #sidenav .drawer .drawercontent { height:39.2em; } */
#main #sidenav .drawer h3.drawerhandle,
#main #sidenav .drawer .drawercontent { display:none; }
#main #sidenav.hasjs .drawer h3.drawerhandle, #main #sidenav .drawer h3.drawerhandle.open, 
#main #sidenav.hasjs .drawer .drawercontent, #main #sidenav .drawer .drawercontent.open { display:block; width: 100%; }


#main h2#titleessentials { height:17px; padding:4px 12px; margin:-1px 0 0; color:#333; font-size:13px; font-weight:normal; text-indent:-99999px; background:url(http://www.zainab.org/v5/images/sidebox_bgtop.png) no-repeat 0 0; }
#essentials.sidebox { height: 368px; padding: 0 0; }
#essentials .drawers { margin: 0; padding: 0; position: relative; overflow: hidden; height: 100%; }
#essentials .drawers li { margin: 0; padding: 0; width: 188px; display: block; position: absolute; top: 0; z-index: 1; }
#essentials .drawers a.thumbnail { display: block; padding: 16px 0 0; text-decoration:none; text-align:center; background: url(http://www.zainab.org/v5/images/shingles_20070618.png) -188px 82% no-repeat; }
#essentials .drawers a.thumbnail img { margin-bottom: -10px; }
#essentials .drawers .handle { display: block;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; padding: 12px 15px 9px; height: 67px; margin-bottom: -6px; overflow: hidden; background: url(http://www.zainab.org/v5/images/shingles_20070618.png) -188px 100% no-repeat;}
#essentials .drawers .handle:hover { text-decoration: none; }
#essentials .drawers .handle strong { display: block;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; height: 18px; white-space: nowrap; overflow: hidden; }
#essentials .drawers .handle .description { color: #333;font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;height: 26px; overflow: hidden; line-height: 14px; }
#essentials .drawers .handle .more { display: block; float: left; color: #2970A6; padding-right: 20px; background:url(http://www.zainab.org/v5/images/shingles_arrow20070618.png) no-repeat right .1em; font-weight: bold;  _background-image:none; }
#essentials .drawers li.obscured .handle { background-position: 0 100%; }
#essentials .drawers li.obscured a.thumbnail { background-position: 0 82%; }
#essentials .drawers li.obscured .handle strong { color: #333; text-shadow: 0 0 0 #000; }
#essentials .drawers li.obscured .handle .description { color: #666; text-shadow: none; }
#essentials .drawers li.obscured .handle .more { color: #2970A6; background:url(images/shingles_arrow20070618.png) no-repeat right .1em; _background-image:none; }