/* position and dimensions of the navigator */
.navi {
	margin-left:400px;	
	width:200px;
	height:20px;
	
	/* my custom */	
	float: right;
	width:auto;
	margin:0;/**/
}
/*page specific*/
#homeDontMissMid .navi {
	margin-right: 20px;
}
#booksDontMissMid .navi {
	margin-right: 20px;
	
}

/* items inside navigator */
.navi a {
	width:7px;
	height:7px;/**/
	float:left;
	margin:3px;
	background: transparent url(../images/navigatorHistoryScroller.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	cursor:pointer;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -7px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -14px;     
}


/*** Education Feature Begins ***/

#theEducationFeatureNavContainer {
	background-color: #3a3a3a;
	/*margin: 268px 0 0 3px;*/
	top: 258px;
	left: 1px;
	opacity: 0.4;
	filter:alpha(opacity=40);
	position: relative;
	height: 35px;
	width: 804px;
}
#theEducationFeatureNav {
	margin: -32px 0 0 21px;
	position: relative;
	display: block;
	clear: both;
	height: 20px;
	top: 261px;
}

/* position and dimensions of the navigator */
#theEducationFeatureNav .navi {
	height:20px;
	display: inline;
	float: left;	
	cursor:pointer;
}


/* items inside navigator */
#theEducationFeatureNav .navi a {
	width: 16px;
	height: 15px;
	float:left;
	margin:3px;
	background: url(../images/navigationEducationScroller.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	cursor:pointer;
}

/* mouseover state */
#theEducationFeatureNav .navi a:hover {
	background-position:0 -16px;      
}

/* active state (current page state) */
#theEducationFeatureNav .navi a.active {
	background-position:0 -16px;     
}

/*** Education Feature Ends ***/