/*----------- nav --------------------------------------*/

	{
	border:0;
	margin:0;
	padding:0;
}
/*-----------------------------------------------------------------------------

Define the width of the nav div

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

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

Define the width of HOME div

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

#ghome
	{ width:95px; height: 53px; margin:0; padding: 0; }

	
#ghome ul 
	{
	list-style:none;
	width: 95px;
	height: 53px;
	margin:0;
	}

#ghome li 
	{

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

#ghome li a 
	{
	text-decoration: none;
	display:block;
	float:left;	
	background: url(../images/gnav_home_all.gif) no-repeat;
	text-indent:-9999px;
	}	
	
	
	/*-----------------------------------------------------------------------------

Define the width of CONSUMER div

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

#gconsumers
	{ width:95px; height: 53px; margin:0; padding: 0; }

	
#gconsumers ul 
	{
	list-style:none;
	width: 95px;
	height: 53px;
	margin:0;
	}

#gconsumers li 
	{

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

#gconsumers li a 
	{
	text-decoration: none;
	display:block;
	float:left;	
	background: url(../images/gnav_consumers_all.gif) no-repeat;
	text-indent:-9999px;
	}
	
	
	/*-----------------------------------------------------------------------------

Define the width of CLINICIANS div

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

#gclinicians
	{ width:95px; height: 53px; margin:0; padding: 0; }

	
#gclinicians ul 
	{
	list-style:none;
	width: 95px;
	height: 53px;
	margin:0;
	}

#gclinicians li 
	{

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

#gclinicians li a 
	{
	text-decoration: none;
	display:block;
	float:left;	
	background: url(../images/gnav_clinicians_all.gif) no-repeat;
	text-indent:-9999px;
	}
	
	
	/*-----------------------------------------------------------------------------

Define the width of EMPLOYERS div

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

#gemployers
	{ width:95px; height: 53px; margin:0; padding: 0; }

	
#gemployers ul 
	{
	list-style:none;
	width: 95px;
	height: 53px;
	margin:0;
	}

#gemployers li 
	{

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

#gemployers li a 
	{
	text-decoration: none;
	display:block;
	float:left;	
	background: url(../images/gnav_employers_all.gif) no-repeat;
	text-indent:-9999px;
	}

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

Define the width of INSURERS div

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

#ginsurers
	{ width:95px; height: 53px; margin:0; padding: 0; }

	
#ginsurers ul 
	{
	list-style:none;
	width: 95px;
	height: 53px;
	margin:0;
	}

#ginsurers li 
	{

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

#ginsurers li a 
	{
	text-decoration: none;
	display:block;
	float:left;	
	background: url(../images/gnav_insurers_all.gif) no-repeat;
	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#home a {
	width:95px;
	height:53px;
	 }
li#consumers a {
	width:95px;
	height:53px;
	 }
li#clinicians a {
	width:95px;
	height:53px;
	 }
li#employers a {
	width:95px;
	height:53px;
	 }
li#insurers a {
	width:96px;
	height:53px;
	 }
	 	 
	 
/*-----------------------------------------------------------------------------

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#home a:link, li#home a:visited {	
	background-position: 0px 0px;
	
	}
	
li#home a:hover, li#home a:focus { 
	background-position: 0px -53px;

	}
	
li#consumers a:link, li#consumers a:visited { 
	background-position: 0px 0px;
	}
	
li#consumers a:hover, li#consumers a:focus { 
	background-position: 0px -53px;
	}	
	
li#clinicians a:link, li#clinicians a:visited {	
	background-position: 0px 0px;
	}
	
li#clinicians a:hover, li#clinicians a:focus {	
	background-position: 0px -53px;
	
	}	
	
li#employers a:link, li#employers a:visited {	
	background-position: 0px 0px;
	}
	
li#employers a:hover, li#employers a:focus {	
	background-position: 0px -53px;
	
	}
	
	
li#insurers a:link, li#insurers a:visited {	
	background-position: 0px 0px;

	}
	
li#insurers a:hover, li#insurers a:focus {	
	background-position: 0px -53px;

	
	}

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

Set the on states using the body id.

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

body#homepage li#home a:link, body#homepage li#home a:visited {	
	background-position: -0px -106px;
	
	
	}

body#homepage li#home a:hover, body#homepage li#home a:focus {	
	background-position: -0px -106px;
	
	
	}

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

body#consumers-page li#consumers a:hover, body#consumers-page li#consumers a:focus {	
	background-position: -0px -106px;
	
	
	}
	
body#consumers-page li#consumers a:link, body#consumers-page li#consumer a:visited {	
	background-position: -0px -106px;

	}

body#consumers-page li#consumers a:hover, body#consumers-page li#consumer a:focus {	
	background-position: -0px -106px;


	}


	
body#clinicians-page li#clinicians a:link, body#clinicians-page li#clinicians a:visited {	
	background-position: -0px -106px;

	}


body#clinicians-page li#clinicians a:hover, body#clinicians-page li#clinicians a:focus {	
	background-position: -0px -106px;

	}
	



body#employers-page li#employers a:link, body#employers-page li#employers a:visited {	
	background-position: -0px -106px;

	}

body#employers-page li#employers a:hover, body#employers-page li#employers a:focus {	
	background-position: -0px -106px;

	}


	
body#insurers-page li#insurers a:link, body#insurers-page li#insurers a:visited {	
	background-position: -0px -106px;

	}

body#insurers-page li#insurers a:hover, body#insurers-page li#insurers a:focus {	
	background-position: -0px -106px;

	}