/* 
	ACM CSS
	
	Left hand quick links column

	Applied after acm.css

*/

/* Place content to right of left hand quick links column */
#content {
	width: 407px;
	margin: 0 0 10px 380px;
}

/* Left hand quick links */
div#lhql {
	position: absolute;
	width: 194px;
	height: 300px;
	top: 76px;
	left: 186px;
	background: 192px 0 url(../images-design/lhql-bg.gif) repeat-y;
}
html>body div#lhql {
  height: auto; 
  min-height: 300px;
  margin: 0; border: 0; padding: 0;
}

div#lhql p {
	text-align: left;
	font-size: 10px; 
	line-height: 10px;
	color: #666666;
	margin: 0;
	border: 0;
	padding: 5px;
}

div#lhql p a {
	color: #666666;
	font-weight: normal;
}
div#lhql p a:hover {color: #9A6600;}

div#lhql div.hd { /* Psuedo lhql heading */
	width: 190px; 
	height: 18px;
	background: 0 0 url(../images-design/lhql-hd-bg.jpg) no-repeat;
}

div#lhql div.hd p {
	font-size: 12px; 
	line-height: 16px;
	font-weight: bold;
	color: #FFFFFE; /* Off white so browsers don't think it's white on white as they can't see the background image */
	margin: 0 0 0 24px;
	border: 0; padding: 0;
}