#nav {
  height: 30px;
  background: url(../img/nav-bg.jpg) repeat-x;
  width: 975px;
  }

ul#nav {
/* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  }

#nav li {
/* all list items */
  float: left;
  position: relative;
  width: 72px;
  text-align: center;
  }

#nav li a {
  color: #eee;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  font: .9em/2em Arial, Helvetica, Geneva, sans-serif;
  padding: 1px 24px 2px;
  }

#nav li a:hover, #nav li.last a:hover, #nav li.on {
  color: #fff;
  background: #484848 url(../img/nav-on-bg.jpg) repeat-x;
  }

#nav li.home {
  width: 72px;
  }

#nav ul.none li a, #nav li.last ul.none a, #nav li.on ul.none li a {
  color: #fff;
  background-image: none;
  background-color: #484848;
 }

.chromestyle {
  width: 99%;
  font-weight: bold;
  }

.chromestyle:after {
/*Add margin between menu and rest of content in Firefox*/
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

.chromestyle ul {
  border: 1px solid #BBB;
  width: 100%;
  padding: 4px 0;
  margin: 0;
  text-align: center;
  }

.chromestyle ul li {
  display: inline;
  }

.chromestyle ul li a {
  color: #494949;
  padding: 4px 7px;
  margin: 0;
  text-decoration: none;
  border-right: 1px solid #DADADA;
  }

.chromestyle ul li a:hover {
  background: url(http://www.reedconstructiondata.com/css/chromebg-over.gif) center center repeat-x;
  }

.dropmenudiv {
	position: absolute;
	top: -1px;
	z-index: 100;
	background-color: white;
	width: 200px;
	font-style: normal;
	font-size: .9em;
	visibility: hidden;
  }

.dropmenudiv a {
  font: .9em/2.1em Arial, Helvetica, Geneva, sans-serif;
  text-transform: none;
  text-align: left;
  display: block;
  color: #fff;
  background-image: none;
  padding-left: 20px;
  background-color: #484848;
  }
.a122 {
	font-size: 12px;
	line-height: 23px;
}


.dropmenudiv dt {
  font: .9em/2.1em Arial, Helvetica, Geneva, sans-serif;
  text-transform: none;
  text-align: left;
  display: block;
  color: #fff;
  background-image: none;
  padding: 0px 20px 0px 20px;
  background-color: #484848;
  margin: 0px;
  }

.dropmenugroup {
  line-height: 14px;
  }

* html .dropmenudiv a {
/*IE only hack*/
  width: 100%;
  }

.dropmenudiv a:hover {
  color: #fff;
  background-image: none;
  background-color: #333;
  }

.callout {
  visibility: hidden;
  position: absolute;
  top: -1px;
  left: 320px;
  z-index: 100;
  width: 350px;
  background: #333 url(../img/dhtml-side.jpg) no-repeat left top;
  }

#nav li li:hover ul, #nav li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
  }

.callout p {
  color: #fff;
  padding: 20px;
  }

