/* Scroller CSS this is for the vertical scroll windows. */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
	width: 10px;
	background-color: #ADE9FA;
}
.vscrollerbar {
	width: 10px;
	background-color: #0eb8eb;
}
.vscrollerbar {
	width: 10px;
	background-color: #0eb8eb;
	background-image: url(images/scroll.jpg);
	background-repeat: repeat-y;
}
.hscrollerbase {
	height: 10px;
	background-color: #ADE9FA;
}
.hscrollerbar {
	height: 10px;
	background-color: #0eb8eb;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

#text {
	margin: 20px;
}
#cont1 {
	/* height: 150px; This caused a problem if the text block became taller than the photo */
    clear: both;
	margin: 10px;
    padding: 0;
    border-top: 1px solid #E9E5E2;
}
#cont2 {
	height: 150px;
	margin: 10px;
}
.style5 {font-size: 12px}

.style6 {font-size: 12px}

#mycustomscroll {
	/* Typical fixed height and fixed width example */
width: 850px;
	height: 300px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
	margin: 10px;
	font-size: 12px;
}

#mycustomscroll2 {
	/* Typical fixed height and fixed width example */
width: 300px;
	height: 250px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
	background-color: #D5EADE;
	margin: 0.3em auto;
	padding: 15px;
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}
#cross1 {
	height: 4px;
	width: 4px;
	background-image: url(images/a11.jpg);
	background-repeat: no-repeat;
}
#cross2 {
	background-image: url(images/a5.jpg);
	background-repeat: repeat-x;
	height: 4px;
}
#cross3 {
	height: 4px;
	width: 4px;
	background-image: url(images/a1.jpg);
	background-repeat: no-repeat;
}
#cross4 {
	height: 4px;
	width: 4px;
	background-image: url(images/la11.jpg);
	background-repeat: no-repeat;
}
#cross5 {
	height: 4px;
	background-image: url(images/a4.jpg);
	background-repeat: repeat-x;
}
#cross7 {
	width: 4px;
	background-image: url(images/a22.jpg);
	height: 201px;
}
#cross8 {
	height: 201px;
	width: 4px;
	background-image: url(images/a2.jpg);
	background-repeat: repeat-y;
}
#cross6 {
	background-image: url(images/a3.jpg);
	background-repeat: no-repeat;
	height: 4px;
	width: 4px;
}