/* common styling */

.menu {
font-family: verdana, arial, sans-serif;
width:100%;
position:relative;
font-size:12px;
margin:0px auto;
}


.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
height:auto;
text-align:left;
color:#ffffff;
padding-left:5px;
padding-right:5px;
border:1px solid #ffffff;
border-width:0 1px 0px 0;
line-height:15px;
font-size:14px;
}


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

.menu ul li {
float:left;
position:relative;
}

.menu ul li ul {
display: none;
}



/* specific to non IE browsers */

.menu ul li:hover a {
color:#000;
}

.menu ul li:hover ul {
display:block;
position:absolute;
left:0;
z-index: 2;
}

.menu ul li:hover ul li a.hide {
background:#896ad7; /* Background on 2nd Tier Navigation w/ Sub Directory */
color:#ffffff;
}

.menu ul li:hover ul li {
display:block;
background:#f8f1ff; /* Light Hover background ? */
color:#896ad7;
width:100px;
clear:both;
}

.menu ul li:hover ul li:hover a.hide {
background:#f8f1ff; /* 2nd & 3rd Tier Rollover Background */
color:#896ad7;
}

.menu ul li:hover ul li ul {
display: none;
}



.menu ul li:hover ul li a {
display:block;
background:#896ad7; /* 2nd Tier Navigation Background */
color:#ffffff;
width:100%;
padding-left:6px;
padding-top:5px;
padding-bottom:5px;
border:1px;
}

.menu ul li:hover ul li a:hover {
background:#f8f1ff; /* 2nd Tier Navigation Rollover Background */
color:#896ad7;
}



.menu ul li:hover ul li:hover ul {
display:block;
position:absolute;
left:210px;
bottom:0;
}

.menu ul li:hover ul li:hover ul li a {
background:#c385fd; /* 2nd & 3rd Tier Rollover Background */
color:#ffffff;
}

.menu ul li:hover ul li:hover ul li a:hover {
background:#ffffff; /* 1st Tier Navigation Background */
color:#896ad7;
}

.menu ul li:hover ul.left {
left:-105px;
}

.menu ul li:hover ul li:hover ul.left {
left:-210px;
width:209px;
}







/* 2nd Menu Options */
.menu2 {font-family: verdana, arial, sans-serif; width:368px; position:relative; margin:0px auto;}
.menu2 ul li a, .menu2 ul li a:visited {display:block; text-decoration:none; height:10px; text-align:center; color:#000; padding-left:4px; padding-right:4px; border:1px solid #ff62bb; border-width:0 1px 0px 0; line-height:10px;}
.menu2 ul {padding:0; margin:0;list-style-type: none; }
.menu2 ul li {float:left; position:relative;}
.menu2 ul li ul {display: none;}

/* specific to non IE browsers */
.menu2 ul li:hover a {color:#000;}
.menu2 ul li:hover ul {display:block; position:absolute; bottom:26px; left:0;}
.menu2 ul li:hover ul li a.hide {background:#a7c9c9; color:#000;}
.menu2 ul li:hover ul li {display:block; background:#fff; color:#000;width:199px; clear:both;}
.menu2 ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;}
.menu2 ul li:hover ul li ul {display: none;}
.menu2 ul li:hover ul li a {display:block; background:#c9a7c9; color:#000; width:100%; padding-left:10px;}
.menu2 ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu2 ul li:hover ul li:hover ul {display:block; position:absolute; left:210px; bottom:0;}
.menu2 ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#c9c9a7; color:#000;}

.menu2 ul li:hover ul.left {left:-105px;}
.menu2 ul li:hover ul li:hover ul.left {left:-210px; width:209px;}