/********************** MENU WORK ************************************/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/upmenu.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:27px; left:0; background-color:#99CC33; color: #333333; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border-top:none; width:210px; margin:0}
ul.menu ul li a {display:block; padding:10px 8px; background-color:#99CC33; color: #333333;}
ul.menu ul li a:hover {background-color:#E9E9C7; color: #333333;}
ul.menu ul ul {left:210px; top:-1px}
ul.menu .menulink {xborder-right:1px dotted #fff; padding:6px 25px 6px; font-weight:normal; background-color:#362804; xbackground-color:#CEE927; text-align: center; color:#FFFFFF;xcolor:#344E4F;}
ul.menu .menulink:hover, ul.menu .menuhover {background-color:#E9E9C7; color: #000;}
ul.menu .sub {background:#99CC33 url('http://www.opportunitygreen.com/css/images/arrow-smaller.gif') 200px 15px no-repeat; color: #333333;}
ul.menu .topline {border-top:1px solid #aaa}

.menu1 { width:600px; position:relative; font-family:Arial, sans-serif; margin:0 0 0 0; float:left; }
.menu1 ul li a, .menu1 ul li a:visited { display:block; text-decoration:none; padding: 0 10px; height:20px; text-align:left; font-weight:normal; color:#344e4f; padding:5px 23px 5px 24px; border:1px solid #fff; border-width:0 0px 0 0; font-size:12px; float:left; } 
.menu1 ul { padding:0; margin:0; list-style-type: none; }
.menu1 ul li { float:left; position:relative; border-right:1px dotted #ffffff; background-color:#cee927; }
.menu1 ul li ul { visibility:hidden; position:absolute; }
.menu1 table { border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px; }
.menu1 ul li:hover a, .menu1 ul li a:hover { color:#000; background:#e9e9c7; }
.menu1 ul li:hover ul, .menu1 ul li a:hover ul { visibility:visible; top:30px; left:0; }

.menu1 ul li:hover ul li a.sub, .menu1 ul li a:hover ul li a.sub { background:#a7c9c9; color:#333333; }

.menu1 ul li:hover ul li, .menu1 ul li a:hover ul li { display:block; background:#fff; color:#333333;width:199px; clear:both; }

.menu1 ul li:hover ul li:hover a.sub, .menu1 ul li a:hover ul li a:hover.sub { background:#ff6501; color:#000; }

.menu1 ul li:hover ul li ul, .menu1 ul li a:hover ul li a ul { visibility:hidden; position:absolute; }
.menu1 ul li:hover ul li a, .menu1 ul li a:hover ul li a { display:block; background:#99cc33; color:#333333; width:100%; padding-left:10px; }
.menu1 ul li:hover ul li a:hover, .menu1 ul li a:hover ul li a:hover { background:#e9e9c7; color:#333333; }
.menu1 ul li:hover ul li:hover ul, .menu1 ul li a:hover ul li a:hover ul { visibility:visible; left:210px; bottom:0; }
.menu1 ul li:hover ul li:hover ul li a, .menu1 ul li a:hover ul li a:hover ul li a { background:#ff6501; color:#333333; }
.menu1 ul li:hover ul li:hover ul li a:hover, .menu1 ul li a:hover ul li a:hover ul li a:hover { background:#99cc33; color:#333333; }
.menu1 ul li:hover ul.left, .menu1 ul li a:hover ul.left { left:-105px; }
.menu1 ul li:hover ul li:hover ul.left, .menu1 ul li a:hover ul li a:hover ul.left { left:-210px; width:209px; }