/* loydsonBottom_Menu Style Sheet */
.loydsonBottom_Menu,.loydsonBottom_SubMenuTable
{
	font-family:	Verdana, Tahoma, Helvetica, Arial, Sans-serif;
	font-size:	11px;
	text-align: center;
	color: #fff;
	padding:	0;
	white-space:	nowrap;
	cursor:		default;
}

.loydsonBottom_Menu
{
  margin: 0px auto;
}

.loydsonBottom_SubMenu
{
	position:	absolute;
	visibility:	hidden;
	overflow:	hidden;
	padding:	0px;
	border:		0px;
	background-color:	transparent;
}


.loydsonBottom_SubMenuTable
{
	border:		1px solid #ccc;
}

.loydsonBottom_MainItem,.loydsonBottom_MainItemHover,.loydsonBottom_MainItemActive,
.loydsonBottom_MenuItem,.loydsonBottom_MenuItemHover,.loydsonBottom_MenuItemActive
{
	border:		0;
	cursor:		default;
	white-space:	nowrap;
}

/* common background color to both horizontal and vertical menus */
.loydsonBottom_MainItem
{
	color:	#871818;
}

.loydsonBottom_MainItemHover,.loydsonBottom_MainItemActive
{
	color:	#871818;
	text-decoration: underline;
}

/* horizontal main menu */
.loydsonBottom_MainItem
{
	padding:	0px;
  padding-left: 3px;
  padding-right: 3px;
	border:		0;
}

td.loydsonBottom_MainItemHover,td.loydsonBottom_MainItemActive
{
	padding:	0px;
  padding-left: 3px;
  padding-right: 3px;
	border:		0;
}

.loydsonBottom_MainFolderLeft,.loydsonBottom_MainItemLeft,
.loydsonBottom_MainFolderText,.loydsonBottom_MainItemText,
.loydsonBottom_MainFolderRight,.loydsonBottom_MainItemRight
{
  padding: 0px;
  margin: 0px;
  border: 0;
	background-color:	inherit;
	white-space:	nowrap;
}
.loydsonBottom_MainFolderLeft,.loydsonBottom_MainItemLeft
{
}
.loydsonBottom_MainFolderText,.loydsonBottom_MainItemText
{
}
.loydsonBottom_MainFolderRight,.loydsonBottom_MainItemRight
{
}
.loydsonBottom_MainMenuVerticalSplit
{
  margin: 0px;
  padding: 0px;
  width: 1px;
  height: 10px;
	border:		0;
  background-color: #ccc;
}


/* vertical main menu sub components */
td.loydsonBottom_MainFolderLeft,
td.loydsonBottom_MainItemLeft
{
}
td.loydsonBottom_MainFolderText,
td.loydsonBottom_MainItemText
{
}
td.loydsonBottom_MainItemRight,
td.loydsonBottom_MainFolderRight
{
}


tr.loydsonBottom_MainItemHover td.loydsonBottom_MainFolderLeft,
tr.loydsonBottom_MainItemActive td.loydsonBottom_MainFolderLeft,
tr.loydsonBottom_MainItemHover td.loydsonBottom_MainItemLeft,
tr.loydsonBottom_MainItemActive td.loydsonBottom_MainItemLeft
{
}
tr.loydsonBottom_MainItemHover td.loydsonBottom_MainFolderText,
tr.loydsonBottom_MainItemActive td.loydsonBottom_MainFolderText,
tr.loydsonBottom_MainItemHover td.loydsonBottom_MainItemText,
tr.loydsonBottom_MainItemActive td.loydsonBottom_MainItemText 
{
}
tr.loydsonBottom_MainItemHover td.loydsonBottom_MainFolderRight,
tr.loydsonBottom_MainItemActive td.loydsonBottom_MainFolderRight,
tr.loydsonBottom_MainItemHover td.loydsonBottom_MainItemRight,
tr.loydsonBottom_MainItemActive td.loydsonBottom_MainItemRight
{
}

/* sub menu sub components */
.loydsonBottom_MenuItem
{
	background-color:	#1C4219;
}
.loydsonBottom_MenuItemHover,.loydsonBottom_MenuItemActive
{
	background-color:	#871818;
}

.loydsonBottom_MenuFolderLeft,
.loydsonBottom_MenuItemLeft
{
	padding:	0px;
	border:		0;
	white-space:	nowrap;
}
.loydsonBottom_MenuFolderText,
.loydsonBottom_MenuItemText
{
  width: 80px;
	padding:	3px 5px 3px 5px;
	border:		0;
	white-space:	nowrap;
}
.loydsonBottom_MenuFolderRight,
.loydsonBottom_MenuItemRight
{
	padding:	0px;
	border:		0;
	white-space:	nowrap;
}

.loydsonBottom_MenuItemHover .loydsonBottom_MenuFolderLeft,
.loydsonBottom_MenuItemActive .loydsonBottom_MenuFolderLeft,
.loydsonBottom_MenuItemHover .loydsonBottom_MenuItemLeft,
.loydsonBottom_MenuItemActive .loydsonBottom_MenuItemLeft
{
	padding:	0px;
	border:		0;
	white-space:	nowrap;
}
.loydsonBottom_MenuItemHover .loydsonBottom_MenuFolderText,
.loydsonBottom_MenuItemActive .loydsonBottom_MenuFolderText,
.loydsonBottom_MenuItemHover .loydsonBottom_MenuItemText,
.loydsonBottom_MenuItemActive .loydsonBottom_MenuItemText
{
  width: 80px;
	padding:	3px 5px 3px 5px;
	border:		0;
	white-space:	nowrap;
}

.loydsonBottom_MenuItemHover .loydsonBottom_MenuFolderRight,
.loydsonBottom_MenuItemActive .loydsonBottom_MenuFolderRight,
.loydsonBottom_MenuItemHover .loydsonBottom_MenuItemRight,
.loydsonBottom_MenuItemActive .loydsonBottom_MenuItemRight
{
	padding:	0px;
	border:		0;
	white-space:	nowrap;
}

/* menu splits */
td.loydsonBottom_MenuSplit
{
	overflow:	hidden;
	margin:		0px;
	padding:	0px;
	border:		0px;
}

div.loydsonBottom_MenuSplit
{
	overflow:	hidden;
	margin:		0px;
	padding:	0px;
	border:		0px;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.loydsonBottom_MenuItem img.seq1
{
	display:	inline;
}

.loydsonBottom_MenuItemHover seq2,
.loydsonBottom_MenuItemActive seq2
{
	display:	inline;
}

.loydsonBottom_MenuItem .seq2,
.loydsonBottom_MenuItemHover .seq1,
.loydsonBottom_MenuItemActive .seq1
{
	display:	none;
}
