/* position and dimensions of the navigator */
.navi {
	height:20px;
	margin-left:556px;
	margin-top:10px;
	width:200px;
}


/* specific navs have different number of items */

#JAA_scroll_basic{
	margin-left:556px;
}

#JAA_scroll_nutrition{
	margin-left:556px;
}

#JAA_scroll_fitness{
	margin-left:574px;
}

#scroll_homepage{
	margin-left:90px;
	margin-top:20px;
	margin-bottom:20px;

}


/* specific content areas have different amounts of content */
#JAA_results_basic{
	height:300px;
}

#JAA_results_nutrition{
	height:300px;
}

#JAA_results_exercise{
	height:250px;
}

#JAA_results_history{
	height:320px;
	padding-top:20px;
}

#JAA_results_fitness{
	height:330px;
	margin-top:20px;
}

#scroll_content_home{
	width:300px;
		height:300px;
}




/* items inside navigator */
.navi a {
	width:13px;
	height:13px;
	float:left;
	margin:3px;
	background:url(../images/jquerytools-navigator.gif) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

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

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

.navi .left, .navi .left:hover{
	background:url(../images/jquerytools-navigator.gif) 0 -39px no-repeat;
}

.navi .right, .navi .right:hover{
	background:url(../images/jquerytools-navigator.gif) 0 -52px no-repeat;
}