/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
  text-align:left;
  text-decoration:none;
  outline:none;
  letter-spacing:normal;
  word-spacing:normal;
}

.artmenu, .artmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.artmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background:none;
}

.artmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.artmenu li li
{
  float: none;
}

.artmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}

.artmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.artmenu:after, .artmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.artmenu, .artmenu ul
{
  min-height: 0;
}

.artmenu ul
{
  background-image: url(../images/spacer.gif);
 /* padding: 10px 30px 30px 30px;*/
  margin: 10px 0 0 30px;
}

.artmenu ul ul
{
/*  padding: 30px 30px 30px 10px;*/
  margin: -30px 0 0 -10px;
}

/* menu structure */

.nav
{
  position: relative;
  margin: 0  auto;
  width:900px;
  height: 30px;
  z-index: 100;
}

.artmenu
{
 /* padding: 8px 10px 0px 10px;*/
}


. .l, . .r, . .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 30px;
}

. .l
{
  left: 0;
  right: 10px;
}


. .r
{
  right: 0;
  width: 10px;
}


. .r div
{
  width: 900px;
  right: 0;
}


. .l, . .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('images/MenuBg.gif');
}

/* end Menu */
/* begin MenuItem */
.artmenu ul li
{
  clear: both;
}

.artmenu a , .artmenu a span
{
  height: 30px;
  display: block;
}


.artmenu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 2px;
  margin-left: 2px;

}
.artmenu a
{
  background-image: url('images/MenuL.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.artmenu a span
{
  background-image: url('images/MenuR.png');
  background-position: right top;
  background-repeat: no-repeat;
}
.artmenu a span span
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  color: #D8E9E7;
  padding: 0 2px;
  margin: 0 6px;
  line-height: 30px;
  text-align: center;
  background-image: url('images/MenuC.png');
  background-position: left top;
  background-repeat: repeat-x;

}


.artmenu a:hover
{
  background-position: left -30px;
}

.artmenu li:hover>a
{
  background-position: left -30px;
}
.artmenu li:hover a span
{
  background-position: right -30px;
}

.artmenu a:hover span
{
  background-position: right -30px;
}


.artmenu a:hover span span
{
  color: #161D1D;
  background-position: left -30px;
}

.artmenu li:hover a span span
{
  color: #161D1D;
  background-position: left -30px;
}


.artmenu a.active
{
  background-position: left -60px;
}

.artmenu a.active span
{
  background-position: right -60px;
}

.artmenu a.active span span
{
  color: #DAE2E2;
  background-position: left -60px;
}

/* end MenuItem */

/* begin MenuSubItem */
.artmenu ul a
{
  display:block;
  text-align: center;
  white-space: nowrap;
  height: 30px;
  width: 181px;
  overflow:hidden;
  line-height: 30px;
  margin-right: auto;


  background-image: url('../images/subitem-bg.png');
  background-position: left top;
  background-repeat: repeat-x;

  border-width: 1px;
  border-style: solid;
  border-color: #53938A;
}

. ul.artmenu ul span, . ul.artmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, . ul.artmenu ul span, . ul.artmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 30px;
  color: #274541;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}

.artmenu ul ul a
{
  margin-left: auto;
}

.artmenu ul li a:hover
{
  color: #F1F9F6;
  border-color: #274541;
  background-position: 0 -30px;
}

.artmenu ul li:hover>a
{
  color: #F1F9F6;
  border-color: #274541;
  background-position: 0 -30px;
}

. .artmenu ul li a:hover span, . .artmenu ul li a:hover span span
{
  color: #F1F9F6;
}
 
. .artmenu ul li:hover>a span, . .artmenu ul li:hover>a span span
{
  color: #F1F9F6;
}


/* end MenuSubItem */