/* Top Navigation */

	
/* ------------------------ horizontal sprite top nav ------------------------ */
#top-nav-spanish { 
	background:url("../images/nav-top-spanish.jpg") no-repeat; 
	width:264px; 
	height:80px; 
	margin:0 auto;
	padding:0; 
	margin-left:564px;
	}

#top-nav-spanish span { display: none; }

#top-nav-spanish li, #masthead #top-nav-spanish li a { height:80px; display:block; } /* change height here also */

#top-nav-spanish li { float:left; list-style:none; _display:inline; position:relative; }

#top-nav-spanish-01 { width: 53px; margin-left: 0px;}
#top-nav-spanish-02 { width: 93px;}
#top-nav-spanish-03 { width: 95px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#masthead #top-nav-spanish li#top-nav-spanish-01 a:hover { background:url("../images/nav-top-spanish.jpg")  0px -80px no-repeat; }
#masthead #top-nav-spanish li#top-nav-spanish-02 a:hover { background:url("../images/nav-top-spanish.jpg") -53px -80px no-repeat; }
#masthead #top-nav-spanish li#top-nav-spanish-03 a:hover { background:url("../images/nav-top-spanish.jpg") -146px -80px no-repeat; }


#nav { 
	background:url("../images/nav-spanish1.jpg") no-repeat; 
	width:828px; 
	height:47px; 
	margin:0 auto;
	padding:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height:47px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 150px; margin-left: 0px;}
#nav-02 { width: 107px;}
#nav-03 { width: 110px;}
#nav-04 { width: 30px;}
#nav-05 { width: 40px;}
#nav-06 { width: 170px;}
#nav-07 { width: 60px;}
#nav-08 { width: 135px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav-spanish1.jpg")  -0px -47px no-repeat; }
#nav-02 a:hover { background:url("../images/nav-spanish1.jpg") -150px -47px no-repeat; }
#nav-03 a:hover { background:url("../images/nav-spanish1.jpg") -257px -47px no-repeat; }
#nav-04 a:hover { background:url("../images/nav-spanish1.jpg") -367px -47px no-repeat; }
#nav-05 a:hover { background:url("../images/nav-spanish1.jpg") -397px -47px no-repeat; }
#nav-06 a:hover { background:url("../images/nav-spanish1.jpg") -437px -47px no-repeat; }
#nav-07 a:hover { background:url("../images/nav-spanish1.jpg") -607px -47px no-repeat; }
#nav-08 a:hover { background:url("../images/nav-spanish1.jpg") -667px -47px no-repeat; }

/* Horizontal Sprite Navigation */
#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	background-color:#600C01;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { 
	height:20px; /* Height of each drop down nav item */
	border:1px solid #600C01;
	border-top:none;
	}	

#nav 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 */
	}

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

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

#nav li:hover ul, #nav li.sfHover ul { left:auto; }

/* Hover styles for drop down items */

#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover, #nav-08 ul a:hover {
	background-image:none;
	background-color:#F8EEB9;
	color:#600C01;
	}

/* width of drop down menu - choose width that allows items to display on one line */

/* width of drop down menu - choose width that allows items to display on one line */
#nav-01 ul {margin-left:25px; width:310px;}
#nav-01 li { width:310px;}	
#nav-02 ul, #nav-02 li { width:240px; }
#nav-03 ul, #nav-03 li { width:380px; }	
#nav-04 ul, #nav-04 li { width:340px; }
#nav-05 ul, #nav-05 li { width:340px; }
#nav-06 ul, #nav-06 li { width:180px; }
#nav-07 ul, #nav-07 li { width:140px; }
#nav-08 ul, #nav-08 li { width:140px; }

/* Header-Graphics */
	body#espanol #header-graphic { background:url("../images/header-espanol.jpg"); }
	body#spanish-pgd #header-graphic { background:url("../images/header-pgd-span.jpg"); }
	body#spanish-donor-egg #header-graphic { background:url("../images/header-donor-egg-span.jpg"); }
	body#spanish-contact #header-graphic { background:url("../images/header-about-span.jpg"); }
	body#spanish-about #header-graphic { background:url("../images/header-about-span.jpg"); }
	body#spanish-ivf #header-graphic { background:url("../images/header-ivf-span.jpg"); }
	body#spanish-eval #header-graphic { background:url("../images/header-eval-span.jpg"); }
	body#spanish-beginning #header-graphic { background:url("../images/header-beginning-span.jpg"); }
	body#spanish-icsi #header-graphic { background:url("../images/header-icsi-span.jpg"); }
	body#spanish-blastocyst #header-graphic { background:url("../images/header-ivf-span.jpg"); }
	body#spanish-first-appointment #header-graphic { background:url("../images/header-espanol.jpg"); }
	body#spanish-thankyou #header-graphic { background:url("../images/header-about-span.jpg"); }

/* Middle Column Subheads */
	body#espanol #column-middle{background:transparent url(../images/subhead_espanol.jpg) no-repeat;}
	body#spanish-pgd #column-middle { background:transparent url(../images/subhead_spanish_pgd.jpg) no-repeat; }
	body#spanish-donor-egg #column-middle { background:transparent url(../images/subhead_spanish_donor.jpg) no-repeat; }