/*NOTE: Check textScroll.js for style attributes as well
However, they must remain in that file for them to work*/
#textAndPhotoDiv
{
	width: inherit;
	margin: 0;
	padding: 0;
	height: 300px;
	position: relative;
	top: 7px;
	clear: left;
	font-family: Verdana;
	font-size: 70%;
	/*border: solid 1px red;*/
}

#leftColumnTextArea
{
	background-color: #FFFFFF;
	text-align: left;
	position: absolute;
	top: 5px;
	left: 35px;
}

#leftColumnTextArea p
{
	margin: 0;
	padding: 0;
	background-color: White;
}

#leftColumnScrollButtons
{
	padding: 0;
	margin: 0;
	position: absolute;
	top: 10px;
	left: 425px;
	height: 275px;
	width: 9px;
	/*border: solid 1px red;*/
}

#leftColumnScrollButtons img
{
	border: none;
	padding: 0;
	margin: 0;
}

#upArrowDiv, #downArrowDiv
{
	position: absolute;
	padding: 0;
	margin: 0;
	left: 0px;
	width: inherit;
	height: 5px;
	/*border: solid 1px black;*/
}

#upArrowDiv
{
	top: 0px;
}

#downArrowDiv
{
	top: 250px;
}

#mainImageDiv
{
	position: absolute;
	top: 10px;
	left: 470px;
	width: 265px;
	height: 265px;
	padding: 0;
	margin: 0;
	text-align: center;
	/*border: solid 1px red;*/
}

#mainImageDiv img
{
	border: 0;
	padding: 0;
	margin: 0;
}

#clickBelowTxt
{
	position: absolute;
	bottom: 103px;
	left: 35px;
	font-family: Verdana, Sans-Serif;
	font-size: 70%;
	font-weight: bold;
	color: #A3C26C;
}