/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */
.container4 {
	text-align:center;
	background: url(../images/menu4.gif);
	border:1px solid #006600;
	border-width:5px 1px 1px 1px;
	height:30px;
	margin:0 0 0 0; /* for this demo only */
}
.menu4 {
	font-family: verdana, sans-serif;
	font-size:8pt;
	background:transparent;
	width:90%;
	height:30px;
	margin:0 auto;
	font-weight: bold;
}
.menu4 ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.menu4 ul li {
	float:left;
	position:relative;
	text-align: center;
}
.menu4 ul li.home {
	background:transparent url(../images/house.png) no-repeat;
	background-position: center left;
}
.menu4 ul li.results {
	background:transparent url(../images/page.png) no-repeat;
	background-position: center left;
}
.menu4 ul li.calendar {
	background:transparent url(../images/calendar.png) no-repeat;
	background-position: center left;
}
.menu4 ul li.weekends {
	background:transparent url(menu4contact.gif);
}
.menu4 ul li.noticeboard {
	background:transparent url(../images/note.png) no-repeat;
	background-position: center left;
}
.menu4 ul li.contacts {
	background:transparent url(../images/group.png) no-repeat;
	background-position: center left;
	}
.menu4 ul li.links {
	background:transparent url(../images/link.png) no-repeat;
	background-position: center left;
}
.menu4 ul li.aboutbridge {
	background:transparent url(../images/comments.png) no-repeat;
	background-position: center left;
}
.menu4 ul li.map {
	background:transparent url(../images/map.png) no-repeat;
	background-position: center left;
}

.menu4 ul li.subresults {background:transparent url(menu4subprod.gif) no-repeat;}
.menu4 ul li.subprod2 {background:transparent url(menu4subprod2.gif) no-repeat;}
.menu4 ul li.subprod3 {background:transparent url(menu4subprod3.gif) no-repeat;}
.menu4 ul li.subnews {background:transparent url(menu4subnews.gif) no-repeat;}
.menu4 ul li.subnews2 {background:transparent url(menu4subnews2.gif) no-repeat;}
.menu4 ul li.subnews3 {background:transparent url(menu4subnews3.gif) no-repeat;}
.menu4 ul li.subserv {background:transparent url(menu4subserv.gif) no-repeat;}
.menu4 ul li.subserv2 {background:transparent url(menu4subserv2.gif) no-repeat;}
.menu4 ul li.subserv3 {background:transparent url(menu4subserv3.gif) no-repeat;}
.menu4 ul li.subserv4 {background:transparent url(menu4subserv4.gif) no-repeat;}
.menu4 ul li.subserv5 {background:transparent url(menu4subserv5.gif) no-repeat;}
.menu4 ul li.subsubl {background:#eee url(next.gif) no-repeat top left;}
.menu4 ul li.subsubr {background:#eee url(previous.gif) no-repeat 145px 0;}

.menu4 ul li a, .menu4 ul li a:visited {
	display:block;
	text-decoration:none;
	width:7em;
	height:30px;
	color:#006600;
	line-height:29px;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:7em;
}

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 table {
margin:-1px; border-collapse:collapse; font-size:1em;
}

/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
	color:#990099;
	text-decoration:underline;
	border:0;
}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:12em; height:auto; position:absolute; top:30px; background:#fff; border:1px solid #909; overflow:visible;
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
	display:block;
	background:transparent;
	text-decoration:none;
	color:#006600;
	height:auto;
	line-height:2em;
	width:12em;
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:8em;
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
color:#00f; text-decoration:underline;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#000; left:166px; height:auto; border:1px solid #909;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block; color:#00f; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:8em;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
color:#000; text-decoration:underline;
}