/* menu  */

#nav { list-style-type: none; margin: 0;  z-index:-1 }
select { font:normal 10px Arial, Helvetica, sans-serif; color:#333; }
ul.gallery { /* all lists */ list-style: none; padding: 0; margin: 0; }
li.gallery { /* all list items */ float: left; position: relative; width: 157px; height: 25px;z-index:10; text-align: center; background-image:url(images/2008/home/1.gif); font:bold 11px/25px Arial, Helvetica, sans-serif; color:#3f4258; margin:0; }
li.last { width: 135px; }
li#forex { /* all list items */ width: 180px; }
li.gallery ul { /* second-level lists */ display: none; position: absolute; top: 25px; z-index:10; left: 0; text-align: left; width: 157px; background:#F8BA39; padding: 0; margin: 0; border-top:1px solid #f6ca66; }
li#forex ul { /* second-level lists */ width: 180px; background:#F8BA39; padding: 0; margin: 0; border-top:1px solid #f6ca66; }
li.last ul { width: 135px; }
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; }
li.gallery li { display:block; float:none; background:#F8BA39; border: 0; text-align:left; font: normal 11px Arial, Helvetica, sans-serif; color:#F8BA39; margin-top:8px; margin-bottom:9px; margin-left:0px; line-height:10px; height:10px; background-color: #F8BA39; }
li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block; }
#content { clear: left; }
li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block; }
#content { clear: left; }
.navBar { /* upper level nav item styles */ font-family:Arial, sans-serif; font-size:11px; font-weight:bold; color:#000000; }
.navLinks { /* second-level list styles (drop-down menu items) */ margin-top:0px; margin-left:7px; font: normal 10px Verdana, sans-serif; color:#000000; }
/* the "#nav" is to differentiate these from the styles in fxcm_style.css*/
#nav a.effect30:link { color: #000000; text-decoration: none; font-weight:bold; }
#nav a.effect30:active { color: #000000; text-decoration: none; font-weight:bold; }
#nav a.effect30:visited { color: #000000; text-decoration: none; font-weight:bold; }
#nav a.effect30:hover { color: #000000; text-decoration: none; font-weight:bold; }
a.effect31:link { color: #000000; text-decoration: none }
a.effect31:active { color: #000000; text-decoration: none }
a.effect31:visited { color: #000000; text-decoration: none }
a.effect31:hover { color: #000000; text-decoration: underline }
#nav a.effect32:link { color: #000000; text-decoration: none }
#nav a.effect32:active { color: #000000; text-decoration: none }
#nav a.effect32:visited { color: #000000; text-decoration: none }
#nav a.effect32:hover { color: #000000; text-decoration: underline }
a.effect34:link { color: #FFFFFF; text-decoration: none }
a.effect34:active { color: #FFFFFF; text-decoration: none }
a.effect34:visited { color: #FFFFFF; text-decoration: none }
a.effect34:hover { color: #FFFFFF; text-decoration: underline }
a.effect1:link { color: #000000; text-decoration: none }
a.effect1:active { color: #000000; text-decoration: none }
a.effect1:visited { color: #000000; text-decoration: none }
a.effect1:hover { color: #000000; text-decoration: underline }
a.effect2:link { color: #000000; text-decoration: none }
a.effect2:active { color: #000000; text-decoration: none }
a.effect2:visited { color: #000000; text-decoration: none }
a.effect2:hover { color: #000000; text-decoration: underline }
a.effect4:link { color: #FFFFFF; text-decoration: none }
a.effect4:active { color: #FFFFFF; text-decoration: none }
a.effect4:visited { color: #FFFFFF; text-decoration: none }
a.effect4:hover { color: #FFFFFF; text-decoration: underline }
a.effect3:link { color: #000000; text-decoration: none }
a.effect3:active { color: #000000; text-decoration: none }
a.effect3:visited { color: #000000; text-decoration: none }
a.effect3:hover { color: #000000; text-decoration: underline; font-weight: bold; }