/* Version 1.3 */

html {
	overflow-y: scroll;
}

/* List Overrides */
.copy ul li {
	list-style: circle;
}
ul.articleListing li,
ul.articleNav li,

form ul li {
	margin-left: 0!important;
	list-style: none!important;
}

.minWidth
{
	width: 780px;
	margin: auto;
}

#titleHolder {
	position: relative;
	height: 1%;
	margin-top: -18px;
	width:920px;
}
#titleHolder #scrollButtons {
	position: relative;
	width: 820px;
	margin: auto;
	cursor: default;
	display:inline;
	
}
#titleHolder #scrollButtons img.scrollLeft,
#titleHolder #scrollButtons img.scrollRight {
	position: absolute;
	left: 0;
	top: 70px;
}
#titleHolder #scrollButtons img.scrollRight {
	left: auto;
	right: 0;
}
#titleHolder .minWidth {
	position: relative; /* IE doesn't like the overflow without relative positioning */
	overflow: hidden;
	width: 600px;
}
#titleHolder ul {
	width: 2000px; /* Needs to be in JS */
	padding: 12px 0 6px 0;
}
#titleHolder li {
	position: relative;
	float: left;
	margin: 18px;
}
#titleHolder li img {
	margin: 0;
}
#titleHolder li.selected em {
	position: absolute;
	bottom: -7px;
	left: -30px;
	width: 130px;
	height: 90px;
}
#titleHolder li.selected img {
	position: relative;
	z-index: 2;
}
#titleHolder li.new a em {
	position: absolute;
	bottom: auto;
	left: auto;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	z-index: 2;
}
div#scrollButtons div.minWidth {
  height: auto;
  width: 655px;
}

#titleHolder #scrollButtons ul {
  width: 9999px;
}

#titleHolder #scrollButtons li {
  margin: 0;
  padding: 5px;
  display:block;
  height: 120px;
  width: 120px;
}

#titleHolder #scrollButtons li.selected em.selected {
  width: 148px;
   display:inline;

}
html, img, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
#titleHolder li img {
	border: 1px solid #000000;
}

.scrollLeft,
.scrollRight {
	opacity: .85;
}
.scrollLeft:hover,
.scrollRight:hover,
.scrollLeft:focus,
.scrollRight:focus {
	opacity: 1;
}