body {
font-family:"myriad Pro";
}

.menuwrapper ul{
margin: 0;
padding: 0;
list-style-type: none;



}

/*Top level list items*/
.menuwrapper ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
background-image:url(images/menuBG.gif);
height:inherit;
border-bottom:10px #9900FF;
z-index: 3;
}



/*Top level menu link items style*/
.menuwrapper ul li a{
display: block;
width: 121.7px;
padding: 2px 8px 2px 3px;
border-right:1px #662d91 solid;
border-left-width: 0;
text-decoration: none;
color:#000000;
text-align:center;
vertical-align:middle;
text-shadow:#9933CC;
border-bottom:2px #662D91 solid;
border-top:1px #662D91 solid;
font-style:Semibold;
font-size:16px;
z-index: 3;
}
/*IE hack*/
html>body .menuwrapper ul li a{
display: block;
width: 109px;
padding: 2px 8px 2px 3px;
border-right:1px #662d91 solid;
border-left-width: 0;
text-decoration: none;
color:#000000;
text-align:center;
vertical-align:middle;
text-shadow:#9933CC;
border-bottom:2px #662D91 solid;
border-top:1px #662D91 solid;
font-style:Semibold;
font-size:16px;
}

.menuwrapper ul li a:hover  {
background-color:#662D91;
color:white;
	}
/*1st sub level menu*/
.menuwrapper ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
height:auto;
width:auto;
z-index: 3;

}


/*IE hack*/
html>body .menuwrapper ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
height:auto;
width:170px;
background-image:url(images/subRolls.gif);
}


/*Sub level menu list items (undo style from Top level List Items)*/
html>body .menuwrapper ul li ul li{
display: list-item;
float: none;
width:185px;
}

.menuwrapper ul li ul li{
display: list-item;
float: none;
width:170px;
z-index: 3;
}


/*All subsequent sub menu levels offset after 1st level sub menu */
.menuwrapper ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: -71px;
z-index: 3;
}






/* Sub level menu links style */
.menuwrapper ul li:hover ul li a
{
display: block;
width: 185px; /*width of sub menu levels*/
color:#ffffff;
text-decoration: none;
padding: 3px 5px 3px 3px;
height:auto;
text-align:left;
z-index: 3;
}

.menuwrapper ul li:hover ul li a.trigger
{
display: block;
width: 185px; /*width of sub menu levels*/
color:#ffffff;
text-decoration: none;
height:auto;
text-align:left;
background-image:url(images/arrow.gif);
background-repeat: no-repeat;
background-position:128px center;
}

/* style the drop down menu links when hovered */
.menuwrapper ul li:hover ul li a:hover
{
background-color:#FFCCFF; 
width:inherit;
z-index: 3;
}

.menuwrapper ul li:hover ul li a:hover a.trigger
{
background-color:#FFCCFF; 
width:inherit;
z-index: 3;
color:#000000;
}

.menuwrapper ul li ul li a{
display: block;
width: 192px; /*width of sub menu levels*/
color:#ffffff;
text-decoration: none;
padding: 3px 15px 3px 2px;
height:auto;
text-align:left;
z-index: 3;
background-color:662d91;
}


/* IE hack for submenu displays.  The width and link colors etc*/
html>body .menuwrapper ul li ul li a{
display: block;
width: 174px; /*width of sub menu levels*/
color:#000000;
text-decoration: none;
padding: 3px 5px 3px 2px;
height:auto;
text-align:left;
border:none;
z-index: 3;
}

.menuwrapper ul li ul li a:hover, .menuwrapper ul li a:hover ul li a:hover {
color:#000000;
background-color:#FFCCFF;
z-index: 3;
}

.menuwrapper ul li:hover a, .menuwrapper ul li a:hover {
background-color:#662D91;
color: white;
z-index: 3;
}




* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/*  Hack for IE \*/
* html .menuwrapper ul li { float: left; height: 1%; }
* html .menuwrapper ul li a { height: 1%; }
/* End */






table {
width:inherit;
}



html>body #navbottom {
width:847px;
background-color:#662d91;
height:10px;
}






</style>