#jnav .navLink {border-bottom: 0;}

/* set the line-height below to the line-height of the nav div in styles.css */
/* set the padding below to the same padding in the nav div in styles.css (this is the width between the links */
/* set the color below to the main color of the navigation links */
#jnav .navLink .navLinkHREF {font-size:14px; color:#fff; font-weight:normal; line-height:32px; padding:0px 14px; background:url(blank.gif); border: solid 1px transparent; display: block;}

/* set the color below for the color of the main navigation text when it's being hovered */
#jnav .navLink .navLinkHREF:hover {}

/* set the top value below to the same line-height value above - give or take a couple of pixels if there's a border, etc */
#jnav ul {top:28px;}


#jnav .trigger {padding: 4px 0 4px 15px;}
#jnav, #jnav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1em;
z-index:1;
text-align: left;
}

#jnav a{
float: left;
padding: 0;
border:0px solid #5b5337;
/* the below color and background color is for the first level of drop-down links */
color:#fff;
background-color:#706F8F;
text-decoration:none;
}

/* this is the color of the link and background when hovering over one of the dropdowns */
#jnav a:hover{
background-color:#3C1567;
color:#fff;
}

#jnav li{
float:left;
position:relative;
margin-top: 0px;
padding: 0px 0px;
border-bottom: solid 0px white;
}

#jnav ul {
position:absolute;
display:none;
left: 0;
/* this is the border around the drop-downs */
border: solid 1px #3C1567;
border-top: 0;
/*border-top: none;*/
z-index: 50;
}

#jnav li ul a
{
width:180px; /* this is the width of the first drop down */
height:auto;
float:left;
font-size: 12px;
line-height: 18px;
}

#jnav ul ul{
top:auto;
}	

#jnav li ul ul {
left:195px; /* this is how far the second flyout moved to the right from left side of the first dropdown (usually about 15px more than width of #jnav li ul a above) */
margin:0px 0 0 0px;
z-index: 60;

}

#jnav li:hover ul ul, #jnav li:hover ul ul ul, #jnav li:hover ul ul ul ul{
display:none;
}
#jnav li:hover ul, #jnav li li:hover ul, #jnav li li li:hover ul, #jnav li li li li:hover ul{
display:block;
}


