#navigation  { }

/* ----------------------- NAV TOP ------------------------- */

#navigation td.top  { color: white; }

#navigation td.top a   { color: white; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-position: left 0; text-decoration: none; text-align: left; text-indent: 10px; width: 100%; margin-right: 10px; padding-top: 3px; padding-bottom: 3px; display: block; }

#navigation td.top a:hover    { color: black; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #c1d82f; background-position: left 0; text-align: left; text-indent: 10px; width: 100% ; margin-right: 10px; padding-top: 3px; padding-bottom: 3px; display: block; }

/* ----------------------- NAV TOP ACTIVE ------------------------- */

#navigation td.topactive     { color: white; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fbb040; background-position: left 0; padding: 3px 10px; border-right: 1px solid black; border-left: 1px solid black; }


/* ----------------------- NAV LEFT ------------------------- */

#navigation td.left  { color: white; }

#navigation td.left a          { color: black; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-position: left 0; text-decoration: none; text-align: left; text-indent: 10px; width: 100%; margin-right: 10px; padding-top: 3px; padding-bottom: 3px; display: block; }

#navigation td.left a:hover    { color: white; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-position: left 0; text-decoration: none; text-align: left; text-indent: 10px; width: 100%; margin-right: 10px; padding-top: 3px; padding-bottom: 3px; display: block;  background-color: #fbb040;}

/* ----------------------- NAV LEFT ACTIVE ------------------------- */

#navigation td.leftactive     { color: white; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #5d9732; background-position: left 0; padding: 3px 10px; }
#navigation td.leftactive a   { color: black; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-position: left 0; text-decoration: none; text-align: left; text-indent: 10px; width: 100%; margin-right: 10px; display: block; }
#navigation td.leftactive a:hover    { color: white; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fbb040; background-position: left 0; text-align: left; text-indent: 10px; width: 100% ; margin-right: 10px; display: block; }