.menu{
	margin:0px;
	padding:0px;
	list-style: none;
	border-bottom: dotted 1px #999;
}


.menu li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	color:#B0B1B0;
	border-bottom:1px solid #000;
	border-top: dotted 1px #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(/images/bullet.gif) 0px 8px no-repeat;
	list-style: none;
	line-height:1.3em;
}

.menu li.first {
	border-top: none;
}
.menu li a{
	color:#FDFDFD;
	display:block;
}

.menu li a:hover {
	color: #CCC;
}
.menu li.submenu{ /* Style for LI that contains sub lists (other ULs). */
/*lks	cursor: hand !important; */
	cursor: pointer !important;
	display:block;
	width:100%;
	color:#555;
	list-style: none;
}
.menu li a span{
	display:block;
	padding:3px 20px 3px 10px;
}

.menu li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
}

.menu .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
}

ul li ul{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 10px;
}

/*_____________________MENU___________________________*/

#menubar{
	margin: 0 0 0 15px;
	padding: 1px 0;
	width:900px; /*width is necessary for the float*/ 
	height:24px;
	overflow: hidden;
	position:relative;
	border-top: 1px dotted #464646;
	border-bottom: 1px #757575 solid;
	z-index:3; /* firefox needs this to position menu bar over the top of later content allowing links to work*/
	clear:left;
}


#menubar ul{ 
	list-style-type:none; /*removes bullets from the list*/ 
	text-align:left; /*aligns the text to what should end up as the center of each graphical button*/
	margin: 0;
	padding: 3px 0 0 0;
	float:left;
} 
#menubar ul li{ 
	display:inline; /*extra step to get IE to display link list horizontally*/ 
	margin: 0 0 0 29px;
	padding: 0;
	float:left;
} 

#menubar ul li.first {
	margin-left: 0;
}

#menubar ul li a{
	display:block; /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/
	position:relative;
	line-height:18px; /*set equal to the height of the navbar image. Using line-height, rather than height, will get the text aligned to the vertical centre of the button*/
	height:18px;
	overflow:hidden;
	font-size:120%;
	font-weight:bold;
	color:#E0DAAF;	/* colour for link text if images are turned off */
	text-decoration:none; /* stop text link underlining if images are turned off */
	border-bottom-style: none; /* tidy up later */
	text-align: center;
	padding:0;margin:0;
	padding-bottom:1em;
} 
#menubar ul li a span {
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	height:18px;
	background-repeat: no-repeat;
	background-position:0 0;
	overflow:hidden;
	padding:0;margin:0;
}

/* Set width and image on each link and span (if all equal set individual width on anchor instead.
Make sure the combined width doesn't exceed the total width of the menu bar */

#menubar ul li a#home{
	width:47px;
}
#menubar ul li a#bridal{
	width:58px;
}
#menubar ul li a#bridesmaids{
	width:94px;
}
#menubar ul li a#mens_hire{
	width:83px;
}
#menubar ul li a#holy{
	width:141px;
}
#menubar ul li a#fairs{
	width:120px;
}
#menubar ul li a#contact_us{
	width:96px;
}

#menubar ul li a#home span{
	background-image:url(/images/menu_home.gif);
	width:47px;
}
#menubar ul li a#bridal span{
	width:58px;
	background-image:url(/images/menu_bridal.gif);
}
#menubar ul li a#bridesmaids span{
	width:94px;
	background-image:url(/images/menu_bridesmaid.gif);
}
#menubar ul li a#mens_hire span{
	width:83px;
	background-image:url(/images/menu_mens.gif);
}
#menubar ul li a#holy span{
	width:141px;
	background-image:url(/images/menu_holy.gif);
}
#menubar ul li a#fairs span{
	width:120px;
	background-image:url(/images/menu_fairs.gif);
}
#menubar ul li a#contact_us span{
	width:96px;
	background-image:url(/images/menu_contact.gif);
}



#menubar ul li a:link span, #navbar ul li a:visited span{ background-position: 0 0;} /* image in base position */
#menubar ul li a:hover span, #navbar ul li a:focus span, #navbar ul li a:active span { background-position: 0 -18px;} /* shift image up to selected position */
#menubar ul li a:hover, #navbar ul li a:focus, #navbar ul li a:active {color: #FFF;} /* selected text colour*/

#rose {
	position: absolute;
	top: 55px;
	right: -10px;
	background: url(/images/largerose.png) no-repeat;
	width: 153px;
	height: 130px;
	z-index: 10;
}