/* New greens
Dark: #18A24A
Light: #E8FCEF 
*/

.core ul { list-style-type: none; margin-top: 10px; margin-left: 10px; width: 130px; }
.core li { width: 130px; display: block; }
.core li.Student ul { display: none; }
.core a { display: block; width: 115px; padding:2px 8px 2px 8px; margin:0 0 4px 0; text-decoration:none; background:#f0f0f0; font-size:70%;	color:#18A24A; }
.core a:hover{ display:block; text-decoration:none; background:#e0e0e0; color:#000000 }
.core ul ul { display: block; margin-top: 0px;}
.core a.open {}
.core ul .open ul { display: block; }
.core ul .open ul ul { display: none; }
.core ul ul .open ul { display: block; }
.core li.open ul { margin-top: 0; }
.core li.open a, .core li.open li.open a { background-color: #18A24A; color: #fff; }
.core li.open li a, .core li.open li.open li a { background-color: #f0f0f0; color: #093; }
.core li a.selected { background-color: #18A24A; color: #fff; }
.core li.open li a.selected, .core li.open li.open li a.selected { background-color: #18A24A; color: #fff; }

.activenavitab { padding:4px 8px 5px 8px; color:#ffffff; margin:0 0 5px 0; text-decoration:none; background:#006600 url(images/corner.gif) top right no-repeat; }
.activenavitab:hover{ text-decoration:none; color:#FFCC00; }

#menu { margin-top: 10px; margin-left: 20px; }

/*=======================================*/
/*\*/
* html .site ul ul { top: 29px; z-index: 10000 }
* html .site ul ul li a { width: 195px;	font-size: 100%; }
/**/

.site ul { list-style-type: none; height: 29px; border-bottom: 2px solid #18A24A; width: 760px; z-index: 10000 }
.site ul li { height: 29px; float: left; margin-right: 10px; position: relative; z-index: 10000 }

/* Base styling for menu tabs */
.site ul a { padding: 5px; height: 19px; margin-left: 5px; font-size: 0.95em; text-decoration: none; color: #000; display: block; width: auto; background: url(/templates/common/images/menu-bg.jpg) }
.site ul a span.left{ position: absolute; left: 0px; top: 0px; background: url(/templates/common/images/menu-left.jpg); display: block; width: 5px; height: 29px; }
.site ul a span.right{ position: absolute; right: -5px; top: 0px; background: url(/templates/common/images/menu-right.jpg); display: block; width: 5px; height: 29px; }

/* The styles for selection and hover are the same. The .hover class is not an error, it is added dynamically to support persistent highlighting of a parent tab when hovering over a submenu */
.site ul a:hover, .site ul a.hover, .site ul li.selected a { text-decoration: underline; color: #fff; background: url(/templates/common/images/menu-bg-selected.jpg); }
.site ul a:hover span.left, .site ul a.hover span.left, .site ul li.selected a span.left { background: url(/templates/common/images/menu-left-selected.jpg); }
.site ul a:hover span.right, .site ul a.hover span.right, .site ul li.selected a span.right { background: url(/templates/common/images/menu-right-selected.jpg); }

/* Sub menus */
.site ul ul { list-style-type: none; margin: 0; width: 280px; position: absolute; padding: 0; left: 0px; top: 29px; visibility: hidden; z-index: 10000 }
.site ul li.About ul { width: 140px; }
.site ul li.Events ul { width: 150px; }
.site ul li.Resources ul { width: 160px; }
.site ul li.Membership ul { width: 200px; }

.site ul :hover ul { visibility: visible; }
.site ul :hover ul li a { background: none; text-decoration: none; }
.site ul :hover ul li a span.left { background: #18A24A; }
.site ul :hover ul li a span.right { background: #18A24A; }

.site ul li ul li { float: left; width: 100%; background: #18A24A; }
.site ul li ul li a, .site ul li.selected ul li a { background-image: none; background: #18A24A; color: #fff; text-decoration: none;}
.site ul li ul li a span.left, .site ul li.selected ul li a span.left { background: #18A24A; }
.site ul li ul li a span.right, .site ul li.selected ul li a span.right { background: #18A24A; }

.site ul li ul li a:hover { background: #18A24A; text-decoration: underline;}
.site ul li ul li a:hover span.left { background: #18A24A; }
.site ul li ul li a:hover span.right { background: #18A24A; }

.site ul li.selected a ul li { background: #18A24A; }
.site ul li.selected a ul li a { background: #18A24A; }

#menu { height: 23px; }
#memberfees { border: 1px solid #bed2b0; margin: 20px auto; width: 400px; font-size: 90%; }
#memberfees .header { background-color: #006600; color: #fff; height: 20px; }
#memberfees th { font-weight: normal; text-align: left; padding-left: 10px; }
#memberfees td{ margin: 0; padding-left: 10px; }
#memberfees tr.odd { background-color: #bed2b0; }