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

Title : Featured Links Style Sheet
Author : Paulo Elias
URL : http://www.prkreative.com/

	Description: This file controls the layout of the "Featured Links" or
	"Hot Links" list. To achieve the compact list we have to edit the images to
	display the proper text. To make the content accessible we also need to add
	the text to the template.
	
	Techniques used to generate the featured links menu were:
	- Dan Cedherholm's Accessible Image-Tab Rollovers
	< http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html >

Created : 2006.07.02
Modified : 2006.07.08

----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
	FEATURED LINKS
----------------------------------------------------------------------------- */
ul#Featured-Links
{
	position: relative;
	overflow: hidden;
	float: left;
	width: 255px;
	height: 219px;
	margin: 0 0 0.8em;
}
div#rightnavbar ul#Featured-Links
		{
			float: right;
		}
		
	ul#Featured-Links li
	{
		float: left;
		overflow: hidden;
	}
	div#rightnavbar ul#Featured-Links li {
		float: right;
	}
	
/* -----------------------------------------------------------------------------
	FEATURED NAV TOP
----------------------------------------------------------------------------- */
		li#fMid
		{
			height: 72px;
		}
			li#fTop a 
			{
				float: left;
				overflow: hidden;
				display: block;
				padding: 72px 0 0 0;
				height: 0px !important;
				height /**/:72px; /* for IE5/Win only */
				width: 255px;
				background: transparent url(../../../img/featured/featured-link-top.gif) no-repeat top left;
			}
/* -----------------------------------------------------------------------------
	FEATURED NAV MIDDLE
----------------------------------------------------------------------------- */
		li#fMid
		{
			height: 71px;
		}
			li#fMid a 
			{
				float: left;
				overflow: hidden;
				display: block;
				padding: 71px 0 0 0;
				height: 0px !important;
				height /**/:71px; /* for IE5/Win only */
				width: 255px;
				background: transparent url(../../../img/featured/featured-link-middle.gif) no-repeat top left;
			}
/* -----------------------------------------------------------------------------
	FEATURED NAV BOTTOM
----------------------------------------------------------------------------- */
		li#fBot
		{
			height: 76px;
		}
			li#fBot a 
			{
				float: left;
				overflow: hidden;
				display: block;
				padding: 76px 0 0 0;
				height: 0px !important;
				height /**/:76px; /* for IE5/Win only */
				width: 255px;
				background: transparent url(../../../img/featured/featured-link-bottom.gif) no-repeat top left;
			}
	ul#Featured-Links li a:hover
	{
		background-position: -255px 0;
	}
	ul#Featured-Links li a:active
	{
		background-position: 0 0;
	}