.menu {width:950px; 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:950px; w\idth:950px;}

.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;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu .homelink a, * html .menu .homelink a:visited {width:89px; w\idth:78px;}

.homelink a:hover  {color:#fff; background:#8eb2d8;}

body { 
	background: url(../images/bg_main2.gif) repeat;
	background-position: center;
}

body { 
	_background: url(../images/bg_main.gif) repeat;
	_background-position: center;
}

#contentheader {
	background: url(../images/bgtitle_lipsum.gif) no-repeat;
}


#contentheadertwo {
	background: url(../images/bgtitle_lipsum.gif) no-repeat;
}




.menu {width:98%; height:32px; font-size:0.85em; position:relative; z-index:100;left: 0px;top:12px;}
.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(./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(../images/drop_pharma.gif) bottom right no-repeat;}
.menu .services ul a.bil, .menu .services ul a.bil:visited {background: url(../images/drop_bio.gif) bottom right no-repeat;}
.menu .services ul a.mdv, .menu .services ul a.mdv:visited {background: url(../images/drop_meddev.gif) bottom right no-repeat;}
.menu .services ul a.toxi, .menu .services ul a.toxi:visited {background: url(../images/drop_tox.gif) bottom right no-repeat;}
/* style the second level hover */
.menu .services ul a.phm:hover{background:#8eb2d8 url(../images/drop_pharma_on.gif) bottom right no-repeat;}
.menu .services ul :hover > a.phm {background:#8eb2d8 url(../images/drop_pharma_on.gif) bottom right no-repeat;}
.menu .services ul a.bil:hover{background:#8eb2d8 url(../images/drop_bio_on.gif) bottom right no-repeat;}
.menu .services ul :hover > a.bil {background:#8eb2d8 url(../images/drop_bio_on.gif) bottom right no-repeat;}
.menu .services ul a.mdv:hover{background:#8eb2d8 url(../images/drop_meddev_on.gif) bottom right no-repeat;}
.menu .services ul :hover > a.mdv {background:#8eb2d8 url(../images/drop_meddev_on.gif) bottom right no-repeat;}
.menu .services ul a.toxi:hover{background:#8eb2d8 url(../images/drop_tox_on.gif) bottom right no-repeat;}
.menu .services ul :hover > a.toxi {background:#8eb2d8 url(../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(./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(../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(./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(../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(../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; width: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(../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(./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;}




















img {
	border: none;
	vertical-align: bottom;
}

h1 {
	display: none;
}

#container {
	width: 951px;
	height: ;
	padding: 0 1px 0 0;
	margin: 0 0 0 0px;
	text-align: left; /* to realign the text after centering the container in the body */
	margin-left: auto;
    margin-right: auto;
    margin-top: -1px;
    _margin-top: 0px;
	position: relative;
}

#header {
	text-align: right;
	width: 951px;
	height: 92px;
	background: url(../images/bg_header.gif) no-repeat;
	min-height: 92px;
    _height: 92px;
}

#headeritems {
	width: 350px;
	margin-top: 34px;
	float: right;
}

#manytongues {
	margin-top: 10px;
	float: left;
}

input.textField {
	/*background: #fff url(../images/searchIcon.gif) no-repeat 7px 2px;*/
	border: 1px;
	margin-top: 10px;
	margin-right: 2px;
	padding: 3px 0 0 0;
	height: 14px;
	width: 100px;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	direction: ltr;
	text-align: right;
}

#primary {
	margin-top: -1px;
}

#topnav {
	margin: -1px 0 0 0;
	_margin: 0px 0 0 0;
	width: 951px;
	background: url(../images/bg_menubar.gif) no-repeat;
	min-height: 43px;
    _height: 43px;
}

html>body #topnav {
	margin: -1px 0 0 0;
}

#topnav ul {
	text-align: right;
}

#subtopnav {
	margin: -1px 0 0 0;
	width: 951px;
	background: url(../images/bg_subpagemenubar.gif) no-repeat;
	min-height: 48px;
	_height: 48px;
}

#subtopnav ul {
	text-align: right;
}

#navlist {
	text-align: right;
	margin: 0 20px 0 0;
	padding: 18px 0 0 0;
	font-family: Verdana, sans-serif;
}

#navlist ul, #navlist li {
	display: inline;
	margin: 0;
	padding: 0 9px 0 9px;
	color: #339;
}

#navlist a {
	text-decoration: none;
}

.homelink {
	margin: 0 160px 0 30px;
	_margin: 0 150px 0 10px;
}

#stagefooter  {
	margin: 0 0 13px 0;
	width: 951px;
	background: url(../images/bg_stagefooter.gif) no-repeat;
	min-height: 19px;
    _height: 19px;
}

#teaser1  {
	margin: 0 0 10px 0;
	float: left;
	width: 471px;
	background: url(../images/bg_teaser1.gif) no-repeat;
	min-height: 471px;
    _height: 471px;
    font-size: 10px;
}

#teaser1 img {
	margin: 140px 0 0 6px;
	float: left;
}

#teaser1 p {
	margin: 140px 0 0 0px;
	padding: 0 39px 0 0;
	width: 181px;
	float: right;
	line-height: 1.7;
}

#teaser1 p strong {
	line-height: 1.7;
}

#teaser2  {
	margin: 0 0 10px 0;
	float: right;
	width: 471px;
	background: url(../images/bg_teaser2.gif) no-repeat;
	min-height: 471px;
    _height: 471px;
    font-size: 10px;
}

#teaser2 img {
	margin: 80px 0 0 50px;
}

#teaser2 p {
	margin: 10px 0 0 50px;
	width: 350px;
	line-height: 1.7;
}

#teaser2 p strong {
	line-height: 1.7;
}

#teaser3  {
	margin: 0 0 14px 0;
	clear: both;
	float: left;
	width: 471px;
	background: url(../images/bg_teaser3.gif) no-repeat;
	min-height: 471px;
    _height: 471px;
    font-size: 10px;
}

#teaser3 img {
	margin: 100px 0 0 50px;
}

#teaser3 p {
	margin: 10px 0 0 50px;
	width: 380px;
	line-height: 1.7;
}

#teaser3 p strong {
	line-height: 1.7;
}

#teaser4  {
	margin: 0 0 14px 0;
	float: right;
	width: 471px;
	background: url(../images/bg_teaser4.gif) no-repeat;
	min-height: 471px;
    _height: 471px;
    font-size: 10px;
}

#teaser4 img {
	margin: 123px 0 0 0px;
	padding: 0 63px 0 0;
	float: right;
}

#teaser4 p {
	margin: 120px 0 0 52px;
	_margin: 120px 0 0 26px;
	width: 151px;
	float: left;
	line-height: 1.7;
}

#teaser4 p strong {
	line-height: 1.7;
}

#footer {
	clear: both;
	width: 951px;
	background: url(../images/bg_pagefooter.gif) no-repeat;
	min-height: 89px;
    _height: 89px;
    font-size: 10px;
}

#footer p {
	padding: 60px 0 0 20px;
}

#underbrand {
	margin: -1px 0 0 0;
	clear: both;
	width: 951px;
	background: url(../images/bg_underbranded.gif) no-repeat;
	min-height: 78px;
    _height: 78px;
}

#main {
	width: 951px;
	margin-top: 5px;
}

#contentarea {
	width: 706px;
	float: right;
	background: url(../images/bg_content.gif) repeat;
	margin-top: 11px;

}

#contentarea p {
	padding: 0 45px 25px 45px;
	line-height: 1.7;
}

#contentarea p.entrydate {
	padding-bottom: 5px;
	color: #0e79ca;
}

#contentarea a:link, #contentarea a:visited {
	color: #0a51a6;
}

#contentarea a:hover, #contentarea a:active {
	color: #8eb2d8;
}

#contentarea img.storypic {
	float: right;
	padding: 20px 45px 0 35px;
}

#contentheader {
	width: 706px;
	min-height: 10px;
    height:10px;
	background: url(../images/bgtitle_lipsum.gif) no-repeat;
	padding-top: 28px;
}

#contentheadertwo {
	width: 706px;
	min-height: 58px;
    _height: 58px;
	background: url(../images/bgtitle_profile.gif) no-repeat;
	padding-top: 28px;
}

#contentheaderthree {
	width: 706px;
	min-height: 58px;
    _height: 58px;
	background: url(../images/bgtitle_profile.gif) no-repeat;
	padding-top: 28px;
}

#contentheaderfour {
	width: 706px;
	min-height: 58px;
    _height: 58px;
	background: url(../images/bgtitle_profile.gif) no-repeat;
	padding-top: 28px;
}

#contentheaderfive {
	width: 706px;
	min-height: 58px;
    _height: 58px;
	background: url(../images/bgtitle_profile.gif) no-repeat;
	padding-top: 28px;
}

#contentheadersix {
	width: 706px;
	min-height: 58px;
    _height: 58px;
	background: url(../images/bgtitle_profile.gif) no-repeat;
	padding-top: 28px;
}

#contentheaderseven {
	width: 706px;
	min-height: 58px;
    _height: 58px;
	background: url(../images/bgtitle_profile.gif) no-repeat;
	padding-top: 28px;
}

#contentheadereight {
	width: 706px;
	min-height: 58px;
    _height: 58px;
	background: url(../images/bgtitle_profile.gif) no-repeat;
	padding-top: 28px;
}

#contentfooter {
	width: 706px;
	min-height: 50px;
    _height: 50px;
	background: url(../images/bg_contentftr.gif)  no-repeat bottom;
}

#leftnav {
	width: 245px;
	float: left;
}

#leftnavlist {
	margin-top: 25px;
	width: 245px;
	text-align: right;
	margin-left:0px;
	text-decoration: none;
	font-size: 11px;
	_font-size: 10px;
}

#leftnavlist ul {
	margin-right: 20px;
	
}

#leftnavlist li {
	list-style: none;
	height: 29px;
}


a.current {
	background: url(../images/bg_leftnavover.jpg) no-repeat;
}

#leftnavlist li a:link, #leftnavlist li a:visited {
	line-height: 30px;
	display: block;
	width: 245px;
	height: 29px;
	text-decoration: none;
}

#leftnavlist li a:hover {
	line-height: 30px;
	display: block;
	width: 245px;
	height: 29px;
	text-decoration: none;
	background: url(../images/bg_leftnavover.jpg) no-repeat;
}

#leftnavlist li a:active {
	line-height: 30px;
	display: block;
	width: 245px;
	height: 29px;
	text-decoration: none;
	background: url(../images/bg_leftnavover.jpg) no-repeat;
}


#buttonbar {
	width: 312px;
	height: 30px;
	margin: 0px 0 0 355px;
}

#content {

}

#content ul {
	text-align: left;
	margin: 0 40px 20px 40px;
}

#content ol {
	text-align: left;
	margin: 0 40px 20px 40px;
}

#content li {
	margin: 0 10px 10px 40px;
	line-height: 1.7;
}

/*  #content table {
	margin: 0 0 20px 45px;
	width: 450px;
}*/

p.shortpage {
	margin-bottom: 300px;
}

p.sortashortpage {
	margin-bottom: 450px;
}

p.reallyshortpage {
	margin-bottom: 600px;
}

#leftfoot {
	float: left;
	width: 450px;
	margin: 10px 0 0 25px;
	_margin: 25px 0 0 12px;
	font-size: 9px;	
	text-align:left;
}

#leftfoot a {
	color: #999;
}

#rightfoot {
	text-align: right;
	float: right;
	width: 350px;
	margin: 25px 30px 0 0;
}

h2 {
	padding: 0 45px 10px 45px;
	line-height: 1;
	font-size: 13px;
	color: #0a51a6;
	border-color: #6fb8ff;
	border-width: 1px;
}

#pullquote {
	float: right;
	width: 180px;
	font-family: georgia, Times, serif;
	background-color: #8eb2d8;
	font-size: 14px;
	color: #fff;
	line-height: 1.7;
	border: 1px solid  #0a51a6;
	padding: 15px;
	margin-right: 45px;
	margin-left: 25px;
}

#captionpic {
	float: right;
	width: 250px;
	font-size: 9px;
}

#rows {
	float: left;
	width: 175px;
	margin: 0px 0px 40px 40px;
}

#rows p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1;
	font-size: 9px;
}

#rows img {
	margin: 0 0 15px 0px;
}


#beginrow {
	float: left;
	width: 175px;
	margin: 0px 0px 40px 40px;
}

#beginrow p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1;
	font-size: 9px;
}

#beginrow img {
	margin: 0 0 15px 0px;
}

#beginrow2 {
	clear: all;
	float: left;
	width: 175px;
	margin: 0px 0px 40px 40px;
}

#beginrow2 p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1;
	font-size: 9px;
}

#beginrow2 img {
	margin: 0 0 15px 0px;
}


#midrow {
	float: left;
	width: 175px;
	margin: 0px 0px 40px 40px;
}

#midrow p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1;
	font-size: 9px;
}

#midrow img {
	margin: 0 0 15px 0px;
}

#endrow {
	float: left;
	width: 175px;
	margin: 0px 0px 40px 40px;
}

#endrow p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1;
	font-size: 9px;
}

#endrow img {
	margin: 0 0 15px 0px;
}


.ymtitle{
background-color: #B4D8EE;
padding-left:20px;
height:24px;
font-weight:bold
}

.pharmaNav {
	DISPLAY: block; 
	FONT-SIZE: 0px; 
	BACKGROUND: url(./images/btn_pharma2.gif) no-repeat left top; 
	OVERFLOW: hidden; 
	WIDTH: 75px; 
	TEXT-INDENT: 999px; 
	HEIGHT: 30px
}

.bioNav {
	DISPLAY: block; 
	FONT-SIZE: 0px; 
	BACKGROUND: url(./images/btn_biologics2.gif) no-repeat left top; 
	OVERFLOW: hidden;
	 WIDTH: 75px; 
	 TEXT-INDENT: -1000px; 
	 HEIGHT: 30px
}

.mediNav {
	DISPLAY: block; 
	FONT-SIZE: 0px; 
	BACKGROUND: url(./images/btn_meddev2.gif) no-repeat left top; 
	OVERFLOW: hidden; 
	WIDTH: 75px; 
	TEXT-INDENT: -1000px; 
	HEIGHT: 30px
}

.toxNav {
	DISPLAY: block; 
	FONT-SIZE: 0px; 
	BACKGROUND: url(./images/btn_toxico2.gif) no-repeat left top; 
	OVERFLOW: hidden; 
	WIDTH: 75px; 
	TEXT-INDENT: -1000px; 
	HEIGHT: 30px
}

#nav A {
	OVERFLOW: hidden; TEXT-INDENT: -999px
}

#nav A {
	OVERFLOW: hidden; TEXT-INDENT: -999px
}

#nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1%; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

#nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1%; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

#nav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

#nav LI:hover UL {
	LEFT: auto
}

#nav LI.sfhover UL {
	LEFT: auto
}

#nav LI.sfhover UL {
	LEFT: auto
}