/* CSS Document */

/* Horozontal Sprite Nav
 * ------------------------------------------------------------------------- */

#spritenav { background: url("../images/sprites/spritenav.gif") no-repeat;	width: 1000px; height: 40px; text-align: left; }
#spritenav span { display: none; }
#spritenav li, #spritenav a { height: 40px; display: block; }

#spritenav li { float: left; list-style: none; _display: inline; }

#spritenav-01 { width: 115px; margin-left: 40px; }
#spritenav-02 { width: 160px; }
#spritenav-03 { width: 160px;}
#spritenav-04 { width: 175px;}
#spritenav-05 { width: 175px;}
#spritenav-06 { width: 175px;}

#spritenav-01 a:hover {background: transparent url("../images/sprites/spritenav.gif")  -40px -40px no-repeat;}
#spritenav-02 a:hover {background: transparent url("../images/sprites/spritenav.gif") -155px -40px no-repeat;}
#spritenav-03 a:hover {background: transparent url("../images/sprites/spritenav.gif") -315px -40px no-repeat;}
#spritenav-04 a:hover {background: transparent url("../images/sprites/spritenav.gif") -475px -40px no-repeat;}
#spritenav-05 a:hover {background: transparent url("../images/sprites/spritenav.gif") -650px -40px no-repeat;}
#spritenav-06 a:hover {background: transparent url("../images/sprites/spritenav.gif") -825px -40px no-repeat;}


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */
#spritenav li ul {
	position: absolute;
	margin-left:15px;
	list-style:none;
	left: -9999px;
	padding-left:0;
	background-color: #b0c89c;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#spritenav li ul li { height: 20px; margin:0; float:none; white-space: nowrap; left: auto; right: auto; }	/* Height of each drop down nav item */

#spritenav li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down nav item, should match above */
	line-height: 20px;			/* Height of each drop down nav item again, should match above */
	color: #0054a6;
	}

#spritenav li ul li a span {
	display: block;
	padding-left:5px; padding-right:10px; 
	}

/* Drop down link styles */
#spritenav a:link, #spritenav a:visited, #spritenav a:hover, #spritenav a:active {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	}

#spritenav li:hover ul, #spritenav li.sfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#spritenav-01 ul a:hover, 
#spritenav-02 ul a:hover, 
#spritenav-03 ul a:hover, 
#spritenav-04 ul a:hover, 
#spritenav-05 ul a:hover, 
#spritenav-06 ul a:hover { 
	background-image: none;
	background-color: #91c068; 
	color:#fff;
	}

/* width of drop down nav - choose width that allows items to display on one line */
// #spritenav-03 ul, #spritenav-03 li { width: 260px; }		
// #spritenav-04 ul, #spritenav-04 li { width: 90px; }



/* ----------------------------------------------------- */
/* ---------- end horizontal sucker-sprite nav --------- */
/* ----------------------------------------------------- */



/* Horozontal Sprite Nav - SPANISH
 * ------------------------------------------------------------------------- */

#spritenav-es { background: url("../images/sprites/spritenav.gif") 0px -80px no-repeat;	width: 1000px; height: 40px; text-align: left; }
#spritenav-es span { display: none; }
#spritenav-es li, #spritenav-es a { height: 40px; display: block; }

#spritenav-es li { float: left; list-style: none; _display: inline; }

#spritenav-es-01 { width: 115px; margin-left: 40px; }
#spritenav-es-02 { width: 160px; }
#spritenav-es-03 { width: 160px;}
#spritenav-es-04 { width: 175px;}
#spritenav-es-05 { width: 175px;}
#spritenav-es-06 { width: 175px;}

#spritenav-es-01 a:hover {background: transparent url("../images/sprites/spritenav.gif")  -40px -120px no-repeat;}
#spritenav-es-02 a:hover {background: transparent url("../images/sprites/spritenav.gif") -155px -120px no-repeat;}
#spritenav-es-03 a:hover {background: transparent url("../images/sprites/spritenav.gif") -315px -120px no-repeat;}
#spritenav-es-04 a:hover {background: transparent url("../images/sprites/spritenav.gif") -475px -120px no-repeat;}
#spritenav-es-05 a:hover {background: transparent url("../images/sprites/spritenav.gif") -650px -120px no-repeat;}
#spritenav-es-06 a:hover {background: transparent url("../images/sprites/spritenav.gif") -825px -120px no-repeat;}


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */
#spritenav-es li ul {
	position: absolute;
	margin-left:15px;
	list-style:none;
	left: -9999px;
	padding-left:0;
	background-color: #b0c89c;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#spritenav-es li ul li { height: 20px; margin:0; float:none; white-space: nowrap; left: auto; right: auto; }	/* Height of each drop down nav item */

#spritenav-es li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down nav item, should match above */
	line-height: 20px;			/* Height of each drop down nav item again, should match above */
	color: #0054a6;
	}

#spritenav-es li ul li a span {
	display: block;
	padding-left:5px; padding-right:10px; 
	}

/* Drop down link styles */
#spritenav-es a:link, #spritenav-es a:visited, #spritenav-es a:hover, #spritenav-es a:active {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	}

#spritenav-es li:hover ul, #spritenav-es li.sfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#spritenav-es-01 ul a:hover, 
#spritenav-es-02 ul a:hover, 
#spritenav-es-03 ul a:hover, 
#spritenav-es-04 ul a:hover, 
#spritenav-es-05 ul a:hover, 
#spritenav-es-06 ul a:hover { 
	background-image: none;
	background-color: #91c068; 
	color:#fff;
	}

/* width of drop down nav - choose width that allows items to display on one line */
// #spritenav-es-03 ul, #spritenav-es-03 li { width: 260px; }		
// #spritenav-es-04 ul, #spritenav-es-04 li { width: 90px; }



/* ----------------------------------------------------- */
/* ---------- end horizontal sucker-sprite nav --------- */
/* ----------------------------------------------------- */