h1{
	margin-bottom:0.25em;
	border-bottom:1px solid #CCC;
}
/* download variable list*/
#varlist{
	margin:0 1em;
	padding:0 10px;
	float:right;
	display:inline;
	border:0;
	border-left:1px dotted #CCC;
	height:30em;
}
	#varlist ul{
		margin-bottom:4em;
	}
#catalogs li{
	margin:0.5em 0;
	padding:0;
	font-size:1.25em;
	list-style:url(/usgrid/imgs/icons/catalog_xsm.gif);
	vertical-align:middle;
}

/* download select w/ rounded corners*/
#choose-geo{
	margin:1em 0;
	padding:10px;
	border:0;
	width:auto;
	background:#ffd480 url("../imgs/downloads/rnd_bg.gif") bottom left repeat-x;
	float:left;
	display:block;
}
	#content #choose-geo:before{
		margin:-10px -10px 0 -10px;
		padding:0;
		border:0;
		height:10px;
		width:auto;
		display:block;
		background:transparent url("../imgs/downloads/rnd_tr.gif") no-repeat top right;
		content:url("../imgs/downloads/rnd_tl.gif");
	}
	/*#content #choose-geo:after{
		margin:0 -10px -10px -10px;
		padding:4px 0 0 0;
		border:0;
		height:6px;
		width:auto;
		display:block;
		background:transparent url("../imgs/downloads/rnd_br.gif") no-repeat bottom right;
		content:url("../imgs/downloads/rnd_bl.gif");
	}*/
/* state/county - metropolitan*/
#state, #metropolitan{
	margin:0.5em 0;
	padding:0;
	border:0;
	width:310px;
	display:block;
	height:auto;
}
	#state h2, #metropolitan h2{
		margin-top:0;
		font-size:2.2em;
	}
	#metropolitan{float:right; text-align:right}
	#state{float:left;}


/* for ff3, rule in icons.css not working? */
a.dwnld_l img{ float:left; padding-right:0.25em; }
a.dwnld_r img{ float:right; padding-left:0.25em; }