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

Define the width of the nav div

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

#nav { 
	width:764px; 
	height: 22px;	
	}	
#nav ul {
	width:764px; 
	padding: 167px 0 0 153px;
	list-style:none;
	}

#nav li {
    list-style: none;
	display: inline;
	text-align: center;
	}

#nav li a {
	text-decoration: none;
	display:block;
	float:left;		
	height:22px;
	background: url(../images/nav.gif) no-repeat;
	}	
	
	#nav li a em {display: none;}
	

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

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#m1 a {
	width: 79px;	
	background-position: -0px -0px;
	}
	
li#m1 a:hover {
	background-position: 0 -176px;
	}
	
li#m10 a:link, li#m10 a:visited {
	width:78px;	
	background-position: -79px 0px;
	}
	
li#m10 a:hover, li#m10 a:focus {	
	background-position: -75px -22px;
	width: 82px;
	margin-left: -4px;
	}
	
li#m2 a {	
	width:91px;
	background-position: -157px 0px;
	}
	
li#m2 a:hover {	
	background-position: -149px -44px;
	width: 99px;
	margin-left: -8px;
	}	
	
li#m3 a {
	width:74px;	
	background-position: -248px 0px;
	}
	
li#m3 a:hover {	
	background-position: -240px -66px;
	width: 82px;
	margin-left: -8px;
	}	
	
li#m4 a {	
	width:90px;
	background-position: -326px 0px;
	}
	
li#m4 a:hover {	
	background-position: -322px -88px;
	width: 94px;
	margin-left: -4px;
	}

li#m5 a:link, li#m5 a:visited {	
	width:74px;
	background-position: -416px 0px;
	}
	
li#m5 a:hover, li#m5 a:focus {	
	background-position: -404px -110px;
	width: 86px;
	margin-left: -12px;
	}
	
li#m6 a:link, li#m6 a:visited {	
	width:93px;
	background-position: -490px 0px;
	}
	
li#m6 a:hover, li#m6 a:focus {	
	background-position: -478px -132px;
	width: 105px;
	margin-left: -12px;
	}
	
li#m7 a:link, li#m7 a:visited {
	width:74px;	
	background-position: -583px 0px;
	}
	
li#m7 a:hover, li#m7 a:focus {	
	background-position: -571px -154px;
	width: 86px;
	margin-left: -12px;
	}