/* Version 1.3 */



/* List Overrides */
/*Epp Leadership Slider Css Start*/



img {border:0; outline:0;}
div#scrollButtons div.minWidth {
	background:url(../grfx/bgSlider.gif) repeat-x #fff;
  height: 130px;
  width: 635px; 
  position:relative;
}

.titleHolder #scrollButtons ul {
  width: 9999px; float:left; margin:0; padding:0;
}

.titleHolder #scrollButtons li {
  margin:10px 0;
  padding:0 14px;
  display:block;
  height: 130px;
  width: 80px;
}

/*fot ie6*/
*html .titleHolder #scrollButtons ul {
  width: 9999px; float:left; margin:0; padding:0;
}

/*fot ie6*/
*html .titleHolder #scrollButtons li {
  margin:10px 0 0 0; 
  padding:0 15px;
  display:block;
  height: 130px;
  width: 80px;
}


html>body .titleHolder #scrollButtons ul {
  8width: 9999px; *float:left; *margin:0; *padding:0;
}

html>body .titleHolder #scrollButtons li { 
	*margin:10px 0 0 0; 
  *padding:0 10px;
  *display:block;
  *height: 130px;
  *width: 60px; }/* only for Ie7*/

p.name
	{
		font:bold 11px Arial, Helvetica, sans-serif;
		text-decoration:none; color:#00549f; 
		cursor:default; text-align:center; margin:0 0 0 -20px;
	}
p.position
	{
		font:bold 11px Arial, Helvetica, sans-serif;
		text-decoration:none; color:#00549f;
		cursor:default;
	}


.titleHolder {
	
	height: 130px;
/*	margin-top: -18px;*/
}
.titleHolder #scrollButtons {
	position: relative;
	width: 669px;
	margin: auto;
	cursor: default;
}
.titleHolder #scrollButtons img.scrollLeft,
.titleHolder #scrollButtons img.scrollRight {
	position: absolute;
	left: 0;
	top: 23px;
	width:17px; height:57px;
}
.titleHolder #scrollButtons img.scrollRight {
	left: auto;
	right: 0;

}
.titleHolder .minWidth {
	/* IE doesn't like the overflow without relative positioning */
	overflow: hidden;
	width: 635px;
	margin:auto;
	z-index:100;

	
}




.titleHolder ul {
	width: 635px; /* Needs to be in JS */
	padding: 0 0 0 0;
}
.titleHolder li {
	position: relative;
	float: left;
	margin: 0; 
}
/*Epp Leadership Slider Css End*/



/*Epp Heades of State and Gov. Slider Css Start*/

div#scrollButtons2 div.minWidth2 {
	background:url(../grfx/bgSlider.gif) repeat-x #fff;
  height: 130px;
  width: 635px;
  position:relative;
}

.titleHolder2 #scrollButtons2 ul {
  width: 9999px; float:left; margin:0; padding:0;
}

*html .titleHolder2 #scrollButtons2 ul {
  width: 9999px; float:left; margin:0; padding:0;
}
.titleHolder2 #scrollButtons2 li {
  margin:10px 0;
  padding:0 14px;
  display:block;
  height: 130px;
  width: 80px;
}

*html .titleHolder2 #scrollButtons2 li {
  margin:10px 0 0 0; 
  padding:0 15px;
  display:block;
  height: 130px;
  width: 80px;
}

html>body .titleHolder2 #scrollButtons2 ul {
  *width: 9999px; *float:left; *margin:0; *padding:0;
}

html>body .titleHolder2 #scrollButtons2 li { 
	*margin:10px 0 0 0; 
  *padding:0 10px;
  *display:block;
  *height: 130px;
  *width: 60px; }/* only for Ie7*/


.titleHolder2 {
	position: relative;
	height: 130px;
/*	margin-top: -18px;*/
}
.titleHolde1r2 #scrollButtons2 {
	position: relative;
	width: 635px;
	margin: auto;
	cursor: default;
}
.titleHolder2 #scrollButtons2 img.scrollLeft2,
.titleHolder2 #scrollButtons2 img.scrollRight2 {
	position:absolute;
	left: 0;
	top: 23px;
	width:17px; height:57px;
}
.titleHolder2 #scrollButtons2 img.scrollRight2 {
	left: auto;
	right: 0; 

}
.titleHolder2 .minWidth2 {
	/* IE doesn't like the overflow without relative positioning */
	overflow: hidden;
	width: 635px;
	margin:auto;
	position:relative;
}
.titleHolder2 ul {
	width: 669px; /* Needs to be in JS */
	padding: 0 0 0 0;
}
.titleHolder2 li {
	position: relative;
	float: left;
	margin: 0;
}

/*Epp Heades of State and Gov. Slider Css End*/





/*Epp Commissioner Slider Css Start*/

div#scrollButtons3 div.minWidth3 {
	background:url(../grfx/bgSlider.gif) repeat-x #fff;
  height: 130px;
  width: 635px;
  position:relative;
}

.titleHolder3 #scrollButtons3 ul {
  width: 9999px; float:left; margin:0; padding:0;
}


html>body .titleHolder3 #scrollButtons3 ul {
  *width: 9999px; *float:left; *margin:0; *padding:0;
}


*html .titleHolder3 #scrollButtons3 ul {
  width: 9999px; float:left; margin:0; padding:0;
}

.titleHolder3 #scrollButtons3 li {
  margin:10px 0;
  padding:0 14px;
  display:block;
  height: 130px;
  width: 80px;
}
 
*html .titleHolder3 #scrollButtons3 li {
  margin:10px 0 0 0; 
  padding:0 15px;
  display:block;
  height: 130px;
  width: 80px;
}

html>body .titleHolder3 #scrollButtons3 li { 
	*margin:10px 0 0 0; 
  *padding:0 10px;
  *display:block;
  *height: 130px;
  *width: 60px; }/* only for Ie7*/

.titleHolder3 {
	position: relative;
	height: 130px;
/*	margin-top: -18px;*/
}
.titleHolde1r3 #scrollButtons3 {
	position: relative;
	width: 635px;
	margin: auto;
	cursor: default;
}
.titleHolder3 #scrollButtons3 img.scrollLeft3,
.titleHolder3 #scrollButtons3 img.scrollRight3 {
	position:absolute;
	left: 0;
	top: 23px;
	width:17px; height:57px;
}
.titleHolder3 #scrollButtons3 img.scrollRight3 {
	left: auto;
	right: 0; 

}
.titleHolder3 .minWidth3 {
	/* IE doesn't like the overflow without relative positioning */
	overflow: hidden;
	width: 635px;
	margin:auto;
	position:relative;
}
.titleHolder3 ul {
	width: 635px; /* Needs to be in JS */
	padding: 0 0 0 0;
}
.titleHolder3 li {
	position: relative;
	float: left;
	margin: 0;
}

/*Epp Commissioner Slider Css End*/




