/* COMMON MENU STUFF */
.menu, .menu2, .menu3
{
  height: 100%;
  padding: 0;
  margin: 0;
}

.menu .body, .menu2 .body, .menu3 .body
{
  padding: 0;
  margin: 0;
  color: black;
}

.menu .header h4, .menu2 .header th, .menu3 .header th
{
  white-space: nowrap;
  font-size: 11px;
  text-align: center;
  font-weight: bold;
  color: white;
  background-repeat: repeat-x;
  height: 24px;
  margin: 0;
  line-height: 24px;
}

/* Menu Header Left */
.menu .header .left, .menu2 .header .left, .menu3 .header .left
{
  background-repeat: no-repeat;
  background-position: top left;
  height: 24px;
  width: 4px;
}

/* Menu Header Right */
.menu .header .right, .menu2 .header .right, .menu3 .header .right
{
  background-repeat: no-repeat;
  background-position: top right;
  height: 24px;
  width: 4px;
}

/*
    Unique styles for menus (colours etc)
*/

/* Menu Orange */
.menu 
{
  width: 150px;
  margin-bottom: 5px;
}

.menu a, .menu a:visited/*, .menu2 a, .menu2 a:visited, .menu3 a, .menu3 a:visited*/
{
  color: black;
}

/*.menu a:hover, .menu2 a:hover, .menu3 a:hover
{
  color: black;
  background-color: white;
  text-decoration: none;
}*/

.menu a:hover
{
  background-color: #edb55c;
  text-decoration: none;
}

.menu .body
{
  background-color: #ffeac9;
  border-right: 1px solid #de8800;
  border-left: 1px solid #de8800;
  border-bottom: 1px solid #de8800;
  width: 148px;
}

.menu .header h4
{
  width: 142px;
  background-image: url('../images/ho_t.gif');
  float: left;
}

.menu .header .left
{
  background-image: url('../images/ho_tl.gif');
  float: left;
}

.menu .header .right
{
  background-image: url('../images/ho_tr.gif');
  float: right;
}

.menu .body ul
{
  padding: 0;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  list-style: none;
}

.menu .body ul li
{
  margin: 0; 
  padding: 0;
  background-image: url('../images/arrow.gif');
  background-repeat: no-repeat;
  background-position: 0% 10%;
  padding-left: 14px;
  padding-top: 2px;
  vertical-align: middle;
  white-space: normal;
  width: 126px;
}

.menu .body li img
{
  padding: 0;
  margin-right: 4px;
}

.menu .body ul ul
{
  padding-left: 25px;
}

.menu .body ul ul li
{
  background-image: url('../images/arrow2.gif');
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 21px;
  width: 75px;
}

.menu .body .eta
{
  font-size: 10px;
  color: black;
  font-style: italic;
  text-decoration: underline; 
}

.menu .body .view_all
{
  text-align: right;
  display: block;
  padding-right: 5px;
}

.menu .body img
{
  vertical-align: middle;
}

/* Menu Green */
.menu2
{
  width: 100%;
}

.menu2 a, .menu2 a:visited
{
  color: black;
  text-decoration: underline;
}

.menu2 a:hover
{
  background-color: #BBE16C; /*#9cd398;*/
  text-decoration: none;
}

.menu2 .body
{
  padding: 3px;
  width: 100%;
  background-color: #e3ffdb;
  border-right: 1px solid #538F27;
  border-left: 1px solid #538F27;
  border-bottom: 1px solid #538F27;
}

.menu2 .header th
{
  width: 100%;
  background-image: url('../images/hg_t.gif');
}

.menu2 .header .left
{
  background-image: url('../images/hg_tl.gif');
}

.menu2 .header .right
{
  background-image: url('../images/hg_tr.gif');
}

/* Menu Blue */
.menu3
{
  width: 100%;
}

.menu3 a, .menu3 a:visited
{
  color: blue;
}

.menu3 a:hover
{
  background-color: #c0dbf8;
  text-decoration: none;
}

a.csssucks:hover
{
background: none;
}

.menu3 .body
{
  padding: 10px;
  background-color: #e1ebf2;
  border-right: 1px solid #609EE7;
  border-left: 1px solid #609EE7;
  border-bottom: 1px solid #609EE7;
}

.menu3 .header th
{
  width: 100%;
  background-image: url('../images/hb_t.gif');
}

.menu3 .header .left
{
  background-image: url('../images/hb_tl.gif');
}

.menu3 .header .right
{
  background-image: url('../images/hb_tr.gif');
}