
#bigContainer {background:url(../../e21/images/bg.jpg) no-repeat; width:738px; padding:1px 0}

h1, h2 { display:none }

#eLeft {float:left; background:url(../../e21/images/hdr.gif) no-repeat; width:498px }
#eLeft #contents { margin:185px 0 0; width:498px; padding:1px 0;
	background:url(../../e21/images/stripes.gif) 0 96px no-repeat  }
#eLeft #contents .item { margin:0 54px 0 49px }
#eLeft #bottomCap { width:498px; height:13px; background:url(../../e21/images/bottomCap.gif) no-repeat }

.item .num { float:left; margin-left:10px; width:11px; height:26px; background-repeat:no-repeat; background-position:0 5px; text-indent:-2000em }
.item .num a { text-indent:-2000em; display:block; width:25px; height:26px }
.item .copy { float:left; width:345px; margin-bottom:12px }
.item .copy a { display:block; font-size:14px; line-height:15px; font-weight:bold; margin:0 0 0.3em; color:#983701 }
.item .jInfo {margin:-3px 0 5px 0; color:#888;}
.item .clearFloats { height:16px }	/* strange way to get space between items! */

.n { background-image:url(../../e21/images/n/bullet.gif) }


h1 {text-indent:-2000em; background:url(../../e21/images/banner-h1.gif) 0 15px no-repeat;
	width:365px; height:100px; margin:0 0 8px 32px; padding:0;}

/* right column */
#eRight {float:left;width:210px; margin:365px 0 0 21px; display:inline}

#adAC { background:url(../../e21/images/ad-ac.gif) no-repeat; width:210px; height:91px; margin-bottom:20px }
#adAC a { display:block; text-indent:-2000em; width:210px; height:91px }

#adRetr, #adRetr a { background:url(../../e21/images/ad-retr.gif) no-repeat; width:205px; height:86px }
#adRetr a { display:block; text-indent:-2000em }
#adRetr a:hover { background:url(../../e21/images/ad-retr-over.gif) 140px 77px no-repeat } 