@charset "utf-8";
#mainnav {
	width: 916px;
	padding: 0px;
	margin: 0px;
	
	}	
#headnav {
	width: 916px; 
	height: 24px; 
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	
	}	
#headnavmenu ul {
	width: 916px; 
	height: 24px; 
	position: absolute; /** Places image at the top of the page **/
	background: url(../t/nav1.jpg) no-repeat 0 0;
	list-style: none;
	margin: 0; padding: 0;
}
#headnavmenu li {
	display: inline;
}
#headnavmenu li a:link, #headnavmenu li a:visited {
	border: none;
	display: block; 
	position: absolute; 
	top: 0; 
	outline: none;
}
#headnavmenu li.a a:link, #headnavmenu li.a a:visited { 
	width: 101px; /** width of the button in active state **/
	height: 24px; /** height of the button in active state **/
	left: 0;
}
#headnavmenu li.b a:link, #headnavmenu li.b a:visited { 
	width: 72px; /** width of the button in active state **/
	height: 24px; /** height of the button in active state **/
	left: 101px ; /** how many px left of the first button i.e blue **/
}
#headnavmenu li.c a:link, #headnavmenu li.c a:visited { 
	width: 83px; /** width of the button in active state **/
	height: 24px; /** height of the button in active state **/
	left: 173px ; /** how many px left of the first button i.e blue **/
}
#headnavmenu li.d a:link, #headnavmenu li.d a:visited { 
	width: 131px; /** active state **/
	height: 24px; /** active state **/
	left: 256px ;
}
#headnavmenu li.e a:link, #headnavmenu li.e a:visited { 
	width: 64px; /** active state **/
	height: 24px; /** active state **/
	left: 387px ;
}
#headnavmenu li.f a:link, #headnavmenu li.f a:visited { 
	width: 98px; /** active state **/
	height: 24px; /** active state **/
	left: 451px ;
}
#headnavmenu li.g a:link, #headnavmenu li.g a:visited { 
	width: 70px; /** active state **/
	height: 24px; /** active state **/
	left: 549px ;
}
#headnavmenu li.h a:link, #headnavmenu li.h a:visited { 
	width: 65px; /** active state **/
	height: 24px; /** active state **/
	left: 619px ;
}
#headnavmenu li.i a:link, #headnavmenu li.i a:visited { 
	width: 85px; /** active state **/
	height: 24px; /** active state **/
	left: 684px ;
}
#headnavmenu li.j a:link, #headnavmenu li.j a:visited { 
	width: 147px; /** active state **/
	height: 24px; /** active state **/
	left: 769px ;
}

#headnavmenu li.a a:hover {
	background: url(../t/nav1.jpg) no-repeat 0 -24px; 
}
#headnavmenu li.b a:hover {
	background: url(../t/nav1.jpg) no-repeat -101px -24px; 
}
#headnavmenu li.c a:hover {
	background: url(../t/nav1.jpg) no-repeat -173px -24px;
}
#headnavmenu li.d a:hover {
	background: url(../t/nav1.jpg) no-repeat -256px -24px;
}
#headnavmenu li.e a:hover {
	background: url(../t/nav1.jpg) no-repeat -387px -24px;
}
#headnavmenu li.f a:hover {
	background: url(../t/nav1.jpg) no-repeat -451px -24px;
}
#headnavmenu li.g a:hover {
	background: url(../t/nav1.jpg) no-repeat -549px -24px;
}
#headnavmenu li.h a:hover {
	background: url(../t/nav1.jpg) no-repeat -619px -24px;
}
#headnavmenu li.i a:hover {
	background: url(../t/nav1.jpg) no-repeat -684px -24px;
}
#headnavmenu li.j a:hover {
	background: url(../t/nav1.jpg) no-repeat -769px -24px;
}




#footnav {
	width: 916px; 
	height: 24px; 
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	
	}	
#footnavmenu ul {
	width: 916px; 
	height: 24px; 
	position: absolute; /** Places image at the top of the page **/
	background: url(../t/nav3.jpg) no-repeat 0 0;
	list-style: none;
	margin: 0; padding: 0;
}
#footnavmenu li {
	display: inline;
}
#footnavmenu li a:link, #footnavmenu li a:visited {
	border: none;
	display: block; 
	position: absolute; 
	top: 0; 
	outline: none;
}
#footnavmenu li.a a:link, #footnavmenu li.a a:visited { 
	width: 134px; /** width of the button in active state **/
	height: 24px; /** height of the button in active state **/
	left: 0;
}
#footnavmenu li.b a:link, #footnavmenu li.b a:visited { 
	width: 135px; /** width of the button in active state **/
	height: 24px; /** height of the button in active state **/
	left: 134px ; /** how many px left of the first button i.e blue **/
}
#footnavmenu li.c a:link, #footnavmenu li.c a:visited { 
	width: 115px; /** width of the button in active state **/
	height: 24px; /** height of the button in active state **/
	left: 269px ; /** how many px left of the first button i.e blue **/
}
#footnavmenu li.d a:link, #footnavmenu li.d a:visited { 
	width: 145px; /** active state **/
	height: 24px; /** active state **/
	left: 384px ;
}
#footnavmenu li.e a:link, #footnavmenu li.e a:visited { 
	width: 75px; /** active state **/
	height: 24px; /** active state **/
	left: 529px ;
}
#footnavmenu li.f a:link, #footnavmenu li.f a:visited { 
	width: 165px; /** active state **/
	height: 24px; /** active state **/
	left: 604px ;
}
#footnavmenu li.g a:link, #footnavmenu li.g a:visited { 
	width: 147px; /** active state **/
	height: 24px; /** active state **/
	left: 769px ;
}


#footnavmenu li.a a:hover {
	background: url(../t/nav3.jpg) no-repeat 0 -24px; 
}
#footnavmenu li.b a:hover {
	background: url(../t/nav3.jpg) no-repeat -134px -24px; 
}
#footnavmenu li.c a:hover {
	background: url(../t/nav3.jpg) no-repeat -269px -24px;
}
#footnavmenu li.d a:hover {
	background: url(../t/nav3.jpg) no-repeat -384px -24px;
}
#footnavmenu li.e a:hover {
	background: url(../t/nav3.jpg) no-repeat -529px -24px;
}
#footnavmenu li.f a:hover {
	background: url(../t/nav3.jpg) no-repeat -604px -24px;
}
#footnavmenu li.g a:hover {
	background: url(../t/nav3.jpg) no-repeat -769px -24px;
}