/* Basic code - don't modify */
 .clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}
 #nav {
	display: block;
	text-align: left;
	height: 27px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	background: url(../images/htab_bg.gif) repeat-x;
	z-index: 90;
}
#nav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
#nav li a {
	display:block;
	color: #993300;
	float:left;
	text-decoration:none;
	font-weight:normal;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	padding: 0px 20px 0px;
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
#nav li.menu_default {
	background: url(../images/htab3_btn.gif) no-repeat right 0px;
	height: 27px;
}
#nav li.menu_hilite {
	background: url(../images/htab_hi.gif) no-repeat right 0px;
	height: 27px;
	cursor: default;
}
/* Everything else is theming */
 
#nav li.menu_default a:hover {
	text-decoration: underline;
	color: #000;
	background: url(../images/htab3_ov.gif) no-repeat;
}

#nav li.menu_parent {
	background: url(../images/htab3d.gif) no-repeat right 0px;
	height: 27px;
}
#nav li.menu_parent a:hover {
	background: transparent url(../images/htab3dd.gif) no-repeat right top;
	text-decoration: underline;
}
#nav li.menu_hilite a span.menu_parent {
	background: transparent url(../images/htab_hi.gif) no-repeat right top;
}
#nav li a span.menu_ar {
	display: block;
	float: left;
	height: 21px;
	padding-right: 5px;
	cursor: pointer;
	padding-top: 6px;
}
#nav li a span.menu_hi {
	display: block;
	float: left;
	height: 21px;
	padding-right: 5px;
	cursor: default;
	padding-top: 6px;
}

* html #nav ul {
	line-height: 0;
} /* IE6 "fix" */

#nav ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
	width: 180px;
	top: 30px;
	background: #f3eedb url(../images/background.jpg);
}
#nav ul a {
	zoom: 1;
} /* IE6/7 fix */
#nav ul a {
	border-right: none;
	opacity: .9;
	filter: alpha(opacity=900);
}

#nav ul li {
	float: none;
	top: 0;
	margin: 0;
	padding: 0;
	width: 180px;
	z-index: 1000;
}

#nav ul li.menu_default {
	background: url(../images/htab3_btn.gif) no-repeat right 0px;
	height: 27px;
}
/* Everything else is theming */
 
#nav ul li.menu_default a:hover {
	text-decoration: underline;
	color: #000;
	height: 27px;
	background: transparent url(../images/htab3_ov.gif) no-repeat right top;
}
#nav ul li.menu_parent_2 {
	background: transparent url(../images/htab3r.gif) no-repeat right top;
	height: 27px;
}
#nav ul li.menu_parent_2 a:hover {
	background: transparent url(../images/htab3rd.gif) no-repeat right top;
	height: 27px;
	text-decoration: underline;
}
#nav ul li a span.menu_ar {
	display: block;
	float: left;
	height: 21px;
	width: 135px;
	cursor: pointer;
	padding-top: 6px;
}


#nav ul ul {
	float: left;
	left: 161px;
	width: 180px;
	top: 0;
	display:block;
	float:left;
	padding: 0px 0px 0px 20px;
}
#nav ul ul li a {
	display:block;
	float:left;
	padding: 0px 20px 0px;
}
/* Essentials - configure this */

#nav ul ul {
}
#nav ul ul li.menu_default {
	background: url(../images/htab3_btn.gif) no-repeat right 0px;
	height: 27px;
}
/* Everything else is theming */
 
#nav ul ul li.menu_default a:hover {
	text-decoration: underline;
	color: #000;
	height: 27px;
	background: url(../images/htab3_ov.gif) no-repeat;
}