html,body,div,h1,ul,li{
	margin: 0;
	padding: 0;
}

body{
	text-align: center;
}

#main{
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
}

#main li{
	float: left;
	width: 230px;
	margin: 5px;
	list-style: none;
}

#main li img{
	display: none;
	width: 230px;
	height: 310px;
}

#main ul:after{
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden; 
}

html,body,div,ul,li{
	margin: 0;
	padding: 0;
}


#sdgsslide{
        width: 100%;
        height: 300px;
        text-align: center;
        /* border: solid 1px yellow; */
}
#photoBox{
	width: 400px;
	margin-left: 200px;

}

#photolist{
	position: relative;
	z-index: 2;
	width: 400px;
}

#photolist li{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	list-style: none;
}

#control{
	position:relative;
	top: 131px;
        left: 0px;

	width: 500px;
	height: 38px;
	
}

#control ul{
	position: relative;
}

#control li{
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
}

#control #prev{
	left: -20px;
}

#control #next{
	left: 402px;
}

#control li a{
	cursor: pointer;
}