/* ------ begin staffList css ------ */
.staffList{text-align:center}
.staffList ul{text-align:left; list-style:none; padding-bottom:20px}
.staffList li{display:inline; margin:8px 25px 8px 10px}

/* ------ gallery css ------ */
.gallery{margin:20px; border-top:1px solid #999}
.gallery h3{margin:10px}
.gallery .img{float:left; margin:10px; text-align:center}
.gallery .info{float:left; margin:10px}
.gallery .info p{font-size:.7em; margin:0}
.gallery .bio{clear: both; text-align:justify; margin:10px}

#staff-tabs{width:100%; text-align:center;}
#staff-tabs a{margin:0 10px;}

#staff-sections{float:none; clear:both;}
#staff-sections div{display:none; background:#EEE;}
#staff-sections div div{display:block;}

#make-label{background:#EFEFEF; text-align:center; padding:5px; float:none; clear:both;}

.makeList a{margin:0 10px;}
.makeList ul{margin:0; padding:0; text-align:center;}
.makeList li{margin:0 !important; padding:0; display:inline !important; float:none !important; clear:both !important;}

.employee hr{border:1px solid #CCC;}

.gallery h3{background:#CCC; padding:5px; margin:0;}
.divClear {
	clear:both;
}
.POPImage{
position:absolute;
z-index:1000;
}

#dynamicMakeListBackground{
background:transparent url(../images/load_graphic.png) top no-repeat;
min-height:50px;
min-width:100px;
}
.dynamicMakeList {
	width:95%;
	margin:0px auto;
	min-width:120px;
	max-width:800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
	color:#fff;
}
.dynamicMakeList .dynamicMakeListHeadLeft .dynamicMakeListHeadRight, .dynamicMakeList .dynamicMakeListFootLeft .dynamicMakeListHeadRight {
	font-size:1px; /* ensure minimum height */
	height:4px;
}
.dynamicMakeList .dynamicMakeListFootLeft .dynamicMakeListHeadRight {
	height:4px;
}
.dynamicMakeList .dynamicMakeListHeadLeft {
	background:transparent url(../images/make_left_top.png) no-repeat 0px 0px;
	margin-right:4px; /* space for right corner */
}
.dynamicMakeList .dynamicMakeListHeadLeft .dynamicMakeListHeadRight {
	background:transparent url(../images/make_right_top.png) no-repeat right 0px;
	margin-right:-4px; /* pull right corner back over "empty" space (from above margin) */
}
.dynamicMakeListULDiv {
	background:transparent url(../images/make_background.png) repeat-x 0px 0px;
	background-color:#bbbbbb;
	margin-right:0px;
}
.dynamicMakeList .dynamicMakeListFootLeft {
	background:transparent url(../images/make_left_bottom.png) no-repeat 0px 0px;
	margin-right:4px;
}
.dynamicMakeList .dynamicMakeListFootLeft .dynamicMakeListHeadRight {
	background:transparent url(../images/make_right_bottom.png) no-repeat right 0px;
	margin-right:-4px;
}
.divClear {
	clear:both;
}
.dynamicMakeUL li a {
	cursor:pointer;
	text-align:center;
	width:100px;
	height:50px;
  line-height:50px; 
  color:#000; 
	font-weight:bold; 
	float:left;
	vertical-align:middle;
}
.dynamicMakeUL li a img {
	border:none;
	cursor:pointer;
}
.dynamicMakeUL {
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	list-style:none;
	float:left;
}
.dynamicMakeUL .noSpacer{
  background-image:none;
	cursor:pointer;
	float:left;
	padding:5px 10px;
	text-align:center;
	height:50px;
	width:100px;
}
.dynamicMakeUL li{
	background:transparent url(../images/home-MakeList-spacer.gif) no-repeat scroll right center;
	cursor:pointer;
	float:left;
	padding:5px 10px;
	text-align:center;
	height:50px;
	width:100px;
}
.divClear {
	clear:both;
}
.POPImage{
position:absolute;
z-index:1000;
}