<style>

/*------------------------------------------------------------  */
/*            basic display menu                                */
/*--------------------------------------------------------------*/
.indentmenu{
margin: 0px; padding:0px; width: 100%; font-variant:small-caps; font-size:13px; font-family:Arial; color:#FF0000; vertical-align:middle; float:left; height:100%; background-color:#C0C0C0; z-index:100
}

.indentmenu ul{
background-position: center; margin:0; padding:0; float: left;
width: 95%; /*width of menu*/
/*dark purple border*/
color:#FF0000; font-variant:small-caps; vertical-align:middle; height:100%; text-transform:uppercase; font-size:8pt; font-family:Arial Narrow; font-weight:bold; background-image:url('../images/index_12.gif'); background-repeat:repeat-x; background-attachment:scroll; z-index:100
}

.indentmenu ul li{
margin: 0px; padding:0px; display: inline; color:#FF0000; font-variant:small-caps; background-color:#808080; z-index:100
}

.indentmenu ul li a{
float: left;
color: #FF0000; /*text color*/
text-decoration: none;
border-right: 1px solid #564C66; /*dark purple divider between menu items*/; padding-left:11px; padding-right:11px; padding-top:5px; padding-bottom:5px; height:50px; z-index:100
}

.indentmenu ul li a:visited{
color: #FF00ff;font-variant:small-caps;  z-index:100
}


.indentmenu ul li ul{
	display:none;                  /* initially hide the entire list hierarchy */
}

/*------------------------------------------------------------ */
/*           2nd level buttons - basic display                 */
/*------------------------------------------------------------ */

.leftbutton{
	display:none;                  /* initially hide the entire list hierarchy */
}

.standardbutton{
	display:none;                  /* initially hide the entire list hierarchy */
}

.tinybutton{
	display:none;                  /* initially hide the entire list hierarchy */
}

.rightbutton{
	display:none;                  /* initially hide the entire list hierarchy */
}




/*------------------------------------------------------------ */
/*           2nd level handling display menu                   */
/*--------------------------------------------------------------*/

.indentmenu ul li a:hover,
.indentmenu ul li .current{
border-right:1px solid #808080; background:#C0C0C0 url('../images/index_12.gif') repeat-x center; color: #FF0000 !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
font-variant:small-caps; vertical-align:middle; float:left; height:100%; z-index:100
}

/*--------------------------------------------------------------*/
.indentmenu ul li:hover ul,
.indentmenu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:relative;
	margin:0;
	bottom:40px;              /* place us just up underneath the top-level images */
	left:-60px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:13.5em;
	color:black;                        /* this sets the unselected-text color */
	background:black;         /* this sets our menu's effective "border" color */
	z-index:800;
}

.indentmenu ul li:hover ul li a,
.indentmenu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:#d8d8d8;       /* this sets the drop-down menu background color */
	width:13.5em;
}

.indentmenu ul li:hover ul li:hover a,
.indentmenu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:white;
}
.indentmenu ul li:hover ul.tinybutton li a,
.indentmenu ul li a:hover ul.tinybutton li a,
.indentmenu ul li:hover ul.tinybutton li a:hover,
.indentmenu ul li a:hover ul.tinybutton li a:hover {     /* 2nd level un+selected items */
	width:8.08333em;
	position:relative;
	margin:0;
	bottom:0px;              /* place us just up underneath the top-level images */
	left:-0px;       /* left-align our drop-down to the previous button border */
	z-index:800;

}

/*------------------------------------------------------------ */
/*           2nd level positioning                             */
/*------------------------------------------------------------ */


.indentmenu ul li:hover ul,
.indentmenu ul li a:hover ul {/* our first dropdown should not be skewed */
	position:absolute;
	bottom: 40px;              /* place us just up underneath the top-level images */
	left:0px;
	z-index:800;
}

/*leftbutton*/
.indentmenu ul li:hover ul.leftbutton,
.indentmenu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	position:absolute;
	bottom: 40px;              /* place us just up underneath the top-level images */
	left:0px;
	z-index:800;
}

/*standardbutton*/
.indentmenu ul li:hover ul.standardbutton,
.indentmenu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	position:relative;
	margin:0;
	bottom: 40px;              /* place us just up underneath the top-level images */
	left:-100px;       /* left-align our drop-down to the previous button border */
	z-index:800;
}

/*tinybutton*/
.indentmenu ul li:hover ul.tinybutton,
.indentmenu ul li a:hover ul.tinybutton {/* our first dropdown should not be skewed */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
	position:relative;
	margin:0;
	bottom: 40px;              /* place us just up underneath the top-level images */
	left:-100px;       /* left-align our drop-down to the previous button border */
	z-index:800;
}

/*rightbutton*/
.indentmenu ul li:hover ul.rightbutton,
.indentmenu ul li a:hover ul.rightbutton {/* our first dropdown should not be skewed */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
	position:absolute;
	bottom: 40px;              /* place us just up underneath the top-level images */
	left:275px;
	z-index:800;
}

/*secondbutton*/
.indentmenu ul li:hover ul.secondbutton,
.indentmenu ul li a:hover ul.secondbutton {/* our first dropdown should not be skewed */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
	position:absolute;
	margin:0;
	bottom: 40px;              /* place us just up underneath the top-level images */
	left:50px;       /* left-align our drop-down to the previous button border */
	z-index:800;
}

/*thirdbutton*/
.indentmenu ul li:hover ul.thirdbutton,
.indentmenu ul li a:hover ul.thirdbutton {/* our first dropdown should not be skewed */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
	position:absolute;
	margin:0;
	bottom: 40px;              /* place us just up underneath the top-level images */
	left:125px;       /* left-align our drop-down to the previous button border */
	z-index:800;
}

/*fourthbutton*/
.indentmenu ul li:hover ul.fourthbutton,
.indentmenu ul li a:hover ul.fourthbutton {/* our first dropdown should not be skewed */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
	position:absolute;
	margin:0;
	bottom: 40px;              /* place us just up underneath the top-level images */
	left:200px;       /* left-align our drop-down to the previous button border */
	z-index:800;
}




</style>