/* styles for main ajax navigation */

div#naviOuter {
  top: 0px;
  left: 5px;
  height: 190px;
  position: relative;
  z-index: 9;
  float: left;
  text-align: left;
  width: 500px;
}


div.spacer {

}

div.spacerright {
  float:left;  height: 190px; position: relative; top: 0px; width: 40px;
}

div.spacerleft {
  float:left; height: 190px; position: relative; top: 0px; width: 11px;
}

div.spacerbottom {
  float:left; height: 10px; position: relative; top: 0px; width: 500px;
  z-index: 15; }



div#naviOuter div#navBox1 {
  padding: 0px 0px 0px 0px;
  width: 200px;
  height: 165px;
  background-color: #FFFFFF;
  position: relative;
  z-index: 10;
  filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	float: left;
}


div#navBox1Outer {
  width: 200px;
  z-index: 9;
  float: left;
  left: -1px;
  margin: 0px 0px 1px 0px;
  position: relative;
}


div#naviOuter div#navBox2 {
  padding: 0px 0px 0px 0px;
  width: 200px;
  height: 165px;
  background-color: #FFFFFF;
  position: relative;
  z-index: 10;
  filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	float: left;
}


div#navBox2Outer {
  width: 199px;
  height: 165px;
  z-index: 9;
  float: left;
	margin: 0px;
}



a.navItem {
  padding: 0px 0px 0px 0px;
  width: 200px;
  position: relative;
  z-index: 10;
  background: url('../templates/images/arrow.gif') no-repeat 5px 7px;
	float: left;
	font-size: 11px;
	color: #666666;
	height: 18px;
	display: block;
}

a.navItem:hover {
  background: url('../templates/images/arrow_white.gif') no-repeat 5px 7px;
	background-color: #7CA8C1;
	text-decoration: none;
	color: #FFFFFF;
	z-index: 10;

}

a.navItemActive {
  background: url('../templates/images/arrow_white.gif') no-repeat 5px 7px;
	background-color: #999999;
	text-decoration: none;
	color: #FFFFFF;
	z-index: 10;
}


span.navSpacer {
  padding: 0px 0px 0px 12px;
}