/********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
*
* Name: Horizontal-nav CSS
* Description: CSS file for the menu items for the Smile Solutions website
*
*********************************************************************************/

/*----| main nav section |----*/

#navbar ul
	{
	width:auto;
	list-style-type:none;
	}
	
#navbar ul li
	{
	float:left;
	display:block;
	background:#0068b3 url("/images/smiles_navbuttonbgleft.gif") no-repeat left center;
	}
	
#navbar ul li:hover
	{
	background:#939598 url("/images/smiles_navbutbgleftroll.gif") no-repeat left center;
	}
	
#navbar ul a:link, #navbar ul a:visited
	{
	display:block;
	padding:11px 12px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#ffffff;
	background:url("/images/smiles_navbuttonbgright.gif") no-repeat right center;
	}
	
#navbar ul a:hover
	{
	background:url("/images/smiles_navbutbgrightroll.gif") no-repeat right center;
	}
	
/* star hack to correct discrepencies between IE7 and earlier versions */

* html #navbar ul a:hover
	{
	background:#939598 url("/images/smiles_navbutbgrightroll.gif") no-repeat right center;
	}
	
#navbar ul a:active
	{
	}
	
/*----| second-level lists |----*/

#navbar ul li ul
	{
	width:auto;
	position:absolute;
	left:-999em; /* using negative spacing instead of display:none as screen readers can't read display:none */
	}
	
#navbar ul li:hover ul, #navbar ul li.sfhover ul
	{
	left:auto;
	}

#navbar ul li ul li
	{
	width:110px;
	display:block;
	height:17px;
	float:left;
	background:#6792cb url("/images/smiles_dropbgleft.gif") no-repeat left center;
	}
	
#navbar ul li ul li:hover
	{
	background:#a9b1b7 url("/images/smiles_dropbgleftroll.gif") no-repeat left center;
	}
	
#navbar ul li ul a:link, #navbar ul li ul a:visited
	{
	display:block;
	padding:2px 12px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#ffffff;
	background:url("/images/smiles_dropbgright.gif") no-repeat right center;
	}
	
#navbar ul li ul a:hover
	{
	background:url("/images/smiles_dropbgrightroll.gif") no-repeat right center;
	}
	
/* star hack to correct discrepencies between IE7 and earlier versions */

* html #navbar ul li ul a:hover
	{
	background:#939598 url("/images/smiles_dropbgrightroll.gif") no-repeat right center;
	}
	
#navbar ul li ul a:active
	{
	}
	
/*----| welcome subnav section |----*/

#welcome_subnav ul
	{
	width:auto;
	margin:0px 30px 0px 0px;
	list-style:none;
	}
	
#welcome_subnav ul li
	{
	text-align:right;
	}
	
#welcome_subnav ul a:link, #welcome_subnav ul a:visited
	{
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:1.6em;
	color:#0068b3;
	}
	
#welcome_subnav ul a:hover
	{
	font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#939598;
	}
	
#welcome_subnav ul a:active
	{
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#0068b3;
	}

/*----| subpages subnav section |----*/

#subnav ul
	{
	width:auto;
	margin:0px 25px 0px 0px;
	list-style:none;
	}
	
#subnav ul li
	{
	text-align:right;
	}
	
#subnav ul a, #subnav ul a:link, #subnav ul a:visited
	{
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:1.6em;
	color:#0068b3;
	}
	
#subnav ul a:hover
	{
	font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#939598;
	}
	
#subnav ul a:active
	{
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#0068b3;
	}
	
/*----| lowernav section |----*/

#lowernav ul
	{
	width:530px;
	margin:0px 10px 0px 10px;
	list-style:none;
	}
	
#lowernav ul li
	{
	margin:10px 0 0 0;
	float:left;
	display:block;
	text-align:center;
	}
	
#lowernav ul a, #lowernav ul a:link, #lowernav ul a:visited
	{
	padding:0px 4px;
	font:1em Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#0068b3;
	}

#lowernav ul a:hover
	{
	text-decoration:underline;
	}
	
#lowernav ul a:active
	{
	text-decoration:none;
	}
	
/*----| second-level lists |----*/

#lowernav ul li ul
	{
	width:auto;
	position:absolute;
	left:-999em; /* using negative spacing instead of display:none as screen readers can't read display:none */
	}