/* graphical menu codes */

#topmenu ul {
	list-style: none;
   width: 1000px;
	height:39px;
	padding:0;
	margin: 0 auto 0 auto;
  	float: left;
	display:inline;
   position: relative;
	overflow: hidden;
   }

#topmenu li {
   display: inline;
   position: absolute;
}


#topmenu li a{
	float: left;
	font-size:11px;
	line-height: 14px;
	white-space: nowrap;
	text-transform: uppercase;
	text-align:center;
	padding: 0 0 0 0;
	text-indent:1000px;
	overflow:hidden;
	height:39px;
}

#topmenu li a:hover {
	color: #bceffa;
	}
a.on {
	color: #bceffa;
	}
	
#topmenu a {
	color: #ffffff;
	text-decoration: none;

}
#topmenu a:hover {
	color: #bceffa;
	text-decoration: none;
}	
	
	


.english_off {
background: url("/graphics/topmenu.gif") -5px 0 no-repeat;
width:206px;
}

.english_on {
background: url("/graphics/topmenu.gif") -5px -39px no-repeat;
}

.french_off {
background: url("/graphics/topmenu.gif") -211px 0 no-repeat;
width:316px;
}

.french_on{
background: url("/graphics/topmenu.gif") -211px -39px no-repeat;
}

.decor_off {
background: url("/graphics/topmenu.gif") -527px 0 no-repeat;
width:184px;
}

.decor_on{
background: url("/graphics/topmenu.gif") -527px -39px no-repeat;
}

.circa_off {
background: url("/graphics/topmenu.gif") -711px 0 no-repeat;
width:96px;
}

.circa_on{
background: url("/graphics/topmenu.gif") -711px -39px no-repeat;
}

.specials_off {
background: url("/graphics/topmenu.gif") -807px 0 no-repeat;
width:189px;
}

.specials_on{
background: url("/graphics/topmenu.gif") -807px -39px no-repeat;
}





ul.dropdown {
list-style: none;
margin: 0;
padding: 0;
border: none;
z-index:10000;
position:relative;
}

ul.dropdown li span {
display: block;
_display:inline-block;
text-decoration: none;
}
ul.dropdown li a {
display: block;
position: relative;
_display:inline-block; /* so IE doesn't add space between elements */
_width: 83%; /* makes block fill width in IE */
padding: 6px 10px 6px 10px;
font-size: 13px;
color: #ffffff;
text-decoration: none;
border-bottom:1px solid #493c2c;

}


ul.dropdown li a:hover{
color: #ffffff;
background: #664421;
	text-decoration: none;
}


#english_submenu {
	width:148px;
	padding: 5px 0;
	background: #130e06;
	position: absolute;
	top: 208px;
	left: 33px;
	display: none;
	z-index:1000;
}

#french_submenu {
	width:202px;
	padding: 5px 0;
	background: #130e06;
	position: absolute;
	top: 208px;
	left: 240px;
	display: none;
	z-index:1000;
}

#decor_submenu {
	width:222px;
	padding: 5px 0;
	background: #130e06;
	position: absolute;
	top: 208px;
	left: 520px;
	display: none;
	z-index:1000;
}

#circa_submenu {
	width:142px;
	padding: 5px 0;
	background: #130e06;
	position: absolute;
	top: 208px;
	left: 700px;
	display: none;
	z-index:1000;
}

#specials_submenu {
	width:180px;
	padding: 5px 0;
	background: #130e06;
	position: absolute;
	top: 208px;
	left: 816px;
	display: none;
	z-index:1000;
}
