/* 
New Palette
lt blue #e1f1f8
med lt blue #80c9e0         

Cohasset blue #0086c2 
med-dark blue #7cc1e0 
dk blue #004e6c 

hilight red #92191c
orange #faa61a
*/


#myslidemenu {
    max-height: 30px;
    max-width: 1024px;
    font: normal small-caps 13px Arial, Helvetica, sans-serif;
    padding-top: 0; 
    z-index: 2000;
    text-align: left; 
}

.jqueryslidemenu{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 13px;
    font-variant: normal;
    background: #00709e url(/img/ddmenu/sub1.gif) repeat-x left top; 
    width: 100%;
    height: 30px;
    padding-left: 0;
    z-index: 2100;
}

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

/* ---------- Top level list items -------------*/

.jqueryslidemenu ul li{
    position: relative;
    display: inline;
    float: left; 
    z-index: 2100;     /* this is important for menu to appear above javascript scrolling images */
}

/* ---------- Top level menu link items style -------------*/

.jqueryslidemenu ul li a{
    display: block;
    /*    background of tabs (default state) */
    color: #000000;
    padding: 6px 10px;
    border-right: 1px solid #FFFFFF; 
    text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}

.jqueryslidemenu ul li a:link  {
    color: #000000;   
}

.jqueryslidemenu ul li a:visited{
/* color: #ffffff;   */
}

.jqueryslidemenu ul li a:hover{
    background: #faa61a url(/img/ddmenu/sub1_mo.gif) repeat-x left top; 
    color: #000000;
}

.jqueryslidemenu ul li a:focus {
         background-color: #5ea7dc;
         color: #000000;
}

 /* -------------- active state --------------------

 
.jqueryslidemenu ul li a:active {
     background-color: #ffffff;
     color: #eac03a;
}

.jqueryslidemenu ul li.current {
     background-color: #eac828;
}

 /* -------------- 1st sub level menu --------------------*/
 
.jqueryslidemenu ul li ul{
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li{
    display: list-item;
    float: none;
    color: #000000;
    z-index: 3000;    
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul{
    top: 0;
    color: #000000;   
}

/* Sub level menu links style */

.jqueryslidemenu ul li ul li ul li a:link {
    color: #000000;     
}

.jqueryslidemenu ul li ul li a {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 13px;
    font-variant: normal; 
    width: 195px; /* --- width of sub menus ---*/
    padding: 5px 5px 5px 15px;
    margin: 0;
    border-top-width: 0;
    border: 1px solid #000000;
    border-top: none;
    color: #000000;
    background: #00709e url(/img/ddmenu/sub1_lt.gif) repeat-x left top;    
}

.jqueryslidemenu ul li ul li a:hover { /*sub menus hover style*/
    background-color: #eddd8f;
    color: #000000;
    width: 195px;
    padding: 5px 5px 5px 15px;
    margin: 0;
    background: #faa61a url(/img/ddmenu/sub1_mo.gif) repeat-x left top; 
}

/* Sub sub level menu links style */

.jqueryslidemenu ul li ul li ul li a{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px;
    font-variant: normal; 
    width: 195px; /* --- width of sub-sub menus ---*/
    padding: 4px 4px 4px 15px;
    margin: 0;
    border-top-width: 0;
    border: 1px solid #000000;
    border-top-width: 0; 
    background: #faa61a url(/img/ddmenu/sub1_mo.gif) repeat-x left top;
    color: #000000;
}

.jqueryslidemenu ul li ul li ul li a:hover{ /*sub-sub menus hover style*/
    background: #ffffff url(/img/ddmenu/sub_sub1_mo.gif) repeat-x left top;
    color: #000000;
    width: 195px;
    padding: 4px 4px 4px 15px;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
    position: absolute;
    top: 12px;
    right: 7px;
}

.rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
}
