#nav
	{ 
	width:644px; 
	height: 63px;
	}

	
#nav ul 
	{
	list-style:none;
	width: 644px;
	height: 63px;
	padding:0px;
	margin:0px;
	}

#nav li 
	{

    list-style: none;
	display: inline;
	text-align: center;
	}

#nav li a 
	{
	text-decoration: none;
	display:block;
	float:left;
	background-image:url(/images/interface/ce/main_nav.jpg);
	text-indent:-9999px;
	}	
	
/*-----------------------------------------------------------------------------

Define the width of each li item. This is used as a letter box to show the 
correct part of the background image

-----------------------------------------------------------------------------*/	
	
	
li#about a {
	width:125px;
	height:63px;
	 }
li#programs a {
	width:122px;
	height:63px;
	 }
li#franchise a {
	width:134px;
	height:63px;
	 }
li#locations a {
	width:121px;
	height:63px;
	 }
	 
li#contact a {
	width:142px;
	height:63px;
	}
	
/*-----------------------------------------------------------------------------

Position the background image within the left boxes we have created. Use hover states
to show the correct background position for hover states.

A negative margin is used to show the whole tab. As this doesn't work in IE a 
separate stylesheet is used for IE6 and below.

-----------------------------------------------------------------------------*/	


li#about a:link, li#about a:visited {	
	background-position: -0px -0px;
	}
	
li#about a:hover, li#about a:focus {	
	background-position: -0px -63px;
	}
	
li#programs a:link, li#programs a:visited {	
	background-position: -125px -0px;
	}
	
li#programs a:hover, li#programs a:focus {	
	background-position: -120px -189px;
	width: 127px ;
	margin-left: -5px ;
	}	
	
li#franchise a:link, li#franchise a:visited {	
	background-position: -247px -0px ;
	}
	
li#franchise a:hover, li#franchise a:focus {	
	background-position: -243px -315px;
	width:138px;
	margin-left:-4px ;
	}	
	
	li#locations a:link, li#locations a:visited {	
	background-position: -381px -0px;
	}
	
li#locations a:hover, li#locations a:focus {	
	background-position: -377px -441px;
	width: 125px ;
	margin-left:-4px ;
	}	
	
li#contact a:link, li#contact a:visited {	
	background-position: -502px -0px;
	}
	
li#contact a:hover, li#contact a:focus {	
	background-position: -498px -567px;
	width: 146px ;
	margin-left: -5px;
	}

/*-----------------------------------------------------------------------------

Set the on states using the body id.

-----------------------------------------------------------------------------*/	


body#about-page li#about a:link, body#about-page li#about a:visited {	
	background-position: -0px -126px;
	}

body#about-page li#home a:hover, body#about-page li#home a:focus {	
	background-position: -0px -152px;
	overflow: auto;
	position: relative;

	}

body#about-page li#programs a:hover, body#about-page li#programs a:focus {	
		background-position: -120px -693px;
	width: 127px ;
	margin-left: -5px ;

	}
	
body#programs-page li#programs a:link, body#programs-page li#programs a:visited {	
	background-position: -121px -252px;
	width: 127px;
	margin-left: -5px;
	}


body#programs-page li#about a:hover, body#programs-page li#about a:focus {	
	background-position: -0px -945px;
	width: 125px;
	margin-left: -0px;
	overflow: auto ;
	position: relative;
	}
	
body#programs-page li#franchise a:hover, body#programs-page li#franchise a:focus {	
	background-position: -238px -756px;
	width: 143px;
	margin-left:-9px;
	position: relative;
	}
	
body#franchise-page li#franchise a:link, body#franchise-page li#franchise a:visited {	
	background-position: -240px -378px;
	width: 141px;
	margin-left: -7px;
	}


body#franchise-page li#programs a:hover, body#franchise-page li#programs a:focus {	
	background-position: -120px -1008px;
	width: 127px;
	margin-left: -5px;
	overflow: auto;
	position: relative;
	}
	
body#franchise-page li#locations a:hover, body#franchise-page li#locations a:focus {	
	background-position: -374px -819px;
	width: 128px;
	margin-left: -7px;
	position: relative;
	}

body#locations-page li#locations a:link, body#locations-page li#locations a:visited {	
	background-position: -372px -504px;
	width: 130px;
	margin-left: -9px;
	}
body#locations-page li#franchise a:hover {	
	background-position: -239px -1071px;
	width: 142px;
	margin-left: -8px;
	overflow: auto;
	position: relative;
	}
body#locations-page li#contact a:hover, body#locations-page li#contact a:focus {	
	background-position: -490px -882px;
	width: 150px;
	margin-left: -11px;
	position: relative;
	}

body#contact-page li#contact a:link, body#contact-page li#contact a:visited {	
	background-position: -492px -630px;
	width: 150px;
	margin-left: -10px;
	}


body#contact-page li#locations a:hover {	
	background-position: -376px -1134px;
	width: 126px;
	margin-left: -5px;
	overflow: auto;
	position: relative;
	}