/*-----------------------------------------------------------------------------
	Sermons tab Interface
-----------------------------------------------------------------------------*/

ul.sermon_tabs{
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
	display: block;
	height:0px;
}

ul.sermon_tabs li{
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
	height:0px;
}


ul.sermon_tabs {
	background-color: #E1E1E1;
	height:33px;
	max-height:33px;
	clear: none;
	position: relative;
	
}

ul.sermon_tabs li{
	height:33px;
	max-height:33px;
	background: top left no-repeat;
}

ul.sermon_tabs a {
	background: top left no-repeat;
	height:33px;
}


/*-----------------------------------------------------------------------------
	Resource Library
-----------------------------------------------------------------------------*/

ul.sermon_tabs li.byDate a {
	float:left;
	width: 69px;
	background: url('../grfs/site/sermons/tabs/byDate.gif');
}

ul.sermon_tabs li.byScripture a {
	float:left;
	width: 98px;
	background: url('../grfs/site/sermons/tabs/byScripture.gif');
}

ul.sermon_tabs li.bySeries a {
	float:left;
	width: 77px;
	background: url('../grfs/site/sermons/tabs/bySeries.gif');
}

ul.sermon_tabs li.byTopic a {
	float:left;
	width: 72px;
	background: url('../grfs/site/sermons/tabs/byTopic.gif');
}

ul.sermon_tabs li.byOccasion a {
	float:left;
	width: 98px;
	background: url('../grfs/site/sermons/tabs/byOccasion.gif');
}

ul.sermon_tabs li.byTitle a {
	float:left;
	width: 67px;
	background: url('../grfs/site/sermons/tabs/byTitle.gif');
}

ul.sermon_tabs li.byCurrent a {
	float:left;
	width: 77px;
	background: url('../grfs/site/sermons/tabs/current.gif');
}


/*-----------------------------------------------------------------------------
	For selected tab. Must be last.
-----------------------------------------------------------------------------*/


ul.sermon_tabs li.Selected a, ul.sermon_tabs li a:hover {
	background-position: 0 -33px;
}