h3{
	width: 510px;
	height: 32px;
	background:url(../images/jpegs/selfsufficienybg.jpg) no-repeat;
	margin:0;
	padding:0;
	
}
.carotext2 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	color: #663300;
 }
a.carotext2:link, a.carotext2:visited, a.carotext2:active  {
	text-decoration: none;
	font-weight: bold;	
	color: #663300;
}
a.carotext2:hover {
	text-decoration: underline;
	font-weight: bold;	
	color: #000000;	
}
#jq_caro{
	clear:both;
}
#viewport{
	width: 503px; 	//width: 505px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
}



#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport li{
	width: 500px; 	//width: 503px;/* Defines the size of inner element */
	height: 50px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
		background:#E9D5AB;
	margin: 0 1px;
	padding: 10px;
	text-align:left;
	font: tahoma, arial, verdana, sans-serif;
	color: #663300;
	font-size:18px;
}

#viewport li img{
	width: 100px; 	/* Defines the size of inner element */
	height: 50px;
	float: left; /* Places list items side by side*/
	margin-right: 15px;
	border: 1px solid white;
}

/* Cosmetic */
#simplePrevious, #simpleNext{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;	
}