@import url(text-colours.css);
@import url(bg-colours.css);
@import url(images.css);



/* ### CSS for PC IE 5. only - box model correction ### */
@media tty {
 i{content:"\";/*" "*/}} @import 'ie5xpc.css'; /*";}
}/* */


/* ie only iFrame dropdownlist fix*/
div.mod-mainnav-1 iframe {
	visibility: hidden;
	position: absolute;
	height: 0px;
	width: 0px;
	left: 0px;
	top: 0px;
	}


/* ###### Level 1 (Main-menu) (all browsers) ######  */

div.mod-mainnav-1 ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

div.mod-mainnav-1 li {
	font-size: 0.9em;
	line-height: 1.1em;
	width: 152px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: relative;
	top: 0;
	left: 0;
	z-index: 3;
	}


/* Specific menu item widths */
div.mod-mainnav-1 li#nav00 {
	width: 146px;
	}	
div.mod-mainnav-1 li#nav01 { /*NEWS*/
	width: 48px;
	}	
div.mod-mainnav-1 li#nav02 { /*CAREERS*/
	width: 64px;
	}	
div.mod-mainnav-1 li#nav03 {  /*ABOUT*/
	width: 54px;
	}	
div.mod-mainnav-1 li#nav04 { /*HELP*/
	width: 43px;
	}	
div.mod-mainnav-1 li#nav05 { /*CONTACT*/
	width: 82px;
	}					
div.mod-mainnav-1 li#nav06 { /*CUSTOM OLIGOS*/
	width: 102px;
	}
div.mod-mainnav-1 li#nav08 { /*SEAQUENCING*/
	width: 86px;
	}	
div.mod-mainnav-1 li#nav09 { /*GENOTYPING*/
	width: 86px;
	}		



div.mod-mainnav-1 a {
	text-decoration: none;
/*	font-weight: bold; */
	cursor:	pointer;
	display: block;
	margin: 0;
	}

/* Need to determine when this applies */
div.mod-mainnav-1 a {
	padding: 5px 7px 5px 7px;
	}



div.mod-mainnav-1 a:link {
	text-decoration: none;
	}
div.mod-mainnav-1 a:visited {
	text-decoration: none;
	}
div.mod-mainnav-1 a:hover {
	text-decoration: none;
	}
div.mod-mainnav-1 a:active {
	text-decoration: none;
	}
	
/* ###### Level 2 ###### */


/* Sub-menu specific */
div.mod-mainnav-1 li ul.lvl2 {
	visibility: hidden;	/* hides the submenus by default */
	top: 100%;
	left: 0;
	z-index: 3;
	}




/* Shared between levels 2+ */

div.mod-mainnav-1 li ul a { 
/*	font-weight: normal;*/
	display: block;
	padding: 5px 10px 5px 10px;
	margin: 0;
	}

div.mod-mainnav-1 li ul {
	position: absolute;
	width: 200px;/*
	border-width: 1px;
	border-style: solid;
	border-color: #ad7415;*/

	/*padding-bottom: 10px; problem with ie iFrames*/
	}
	
div.mod-mainnav-1 li li { 
	width: 200px;
	font-size: 1em;
	float: left;
	display: inline;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: relative;
	z-index: 3;
	}


/* Shared between levels 3 and deeper */
/* Subsequent menus appear to the left of their parent */

div.mod-mainnav-1 ul.lvl2 ul {
	visibility: hidden;
	z-index: 4;
/* Top border - right border */
	top: -1px;
	left: 201px;

	}




/* Not sure if this is required TEST */
div.mod-mainnav-1 ul.lvl3 li {
/*	position: static;*/ 
	}


/* Adjusts horizontal position of particular sub-menu */
div.mod-mainnav-1 li#nav04 ul.lvl2 {
/*	left: -60px;*/
	}

/* Positions a selected child menu to the right of it's parent */
div.mod-mainnav-1 li#mainnav12 ul.lvl3 {
	left: -200px !important; 	/* - 1x submenu width */
	width: 200px; /* Fixes bug in IE PC */
	}



/* ###### Child menu visibility ###### */

/*  level 2  Delete later when Class lvl1 is added to top level UL */
/* Modern browsers */
div.mod-mainnav-1 li:hover ul.lvl2 {
	visibility: visible;
	}
/* JavaScript reliant - IE */
* html div.mod-mainnav-1 li.over ul.lvl2 {
	visibility: visible;
	}


/*  level 2  */

/* Modern browsers */
div.mod-mainnav-1 ul.lvl1 li:hover ul.lvl2 {
	visibility:visible;
	}
	
/* JavaScript reliant - IE */
* html div.mod-mainnav-1 ul.lvl1 li.over ul.lvl2 {
	visibility:visible;
	}


/*  level 3  */

/* Modern browsers */
div.mod-mainnav-1 ul.lvl2 li:hover ul.lvl3 {
	visibility:visible;
	}
	
/* JavaScript reliant - IE */
* html div.mod-mainnav-1 ul.lvl2 li.over ul.lvl3 {
	visibility:visible;
	}