/** Essential Superfish Styles

==============================================================================*/



#nav  {

float: left;

width: 860px;

list-style: none;

margin: 10px 0 10px 0;

background: #666666 url(../images/nav_main_bg.jpg) repeat-x 0 0;

line-height: 1.0;

}



#nav ul {

position: absolute;

top: -999em;

width: 10em; /* left offset of submenus need to match (see below) */

}



#nav ul li {

width: 100%;

}



#nav li:hover {

visibility: inherit; /* fixes IE7 'sticky bug' */

}



#nav li {

float: left;

position: relative;

z-index: 100;

border-right:2px solid #002b45;



}



#nav ul li ul li {

z-index: 100;

}



#nav a {

display: block;

position: relative;

}



#nav li:hover ul,

#nav li.sfHover ul {

left: 0;

top: 2.5em; /* match top ul list item height */

z-index: 100;

}



ul#nav li:hover li ul,

ul#nav li.sfHover li ul {

top: -999em;

}



ul#nav li li:hover ul,

ul#nav li li.sfHover ul {

left: 10em; /* match ul width */

top: 0;

}



ul#nav li li:hover li ul,

ul#nav li li.sfHover li ul {

top: -999em;

}



ul#nav li li li:hover ul,

ul#nav li li li.sfHover ul {

left: 10em; /* match ul width */

top: 0;

}



#nav a.sf-with-ul {

padding-right: 2.25em;

min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */

}



/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

#nav ul .sf-sub-indicator { background-position:  -10px 0; }

#nav ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

#nav ul a:focus > .sf-sub-indicator,

#nav ul a:hover > .sf-sub-indicator,

#nav ul a:active > .sf-sub-indicator,

#nav ul li:hover > a > .sf-sub-indicator,

#nav ul li.sfHover > a > .sf-sub-indicator {

background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/** Navigation Skin - (You can edit this section)

==============================================================================*/



ul#nav {

float: left;

width: 851px;

list-style: none;

margin: 11.75px 0 11.75px 0;

background: url(../images/nav_main_bg.jpg) repeat-x 0 0;


}



ul#nav li a {

display: block;

color: #ffffff;

background: url(../images/nav_bg.jpg) no-repeat top right;

padding: .75em 24px .75em 24px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;


}



ul#nav li.current_page_item a, ul#nav li.current-cat a {

color: #d6d6d4;

background: url(../images/nav_bg.jpg) repeat-x 0 -64px;


}



#nav li ul li a {

display: block;

padding: 7px 24px 7px 24px;

background: #13375d;

}



#nav a, #nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/

color: #ffffff;

}



#nav li ul {

border: 1px solid #000000;

}



#nav li {

background: #616266;

}



#nav li li {

color: #261b11;

background: url(../images/nav_bg.jpg) repeat-x 0 -32px;

}



#nav li li li {

color: #261b11;

background: url(../images/nav_bg.jpg) repeat-x 0 -32px;

}



#nav li:hover, #nav li.sfHover,

#nav a:focus, #nav a:hover, #nav a:active {

color: #261b11;

background: url(../images/nav_bg.jpg) repeat-x 0 -32px;

outline: 0;

}