
#nav, #nav ul {
	float: left;
	width: 600px;
	height: 150px;
	list-style: none;
	line-height: 1;
	/* background: white; */
	font-weight: bold;
	padding: 0;
	bor/der: solid #000000;
	bor/der-width: 1px 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	width: 10em;
	w\idth: 6em;
	color: #000;
	fon/t-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;
	font-size:11px;
	text-decoration: none;
	padding: 0.25em 2em;
	bac/kground-color: #000;
	opa/city:.5;  
	fil/ter:alpha(opacity=50); 
	-mo/z-opacity: .5;
}

#nav a.daddy {
	background: url(../images/rightarrow2.gif) center right no-repeat;
}

#nav a.daddy2 {
	/* background: #800000; */
	background: url(../images/clear.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 10em;
	bac/kground: white;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	bor/der-width: 0.25em;
	margin: 0;
	padding: 10px;
}

#nav li li {
	padding-right: 1em;
	wi/dth: 13em
}

#nav li ul a {
	wid/th: 13em;
	w\idth: 9em;
	co/lor:#CC9900;
}

#nav li ul a:hover {
	wi/dth: 13em;
	w\idth: 9em;
	color:#800000;
	back/ground-color: white;
}

#nav li ul ul {
	mar/gin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	co/lor: #999900;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	co/lor: #999900;
}

#nav li:hover, #nav li.sfhover {
	bac/kground: #800000;
	color: #e0e0e0;
	font-weight:bolder;
	opa/city:.5;  
	fil/ter:alpha(opacity=50); 
	-mo/z-opacity: .5;
}

#content {
	clear: left;
}

#content a {
	color: #7C6240;
}

#content a:hover {
	text-decoration: none;
}

#scaffolding {
	height: 70px;
	background: white url(/images/header_bg.gif) no-repeat;
	border: solid #eda;
	border-width: 1px 0 0 0;
	margin: 1em 0 0 0;
}

#scaffolding a {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	height: 70px;
	background: url(/images/hdlogo_flip2.gif) no-repeat;
	background-position: 181px 0;
}

#scaffolding a:hover {
	background-position: 181px -70px;
}

.animationContainer{
	height: 220px;
}

.navdemoDiv{
	/* background-color: #CCC; */
	position: absolute; 
	width: 600px;
	height: 150px; 
	overflow: hidden;
	top: 15px;
	z-index: 10;
}

.demoDiv{
	/* background-color: #CCC; */
	height: 300px; 
	overflow: hidden;
	z-index: -20;
}

.hideInitially{
	visibility: hidden;
}

.image {
  border:solid 1px black;
  padding:5px;
  background-color: #FFFFFF;
  opacity:1.0; 
  filter: alpha(opacity=100); 
  -moz-opacity: 1.0;
  z-index: 20;
  /* margin-right:10px; */
  }
  
.transON {
	border:solid 1px black;
  	padding:5px;
  	background-color: #FFFFFF; 
	opacity:1.0;  
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0;
}