#navigation {width: 784px; padding: 0 0 16px 0; margin: 0 0 -16px 0;background: white;}
#navigation a {text-decoration: none;}
#navigation a span {display: none;}

#navigation #left_arrow {display: block; width: 40px; height: 40px; float: left; margin: 0 332px 0 0; background: url(../images/arrow_left_link.jpg) gray no-repeat;}
#navigation #left_arrow:hover  {display: block; background: url(../images/arrow_left_hover.jpg) no-repeat;}
#navigation #left_arrow:hover span {display: block; color: black; background: white;
	width: 200px; font: 12px Verdana, sans-serif;
	position:relative; top: 12px; left: 42px; margin: 0 -200px 0 0;}
#navigation a:hover {background: white;  border-right: white;}
#navigation #left_arrow:active {display: block; background: url(../images/arrow_left_active.jpg) no-repeat;}

#navigation #up_arrow {display: block;	width: 40px; height: 40px; float: left; margin: 0 332px 0 0; background: url(../images/arrow_up_link.jpg) gray no-repeat;}
#navigation #up_arrow:hover  {display: block; background: url(../images/arrow_up_hover.jpg) no-repeat;}
#navigation #up_arrow:hover span {display: block; color: black; background: white; width: 100px; font: 12px Verdana, sans-serif; position:relative; top: 12px; left: 36px; margin: 0 -100px 0 0;}
#navigation a:hover {background: white;  border-right: white;}
#navigation #up_arrow:active {display: block; background: url(../images/arrow_up_active.jpg) no-repeat;}

#navigation #right_arrow {display: block; width: 40px; height: 40px; float: left; background: url(../images/arrow_right_link.jpg) gray no-repeat;}
#navigation #right_arrow:hover  {display: block; background: url(../images/arrow_right_hover.jpg) no-repeat;}
#navigation #right_arrow:hover span {display: block; color: black; background: white; width: 50px; font: 12px Verdana, sans-serif; position:relative; top: 12px; left: -52px; margin: 0 -120px 0 0;}
#navigation a:hover {background: white;  border-right: white;}
#navigation #right_arrow:active {display: block; background: url(../images/arrow_right_active.jpg) no-repeat white;}



#navigation_bottom {float: left; width: 784px; background: white;}
#navigation_bottom a {text-decoration: none;}
#navigation_bottom a span {display: none;}

#navigation_bottom #left_arrow {display: block; width: 40px; height: 40px; float: left; margin: 0 332px 0 0;	background: url(../images/arrow_left_link.jpg) gray no-repeat;}
#navigation_bottom #left_arrow:hover  {display: block; background: url(../images/arrow_left_hover.jpg) no-repeat;}
#navigation_bottom #left_arrow:hover span {display: block; color: black; background: white;
	width: 200px; font: 12px Verdana, sans-serif; position:relative; top: 12px; left: 42px; margin: 0 -200px 0 0;}
#navigation_bottom a:hover {background: white;  border-right: white;}
#navigation_bottom #left_arrow:active {display: block; background: url(../images/arrow_left_active.jpg) no-repeat;}

#navigation_bottom #up_arrow {display: block;	width: 40px; height: 40px; float: left; margin: 0 332px 0 0; background: url(../images/arrow_up_link.jpg) gray no-repeat;}
#navigation_bottom #up_arrow:hover  {display: block; background: url(../images/arrow_up_hover.jpg) no-repeat;}
#navigation_bottom #up_arrow:hover span {display: block; color: black; background: white; width: 100px; font: 12px Verdana, sans-serif; position:relative; top: 12px; left: 36px; margin: 0 -100px 0 0;}
#navigation_bottom a:hover {background: white;  border-right: white;}
#navigation_bottom #up_arrow:active {display: block; background: url(../images/arrow_up_active.jpg) no-repeat;}

#navigation_bottom #right_arrow {display: block; width: 40px; height: 40px; float: left; background: url(../images/arrow_right_link.jpg) gray no-repeat;}
#navigation_bottom #right_arrow:hover  {display: block; background: url(../images/arrow_right_hover.jpg) no-repeat;}
#navigation_bottom #right_arrow:hover span {display: block; color: black; background: white; width: 50px; font: 12px Verdana, sans-serif; position:relative; top: 12px; left: -52px; margin: 0 -120px 0 0;}
#navigation_bottom a:hover {background: white;  border-right: white;}
#navigation_bottom #right_arrow:active {display: block; background: url(../images/arrow_right_active.jpg) no-repeat white;}
