/*** ESSENTIAL STYLES ***/

#ewsmenu_main, #ewsmenu_main *      { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; list-style:none; }
#ewsmenu_main                       { line-height:2.3em; }
#ewsmenu_main ul                    { position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */ }
#ewsmenu_main ul li                 { line-height:.02em; width:100%; }
#ewsmenu_main li:hover              { visibility:inherit; /* fixes IE7 'sticky bug' */ color:#000; }
#ewsmenu_main li                    { float:left; position:relative; }
#ewsmenu_main a                     { display:block; font-size:12px; font-weight:bold; position:relative; text-align:left; }
#ewsmenu_main li li a               { font-size:12px; font-weight:bold; }
#ewsmenu_main li:hover ul,
#ewsmenu_main li.sfHover ul         { height:50px; overflow:hidden; left:0; top:51px; /* match top ul list item height */ z-index:99; }
ul#ewsmenu_main li:hover li ul,
ul#ewsmenu_main li.sfHover li ul    { top:-999em; }
ul#ewsmenu_main li li:hover ul,
ul#ewsmenu_main li li.sfHover ul    { left:10em; /* match ul width */ top:0; }
ul#ewsmenu_main li li:hover li ul,
ul#ewsmenu_main li li.sfHover li ul { top:-999em; }
ul#ewsmenu_main li li li:hover ul,
ul#ewsmenu_main li li li.sfHover ul { left:10em; /* match ul width */ top:0; }

/*** DEMO SKIN ***/
#ewsmenu_main                       { float:left; margin-bottom:0em; }
#ewsmenu_main a                     { color:#fff; padding:.9em 0em; text-decoration:none; text-transform:none; }
#ewsmenu_main a, 
#ewsmenu_main a:visited             { /* visited pseudo selector so IE6 applies text colour*/ }
#ewsmenu_main li                    { background:url(https://www.crosscurrent.org/Canvases/Grid-LightBackgroundImage/images/nav-border-right.jpg) no-repeat top right; border-left:0px solid #916631; height:51px; margin-right:0px; padding:0px 0px; }
#ewsmenu_main li a                  { padding:0 1em; line-height:51px; }
#ewsmenu_main li li a               { color:#ceb9a3; line-height:45px; padding:0 1em; text-transform:none; }
#ewsmenu_main li li                 { background:none; background-image:none; border:none; height:45px; }
#ewsmenu_main li.menu-right li      { /*background:#AABDE6;*/ background-image:none; float:right; }
#ewsmenu_main li li li              { /*background:		#9AAEDB;*/ }
#ewsmenu_main li:hover, 
#ewsmenu_main li.sfHover,
#ewsmenu_main a:focus, 
#ewsmenu_main a:hover, 
#ewsmenu_main a:active              { /*background:#CFDEFF;*/ background:url(https://www.crosscurrent.org/Canvases/Grid-LightBackgroundImage/images/nav-arrow.jpg) no-repeat bottom center; outline:0; color:#fff; }

#ewsmenu_main ul li:hover, 
#ewsmenu_main ul li.sfHover,
#ewsmenu_main ul a:focus, 
#ewsmenu_main ul a:hover, 
#ewsmenu_main ul a:active           { /*background:#CFDEFF;*/ background:none; outline:0; }

/*** arrows **/
#ewsmenu_main a.sf-with-ul          { padding-right:2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator                   { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('https://www.crosscurrent.org/Canvases/Grid-LightBackgroundImage/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator               {  /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* 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 */
#ewsmenu_main ul .sf-sub-indicator  { background-position:  -10px 0; }
#ewsmenu_main ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#ewsmenu_main ul a:focus > .sf-sub-indicator,
#ewsmenu_main ul a:hover > .sf-sub-indicator,
#ewsmenu_main ul a:active > .sf-sub-indicator,
#ewsmenu_main ul li:hover > a > .sf-sub-indicator,
#ewsmenu_main ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul                       { background:	url('https://www.crosscurrent.org/Canvases/Grid-LightBackgroundImage/images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off         { background: transparent; }