img { border: none; }

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next
{
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	text-indent: -8000px;
}

/* // image replacement */
/* Easy Slider */
#slider ul, #slider li,
	#slider2 ul, #slider2 li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider2 { margin-top: 1em; }

#slider li, #slider2 li
{
	/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
	width: 480px;
	height: 360px;
	overflow: hidden;
}

#prevBtn, #nextBtn,
	#slider1next, #slider1prev
{
	display: block;
	width: 30px;
	height: 77px;
	position: relative;
	left: -30px;
	top: 71px;
	z-index: 1000;
}

#nextBtn, #slider1next { left: 853px; }

#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a
{
	display: block;
	position: relative;
	width: 30px;
	height: 77px;
	background: url(http://www.surfrider-southbay.org/teach_test/images/btn_prev.gif) no-repeat 0 0;
}

#nextBtn a, #slider1next a { background: url(http://www.surfrider-southbay.org/teach_test/images/btn_next.gif) no-repeat 0 0; }


/* color: #5c7aa0; blue */
/* color: #6a8b64; green */

/* numeric controls */
ol#controls
{
	margin: 1em auto;
	padding: 0;
	height: 28px;
	width: 480px;
}

ol#controls li
{
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28px;
	line-height: 28px;
	width: 28px;
}

ol#controls li a
{
	float: left;
	height: 28px;
	line-height: 28px;
	border: 1px solid #ccc;
	background: #6a8b64; /* #999; */
	color: #000;
	padding: 0 10px;
	text-decoration: none;
	width: 28px;
}

ol#controls li.current a
{
	background: #5c7aa0; /* #333; */
	color: #fff;
}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline: none; }

/* // Easy Slider */