table.menu {
display: block;
height: 22px;
background-color: #005F57;
color: #D5E6E6;
padding: 0px;
margin: 0px;
font-size: 9pt;

/*####*/
position: relative;
z-index: 1;
}

table.menu td {
height: 100%;
padding-bottom: 3px;
cursor: pointer;
font-size: 9pt; /* added this one, because the giftshop section of the site made this huge otherwise */
}

a.topitem {
display: block;
border-left: 1px solid #ffffff;
margin-top: 2px;
position: relative;
}

a.topitem:hover {
background-color: #5165A0;
}

ul a {
display: block;
font-weight: normal;
width: 100%;
}

table.menu form {
display: inline;
padding: 0px;
margin: 0px;
}

table.menu input {
border: 1px solid #D5E6E6;
width: 70px;
height: 12px;
}

/*--------------------SubMenu Styles-------------------*/
div.dhtml_padding_anchor {
	position:absolute; 
	visibility:hidden;

	width: 0px;
	height: 0px;
	z-index: 2;
}
div.dhtml_padding {	
	background: transparent url(../images/menu/blank.gif) top left no-repeat;
	position:relative;
	padding: 0px 40px 40px 0px;		
	width:167px;
	z-index: 2;
}

div.dhtml_padding_sub {	
	background: transparent url(../images/menu/blank.gif) top left no-repeat;
	padding: 0px 40px 40px 0px;
	left:127px;
	top: -16px;
	position:relative; 		
	width:247px; 
	height:auto;
	z-index: 2;
}

div.dhtml_padding_sub_left {	
	background: transparent url(../images/menu/blank.gif) top left no-repeat;
	padding: 0px 0px 40px 40px;
	position:relative; 			
	right: 207px;
	top: -16px;
	height:auto;
	width: 167px;	
	z-index: 2;
}

div.dhtml_padding_sub_left table.sub_menu {	
	width: 167px;	/* needed to set this width to match dhtml_padding_sub_left's width, otherwise had extra right-side padding on thinner menu sets */
	z-index: 2;
}

div.dhtml_padding_anchor_ie {
	position:absolute; 
	visibility:hidden;
	background: transparent url(../images/menu/blank.gif) top left no-repeat;
	padding: 0px 40px 40px 0px;		
	width:167px;
	filter: alpha(opacity=80); /* the alpha effect is cascading well for other browsers, so we'll just do the IE only one here */
	z-index: 2;
}

div.dhtml_padding_anchor_left_ie {
	position:absolute; 
	visibility:hidden;
	background: transparent url(../images/menu/blank.gif) top left no-repeat;
	padding: 0px 0px 40px 40px;		
	width: 130px;
	filter: alpha(opacity=80); /* the alpha effect is cascading well for other browsers, so we'll just do the IE only one here */
	z-index: 2;
}

table.sub_menu {
	/*background-color: #EBEEF6;*/
	background-color: #FFFFFF;
	border-top: 1px solid #344B8F;
	border-right: 1px solid #344B8F;
	border-left: 1px solid #344B8F;
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	filter: alpha(opacity=85);
	z-index: 2;
	
	width: 170px; /* Setting this gives us a fixed width on all our menu entries. */

	font-size: 10pt; /* had to add this one in...somehow IE was losing the font-size once inside the giftshop */
}

table.sub_menu * a {
	display: block;
	padding: 2px 5px 2px 5px;
	color: #344B8F;
	text-decoration: none;
}
table.sub_menu * a:hover {
	color: #597FA6;
	cursor: pointer;
	font-weight: normal;
}

table.sub_menu td {
	/*background-color: #EBEEF6;*/
	background-color: #FFFFFF;
	border-bottom: 1px solid #344B8F;
	padding-bottom: 0px;  /* needed to specifically set this, or IE was putting a 2px space in */
}

table.sub_menu td:hover, table.sub_menu td a:hover {
	background-color: #5B7EA4;
	color: #FFFFFF;
}
table.sub_menu_left {	
	/*background-color: #EBEEF6;*/
	background-color: #FFFFFF;
	border-top: 1px solid #344B8F;
	border-right: 1px solid #344B8F;
	border-left: 1px solid #344B8F;

	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);	
}
table.sub_menu_left td {
	/*background-color: #EBEEF6;*/
	background-color: #FFFFFF;
	border-bottom: 1px solid #344B8F;
}
table.sub_menu_left td a {
	display: block;
	padding: 5px 5px 5px 5px;

	font-size: 10pt; /* had to add this one in...somehow IE was losing the font-size once inside the giftshop */
	text-decoration: none;
	color: #344B8F;

}
table.sub_menu_left td:hover, table.sub_menu_left td a:hover {
	background-color: #5B7EA4;
	color: #FFFFFF;
}

/* this next one is to prevent the nested sub_menu from getting a double dose of 80% opacity */
table.sub_menu table.sub_menu {
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div#search_box {
	padding: 5px 0px 5px 5px;
	width: 140px;
	/*background-color: #EBEEF6;*/
	background-color: #FFFFFF;
	border: 1px solid #586C9E;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80); 
}
div#search_box input#search_input {
	width: 90px;
	height: 15px;
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
	border-top: 1px solid black;
	border-left: 1px solid black;
	background-color: #FFFFFF;
}
/*--------------------END SubMenu Styles-------------------*/

ul.small li {
list-style: none;
list-style-image: none;
}