/* STYLES FOR VISIONS */

.visionsSection {
	width: 856px;
	position: relative;
	background: url(/images/visions/visionsBackground.jpg) right 40px no-repeat;
	}

.visionsSection .visions {
	width: 650px;
	position: relative;
	z-index: 100;
	}
	
.visionsSection .visions .visionsHeader {
	height: 35px;
	position: relative;
	}
	
.visionsSection .visions .visionsHeader h3 {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	}
	
.visionsSection .visions .visionsHeader ul.pager {
	list-style-type: none;
	height: 35px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
	}
	
.visionsSection .visions .visionsHeader ul.pager li {
	display: block;
	float: left;
	width: 18px;
	height: 25px;
	margin: 0 0 0 2px;
	}
	
.visionsSection .visions .visionsHeader ul.pager li a {
	width: 18px;
	height: 24px;
	padding: 1px 0 0 0px;
	display: block;
	text-align: center;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-image: url(/images/pager/pagerBackground.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
.visionsSection .visions .visionsHeader ul.pager li.activePage a, 
.visionsSection .visions .visionsHeader ul.pager li a:hover {
	background-position: left -25px;
	text-decoration: none;
	}
	
.visionsSection .visions .visionsContent {
	background: url(/images/dottedLine.gif) left top repeat-x;
	margin: 0 0 25px 0;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent {
	background: url(/images/dottedLineVertical.gif) right top repeat-y;
	height: 375px;
	position: relative;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent .scrollableContent {
	width: 610px;
	position: absolute;
	top: 15px;
	left: 0px;
	overflow: hidden;
	clip: rect(0px, 610px, 365px, 0px);
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent .showScrollButtons {
	position: absolute;
	width: 17px;
	right: 15px;
	top: 15px;
	height: 365px;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent .showScrollButtons a {
	display: block;
	width: 17px;
	height: 17px;
	text-indent: -19999px;
	position: absolute;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent .showScrollButtons a:focus {
	outline: none;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent .showScrollButtons a.scrollUp {
	background: url(/images/buttons/scrollUp.gif) 0 0 no-repeat;
	top: 0px;
	left: 0px;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent .showScrollButtons a.scrollDown {
	bottom: 0px;
	left: 0px;
	background: url(/images/buttons/scrollDown.gif) 0 0 no-repeat;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent .showScrollButtons a:hover {
	background-position: left top;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent #track {
	position: absolute;
	left: 1px;
	top: 17px;
	width: 15px;
	height: 331px;
	background: #E5E4E4;
}

.visionsSection .visions .visionsContent .visionsInnerContent #handle {
	position: absolute;
	left: 0;
	top: 0;
	width: 15px;
	height: 15px;
	background: #CFCFCF;
}
	
.visionsSection .visions .visionsContent .visionsInnerContent ul.visionsList {
	display: block;
	width: 610px;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent ul.visionsList li {
	display: block;
	width: 610px;
	overflow: hidden;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	background: url(/images/dottedLine.gif) left bottom repeat-x;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent ul.visionsList li .visionsListContent {
	width: 400px;
	padding: 0 10px 0 0;
	float: left;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent ul.visionsList li .visionsListImage {
	width: 200px;
	float: left;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent ul.visionsList li h4 {
	font-size: 13px;
	font-weight: bold;
	color: #0086c4;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent ul.visionsList li h5 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #000000;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent ul.visionsList li h5 a {
	color: #000000;
	text-decoration: underline;
	}
	
.visionsSection .visions .visionsContent .visionsInnerContent ul.visionsList li p {
	font-size: 13px;
	line-height: 15px;
	}