/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul li:hover ul ul, .menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul li ul li:hover ul, .menu ul li ul a:hover ul{ visibility:visible;}


/* make the second level visible when hover on first level list OR link */
/*.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }*/
/* keep the third level hidden when you hover on first level list OR link */
/*.menu ul :hover ul ul{visibility:hidden;}*/
/* make the third level visible when you hover over second level list OR link */
/*.menu ul :hover ul :hover ul{ visibility:visible;}*/


/* ================================================================ 
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/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:702px; height:32px; font-size:0.85em; position:relative; z-index:100;left: 0px;top:12px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:702px; w\idth:702px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}


.menu li.homelink {width:59px;}
.homelink a, .homelink a:visited  {display:block;font-size:11px;text-decoration:none; color:#2b2b2b; width:58px; height:31px; background: none; padding-right: 0px; line-height:29px;}
* html .menu .homelink a, * html .menu .homelink a:visited {width:52px; w\idth:52px;}





.menu .company ul {width:89px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;text-align: center;}
.menu ul ul li {text-align: left;}
.menu li.company {float:left;position:relative;}
/* style the links for the top level */
.company a, .company a:visited  {display:block;font-size:11px;text-decoration:none; color:#2b2b2b; width:78px; height:31px; background: none; padding-right: 0px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu .company a, * html .menu .company a:visited {width:89px; w\idth:92px;}
.company a, .company a:visited  {_font-size:10px;}

/* style the second level background */
.menu .company ul a.drop, .menu .company ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu .company ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu .company ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu .company ul ul a, .menu .company ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu .company ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:89px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu .company ul ul{left:89px; top:-1px; width:89px;}

/* position the third level flyout menu for a left flyout */
.menu .company ul ul.left {left:-89px;}


.menu .company li {
	border: 2px solid #8eb2d8;
	border-top-style: none;
	border-bottom-style: none;
	background: #fff;
}

.menu .company li.bottom {
	border-bottom-style: solid;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: none; color:#000; height: auto; line-height:1em; padding:5px 10px; width:129px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:130px;w\idth:108px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#8eb2d8;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#8eb2d8;}

/* make the second level visible when hover on first level list OR link */
/*.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }*/
/* keep the third level hidden when you hover on first level list OR link */
/*.menu ul :hover ul ul{visibility:hidden;}*/
/* make the third level visible when you hover over second level list OR link */
/*.menu ul :hover ul :hover ul{ visibility:visible;}*/


.menu .company li.top {
	background: #fff url(http://www.voyageurproject.com/images/bg_menushadow.gif) repeat-x left;
}

.menu .company ul a.toplink:hover{background:none;}
.menu .company ul :hover > a.toplink {background:none;}







/* SERVICES MENU========== */
.menu .services ul {width:89px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;text-align: center;}
.menu ul ul li {text-align: left;}
.menu li.services {float:left;position:relative;}
/* style the links for the top level */
.services a, .services a:visited  {display:block;font-size:11px;text-decoration:none; color:#2b2b2b; width:142px; height:31px; background: none; padding-right: 0px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu .services a, * html .menu .services a:visited {width:153px; w\idth:122px;}
.services a, .services a:visited  {_font-size:10px;}

/* style the second level background */
.menu .services ul a.phm, .menu .services ul a.phm:visited {background: url(http://www.voyageurproject.com/images/drop_pharma.gif) bottom right no-repeat;}
.menu .services ul a.bil, .menu .services ul a.bil:visited {background: url(http://www.voyageurproject.com/images/drop_bio.gif) bottom right no-repeat;}
.menu .services ul a.mdv, .menu .services ul a.mdv:visited {background: url(http://www.voyageurproject.com/images/drop_meddev.gif) bottom right no-repeat;}
.menu .services ul a.toxi, .menu .services ul a.toxi:visited {background: url(http://www.voyageurproject.com/images/drop_tox.gif) bottom right no-repeat;}
/* style the second level hover */
.menu .services ul a.phm:hover{background:#8eb2d8 url(http://www.voyageurproject.com/images/drop_pharma_on.gif) bottom right no-repeat;}
.menu .services ul :hover > a.phm {background:#8eb2d8 url(http://www.voyageurproject.com/images/drop_pharma_on.gif) bottom right no-repeat;}
.menu .services ul a.bil:hover{background:#8eb2d8 url(http://www.voyageurproject.com/images/drop_bio_on.gif) bottom right no-repeat;}
.menu .services ul :hover > a.bil {background:#8eb2d8 url(http://www.voyageurproject.com/images/drop_bio_on.gif) bottom right no-repeat;}
.menu .services ul a.mdv:hover{background:#8eb2d8 url(http://www.voyageurproject.com/images/drop_meddev_on.gif) bottom right no-repeat;}
.menu .services ul :hover > a.mdv {background:#8eb2d8 url(http://www.voyageurproject.com/images/drop_meddev_on.gif) bottom right no-repeat;}
.menu .services ul a.toxi:hover{background:#8eb2d8 url(http://www.voyageurproject.com/images/drop_tox_on.gif) bottom right no-repeat;}
.menu .services ul :hover > a.toxi {background:#8eb2d8 url(http://www.voyageurproject.com/images/drop_tox_on.gif) bottom right no-repeat;}

/* style the third level background */
.menu .services ul ul a, .menu .services ul ul a:visited {background:none;width:222px;}
/* style the third level hover */
.menu .services ul ul.pharma a:hover {background:#1b6087;}
.menu .services ul ul.bio a:hover {background:#bb2a2d;}
.menu .services ul ul.meddev a:hover {background:#7a2255;}
.menu .services ul ul.tox a:hover {background:#dd6841;}

.indent {
	text-indent: 20px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:189px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu .services ul ul{left:191px; top:-21px; width:242px;}
.menu .services ul ul{_left:143px;}
.menu .services ul ul.bio{top:-42px;}
.menu .services ul ul.bio{_top:-40px;}
.menu .services ul ul.meddev{top:-63px;}
.menu .services ul ul.meddev{_top:-60px;}
.menu .services ul ul.tox{top:-84px;}
.menu .services ul ul.tox{_top:-80px;}

.menu .services ul ul li{width:242px;}

/* no rollover higlight on blank top menu item in the third level flyout menu*/
.menu .services ul ul a.toplink:hover{background:none;}
.menu .services ul ul :hover > a.toplink {background:none;}

/* position the third level flyout menu for a left flyout */
.menu .services ul ul.left {left:-89px;}


.menu .services li {
	border: 2px solid #8eb2d8;
	border-top-style: none;
	border-bottom-style: none;
	background: #fff;
}

.menu .services li.bottom {
	border-bottom-style: solid;
}

.menu .services ul.pharma li {border: 2px solid #1b6087; border-top-style: none; border-bottom-style: none; background: #fff;}
.menu .services ul.bio li {border: 2px solid #bb2a2d; border-top-style: none; border-bottom-style: none; background: #fff;}
.menu .services ul.meddev li {border: 2px solid #7a2255; border-top-style: none; border-bottom-style: none; background: #fff;}
.menu .services ul.tox li {border: 2px solid #dd6841; border-top-style: none; border-bottom-style: none; background: #fff;}

.menu .services ul li.bottom {
	border-bottom-style: solid;
}

.menu .services ul li.top {
	background: #fff url(http://www.voyageurproject.com/images/bg_menushadow.gif) repeat-x left;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: none; color:#000; height: auto; line-height:1em; padding:5px 10px; width:129px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:108px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#8eb2d8;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#8eb2d8;}

/* make the second level visible when hover on first level list OR link */
/*.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }*/
/* keep the third level hidden when you hover on first level list OR link */
/*.menu ul :hover ul ul{visibility:hidden;}*/
/* make the third level visible when you hover over second level list OR link */
/* .menu ul :hover ul :hover ul{ visibility:visible;}*/


.menu .services li.top {
	background: #fff url(http://www.voyageurproject.com/images/bg_menushadow.gif) repeat-x left;
}

.menu .services ul a.toplink:hover{background:none;}
.menu .services ul :hover > a.toplink {background:none;}







/* LITERATURE MENU========== */
.menu .literature ul {width:89px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;text-align: center;}
.menu ul ul li {text-align: left;}
.menu li.literature {float:left;position:relative;}
/* style the links for the top level */
.literature a, .literature a:visited  {display:block;font-size:11px;text-decoration:none; color:#2b2b2b; width:78px; height:31px; background: none; padding-right: 0px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu .literature a, * html .menu .literature a:visited {width:89px; w\idth:98px;}
.literature a, .literature a:visited  {_font-size:10px;}

/* style the second level background */
.menu .literature ul a.drop, .menu .literature ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu .literature ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu .literature ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu .literature ul ul a, .menu .literature ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu .literature ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:89px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu .literature ul ul{left:89px; top:-1px; width:89px;}

/* position the third level flyout menu for a left flyout */
.menu .literature ul ul.left {left:-89px;}


.menu .literature li {
	border: 2px solid #8eb2d8;
	border-top-style: none;
	border-bottom-style: none;
	background: #fff;
}

.menu .literature li.bottom {
	border-bottom-style: solid;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: none; color:#000; height: auto; line-height:1em; padding:5px 10px; width:169px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:108px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#8eb2d8;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#8eb2d8;}

/* make the second level visible when hover on first level list OR link */
/*.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }*/
/* keep the third level hidden when you hover on first level list OR link */
/*.menu ul :hover ul ul{visibility:hidden;}*/
/* make the third level visible when you hover over second level list OR link */
/*.menu ul :hover ul :hover ul{ visibility:visible;}*/


.menu .literature li.top {
	background: #fff url(http://www.voyageurproject.com/images/bg_menushadow.gif) repeat-x left;
}

.menu .literature ul a.toplink:hover{background:none;}
.menu .literature ul :hover > a.toplink {background:none;}




/* CAREERS MENU========== */
.menu .careers ul {width:89px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;text-align: center;}
.menu ul ul li {text-align: left;}
.menu li.careers {float:left;position:relative;}
/* style the links for the top level */
.careers a, .careers a:visited  {display:block;font-size:11px;text-decoration:none; color:#2b2b2b; width:78px; height:31px; background: none; padding-right: 0px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu .careers a, * html .menu .careers a:visited {width:89px; w\idth:75px;}
.careers a, .careers a:visited  {_font-size:10px;}

/* style the second level background */
.menu .careers ul a.drop, .menu .careers ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu .careers ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu .careers ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu .careers ul ul a, .menu .careers ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu .careers ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:89px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu .careers ul ul{left:89px; top:-1px; width:89px;}

/* position the third level flyout menu for a left flyout */
.menu .careers ul ul.left {left:-89px;}


.menu .careers li {
	border: 2px solid #8eb2d8;
	border-top-style: none;
	border-bottom-style: none;
	background: #fff;
}

.menu .careers li.bottom {
	border-bottom-style: solid;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: none; color:#000; height: auto; line-height:1em; padding:5px 10px; width:69px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:108px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#8eb2d8;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#8eb2d8;}

/* make the second level visible when hover on first level list OR link */
/*.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }*/
/* keep the third level hidden when you hover on first level list OR link */
/*.menu ul :hover ul ul{visibility:hidden;}*/
/* make the third level visible when you hover over second level list OR link */
/*.menu ul :hover ul :hover ul{ visibility:visible;}*/


.menu .careers li.top {
	background: #fff url(http://www.voyageurproject.com/images/bg_menushadow.gif) repeat-x left;
}

.menu .careers ul a.toplink:hover{background:none;}
.menu .careers ul :hover > a.toplink {background:none;}







/* INVESTOR RELATIONS MENU========== */
.menu .investor ul {width:189px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;text-align: center;}
.menu ul ul li {text-align: left;}
.menu li.investor {float:left;position:relative;}
/* style the links for the top level */
.investor a, .investor a:visited  {display:block;font-size:11px;text-decoration:none; color:#2b2b2b; width:128px; height:31px; background: none; padding-right: 0px; line-height:29px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu .investor a, * html .menu .investor a:visited {width:89px; w\idth:117px;}
.investor a, .investor a:visited  {_font-size:10px;}

/* style the second level background */
.menu .investor ul a.drop, .menu .investor ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu .investor ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu .investor ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu .investor ul ul a, .menu .investor ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu .investor ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:89px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu .investor ul ul{left:89px; top:-1px; width:89px;}

/* position the third level flyout menu for a left flyout */
.menu .investor ul ul.left {left:-89px;}


.menu .investor li {
	border: 2px solid #8eb2d8;
	border-top-style: none;
	border-bottom-style: none;
	background: #fff;
}

.menu .investor li.bottom {
	border-bottom-style: solid;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: none; color:#000; height: auto; line-height:1em; padding:5px 10px; width:169px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:178px;}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#8eb2d8;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#8eb2d8;}

/* make the second level visible when hover on first level list OR link */
/*.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }*/
/* keep the third level hidden when you hover on first level list OR link */
/*.menu ul :hover ul ul{visibility:hidden;}*/
/* make the third level visible when you hover over second level list OR link */
/*.menu ul :hover ul :hover ul{ visibility:visible;}*/


.menu .investor li.top {
	background: #fff url(http://www.voyageurproject.com/images/bg_menushadow.gif) repeat-x left;
}

.menu .investor ul a.toplink:hover{background:none;}
.menu .investor ul :hover > a.toplink {background:none;}







/* CLIENT SUPPORT MENU========== */
.menu .client ul {width:89px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;text-align: center;}
.menu ul ul li {text-align: left;}
.menu li.client {float:left;position:relative;}
/* style the links for the top level */
.client a, .client a:visited  {display:block;font-size:11px;text-decoration:none; color:#2b2b2b; width:98px; height:31px; background: none; padding-right: 0px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu .client a, * html .menu .client a:visited {width:89px; w\idth:108px;}
.client a, .client a:visited  {_font-size:10px;}

/* style the second level background */
.menu .client ul a.drop, .menu .client ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu .client ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu .client ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu .client ul ul a, .menu .client ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu .client ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:89px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu .client ul ul{left:89px; top:-1px; width:89px;}

/* position the third level flyout menu for a left flyout */
.menu .client ul ul.left {left:-89px;}


.menu .client li {
	border: 2px solid #8eb2d8;
	border-top-style: none;
	border-bottom-style: none;
	background: #fff;
}

.menu .client li.bottom {
	border-bottom-style: solid;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: none; color:#000; height: auto; line-height:1em; padding:5px 10px; width:169px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:108px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#8eb2d8;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#8eb2d8;}

/* make the second level visible when hover on first level list OR link */
/*.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }*/
/* keep the third level hidden when you hover on first level list OR link */
/*.menu ul :hover ul ul{visibility:hidden;}*/
/* make the third level visible when you hover over second level list OR link */
/*.menu ul :hover ul :hover ul{ visibility:visible;}*/


.menu .client li.top {
	background: #fff url(http://www.voyageurproject.com/images/bg_menushadow.gif) repeat-x left;
}

.menu .client ul a.toplink:hover{background:none;}
.menu .client ul :hover > a.toplink {background:none;}









/* CONTACT MENU========== */
.menu .contactus ul {width:89px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;text-align: center;}
.menu ul ul li {text-align: left;}
.menu li.contactus {float:left;position:relative;}
/* style the links for the top level */
.contactus a, .contactus a:visited  {display:block;font-size:11px;text-decoration:none; color:#2b2b2b; width:68px; height:31px; background: none; padding-right: 0px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu .contactus a, * html .menu .contactus a:visited {width:89px; w\idth:78px;}
.contactus a, .contactus a:visited  {_font-size:10px;}

/* style the second level background */
.menu .contactus ul a.drop, .menu .contactus ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu .contactus ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu .contactus ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu .contactus ul ul a, .menu .contactus ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu .contactus ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:89px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu .contactus ul ul{left:89px; top:-1px; width:89px;}

/* position the third level flyout menu for a left flyout */
.menu .contactus ul ul.left {left:-89px;}


.menu .contactus li {
	border: 2px solid #8eb2d8;
	border-top-style: none;
	border-bottom-style: none;
	background: #fff;
}

.menu .contactus li.bottom {
	border-bottom-style: solid;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: none; color:#000; height: auto; line-height:1em; padding:5px 10px; width:169px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:108px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#8eb2d8;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#8eb2d8;}

/* make the second level visible when hover on first level list OR link */
/*.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }*/
/* keep the third level hidden when you hover on first level list OR link */
/*.menu ul :hover ul ul{visibility:hidden;}*/
/* make the third level visible when you hover over second level list OR link */
/*.menu ul :hover ul :hover ul{ visibility:visible;}*/


.menu .contactus li.top {
	background: #fff url(http://www.voyageurproject.com/images/bg_menushadow.gif) repeat-x left;
}

.menu .contactus ul a.toplink:hover{background:none;}
.menu .contactus ul :hover > a.toplink {background:none;}

.menu .contactus ul {left:-125px;}
.menu .contactus ul {_left:-24px;}