/* RedMenu Style Sheet */

.RedMenu,.RedSubMenuTable
{
	font-family: 	Arial, Helvetica, sans-serif;
	font-size:		10px;
    font-weight: 	bold;

	padding:		0;

	white-space:	nowrap;
	cursor:			default;
}

.RedSubMenu
{
	/* Sub Menu */
	position:		absolute;
	visibility:		hidden;

        /*
           Netscape/Mozilla renders borders by increasing
           their z-index.  The following line is necessary
           to cover any borders underneath
        */
	z-index:		100;
	border:			0;
	padding:		0;

	overflow:		visible;
	border-top:		1px solid #EAD3D8;


	filter:progid:DXImageTransform.Microsoft.Shadow(color=#EAD3D8, Direction=135, Strength=4);
}

.RedSubMenuTable
{
	overflow:		visible;
}

.RedMainItem,.RedMainItemHover,.RedMainItemActive,
.RedMenuItem,.RedMenuItemHover,.RedMenuItemActive
{
	border:			0;
	cursor:			hand;
	white-space:	nowrap;
}

.RedMainItem
{
	/* Top Level BG Color, Font */
	background-color: #BE1319; 
	
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		10px;
    font-weight: 	bold;
    color: 			#FFFFFF;
	
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	2px;
	padding-right:	1px;
	border-bottom:	1px solid #BE1319;
 }


td.RedMainItemHover,td.RedMainItemActive
{
	/* Top Level BG Color, Font Hover */
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	2px;
	padding-right:	1px;
	border-bottom:	1px solid #BE1319;

	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		10px;
	font-weight: 	bold;
	color: 			#DEA0A5;
}

.RedMainItemHover,.RedMainItemActive
{
	/* Top Level BG Color, Font Hover */
	background-color: #BE1319;
	border-bottom:	1px solid #BE1319;

	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		10px;
	font-weight: 	bold;
	color: 			#DEA0A5;
}

.RedMenuItem
{
	/* Sub Entire Background */
	background-color: #BE1319;
}

.RedMenuItemHover,.RedMenuItemActive
{
	/* Sub Entire Background Hover */
	background-color: #BE1319;
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		10px;
	font-weight: 	bold;
	color: 			#DEA0A5;
}


/* horizontal main menu */


.RedMainFolderLeft,.RedMainItemLeft,
.RedMainFolderText,.RedMainItemText,
.RedMainFolderRight,.RedMainItemRight
{
	background-color: inherit;
}

/* vertical main menu sub components */

td.RedMainFolderLeft,td.RedMainItemLeft
{
	/* Left of Text Hover */
	padding-top:	1px;
	padding-bottom:	1px;
	padding-left:	1px;
	padding-right:	1px;
	
	border-top:		1px solid #BE1319;
	background-color: inherit;
}

td.RedMainFolderText,td.RedMainItemText
{
	/* Around Text Hover */
	padding-top:	1px;
	padding-bottom:	1px;
	padding-left:	1px;
	padding-right:	1px;

	border-top:		1px solid #BE1319;

	background-color: inherit;
	white-space:	nowrap;
}

td.RedMainFolderRight,td.RedMainItemRight
{
	/* Right of Text Hover */
	padding-top:	1px;
	padding-bottom:	1px;
	padding-left:	1px;
	padding-right:	1px;
	
	border-top:		1px solid #BE1319;
	background-color: inherit;
}

tr.RedMainItem td.RedMainFolderLeft,
tr.RedMainItem td.RedMainItemLeft
{
	/* Left of Text */
	padding-top:	1px;
	padding-bottom:	1px;
	padding-left:	1px;
	padding-right:	1px;

	white-space:	nowrap;

	border-top:		1px solid #BE1319;
	background-color: inherit;
}

tr.RedMainItem td.RedMainFolderText,
tr.RedMainItem td.RedMainItemText
{
	/* Around of Text */
	padding-top:	1px;
	padding-bottom:	1px;
	padding-left:	1px;
	padding-right:	1px;

	border-top:		1px solid #BE1319;
	background-color: inherit;
}

tr.RedMainItem td.RedMainItemRight,
tr.RedMainItem td.RedMainFolderRight
{
	/* Right of Text */
	padding-top:	1px;
	padding-bottom:	1px;
	padding-left:	1px;
	padding-right:	1px;

	border-top:		1px solid #BE1319;
	background-color: inherit;
}

/* sub menu sub components */

.RedMenuFolderLeft,.RedMenuItemLeft
{
	/* Sub Menu Hover Left of Text */
	padding-top:	1px;
	padding-bottom:	1px;
	padding-left:	1px;
	padding-right:	1px;

	border-bottom:	1px solid #EAD3D8;
	background-color: inherit;
	white-space:	nowrap;
}

.RedMenuFolderText,.RedMenuItemText
{
	/* Sub Menu Hover Around Text */
	padding-top:	2px;
	padding-bottom:	3px;
	padding-left:	15px;
	padding-right:	15px;
	
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		10px;
    font-weight: 	bold;
    color: 			#DEA0A5;

	border-bottom:	1px solid #EAD3D8;
	background-color: inherit;
	white-space:	nowrap;
}

.RedMenuFolderRight,.RedMenuItemRight
{
	/* Sub Menu Hover right of Text */
	padding-top:	1px;
	padding-bottom:	1px;
	padding-left:	1px;
	padding-right:	1px;

	border-bottom:	1px solid #EAD3D8;
	background-color: inherit;
	white-space:	nowrap;
}

.RedMenuItem .RedMenuFolderLeft,
.RedMenuItem .RedMenuItemLeft
{
	/* Sub Menu Left of Text */
	padding-top:	1px;
	padding-bottom:	1px;
	padding-left:	1px;
	padding-right:	1px;

	white-space:	nowrap;

	border-bottom:	1px solid #EAD3D8;
	background-color: #BE1319;
}

.RedMenuItem .RedMenuFolderText,
.RedMenuItem .RedMenuItemText
{
	/* Sub Menu Arround of Text */
	padding-top:	2px;
	padding-bottom:	3px;
	padding-left:	15px;
	padding-right:	15px;
	
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		10px;
    font-weight: 	bold;
    color: 			#FFFFFF;

	border-bottom:	1px solid #EAD3D8;
	background-color: inherit;
}

.RedMenuItem .RedMenuFolderRight,
.RedMenuItem .RedMenuItemRight
{
	/* Sub Menu Right of Text */
	padding-top:	1px;
	padding-bottom:	1px;
	padding-left:	1px;
	padding-right:	1px;

	border-bottom:	1px solid #EAD3D8;
	background-color: inherit;
}

/* menu splits */

.RedMenuSplit
{
	margin:			1px;
	height:			1px;
	overflow:		hidden;
	background-color: inherit;
	border-top:		1px solid #C6C3BD;
}

/* 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" />
*/

.RedMenuItem img.seq1
{
	display:		inline;
}

.RedMenuItemHover seq2,
.RedMenuItemActive seq2
{
	display:		inline;
}

.RedMenuItem .seq2,
.RedMenuItemHover .seq1,
.RedMenuItemActive .seq1
{
	display:		none;
}