/********************
 * Rules for secondary nav.
 ********************/


#subnav ul{
   margin: 0 0 0 0; padding: 0;
   list-style: none;
   position:  absolute;
   left:  20px; top:  0;
   z-index: 2000;

}

#subnav ul li{
	margin: 0; padding: 0;
}

#subnav ul li a{
	margin: 0; padding: 0;
}


#subnav ul li a {
	float: left;
	width: 133px;
	padding: 41px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:41px; /* for IE5/Win only */
	}
	
#subnav ul li a.ext {
	float: left;
	width: 133px;
	padding: 31px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:31px; /* for IE5/Win only */
	}

#subnav ul li a.ext_sub {
	float: left;
	width: 133px;
	padding: 24px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:24px; /* for IE5/Win only */
	}	

#subnav ul li a.ext_end {
	float: left;
	width: 133px;
	padding: 38px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:38px; /* for IE5/Win only */
	}	
	
#subnav a:hover {
	background-position: 0 -41px;
	}	

#subnav a.ext:hover {
	background-position: 0 -31px;
	}

#subnav a.ext_sub:hover {
	background-position: 0 -24px;
	}

#subnav a.ext_end:hover {
	background-position: 0 -38px;
	}

#book a{
	background: url(../images/subnav_about_book.gif) top left no-repeat;
}	

#book_active a{
	background: url(../images/subnav_about_book_active.gif) top left no-repeat;
}	

#characters a{
	background: url(../images/subnav_about_chars.gif) top left no-repeat;
}	

#characters_active a{
	background: url(../images/subnav_about_chars_active.gif) top left no-repeat;
}

#characters_sub_michaela a{
	background: url(../images/characters_sub_michaela.gif) top left no-repeat;
}

#characters_sub_michaela_active a{
	background: url(../images/characters_sub_michaela_active.gif) top left no-repeat;
}

#characters_sub_mrsa a{
	background: url(../images/characters_sub_mrsa.gif) top left no-repeat;
}

#characters_sub_mrsa_active a{
	background: url(../images/characters_sub_mrsa_active.gif) top left no-repeat;
}

#characters_sub_teacher a{
	background: url(../images/characters_sub_teacher.gif) top left no-repeat;
}

#characters_sub_teacher_active a{
	background: url(../images/characters_sub_teacher_active.gif) top left no-repeat;
}

#approach a{
	background: url(../images/subnav_about_approach.gif) top left no-repeat;
}	

#approach_active a{
	background: url(../images/subnav_about_approach_active.gif) top left no-repeat;
}

#exercises a{
	background: url(../images/subnav_about_exercises.gif) top left no-repeat;
}	

#exercises_active a{
	background: url(../images/subnav_about_exercises_active.gif) top left no-repeat;
}

#outcome a{
	background: url(../images/subnav_about_out.gif) top left no-repeat;
}	

#outcome_active a{
	background: url(../images/subnav_about_out_active.gif) top left no-repeat;
}

#artists a{
	background: url(../images/subnav_about_artists.gif) top left no-repeat;
}	

#artists_active a{
	background: url(../images/subnav_about_artists_active.gif) top left no-repeat;
}

#artists_illus a{
	background: url(../images/artist_illus.gif) top left no-repeat;
}

#artists_illus_active a{
	background: url(../images/artist_illus_active.gif) top left no-repeat;
}

#artists_photo a{
	background: url(../images/artist_photo.gif) top left no-repeat;
}

#artists_photo_active a{
	background: url(../images/artist_photo_active.gif) top left no-repeat;
}

#artists_calligraphy a{
	background: url(../images/artist_calligraphy.gif) top left no-repeat;
}

#artists_calligraphy_active a{
	background: url(../images/artist_calligraphy_active.gif) top left no-repeat;
}

#artists_design a{
	background: url(../images/artist_design.gif) top left no-repeat;
}

#artists_design_active a{
	background: url(../images/artist_design_active.gif) top left no-repeat;
}