#center {
	text-align: center; 
}
a.nounderline {
	text-decoration: none;
}
/* Settings for Top Heading Company name and logo */
#toplogo {
	/*right: 100px;*/
	position: absolute;
	top: 0px;
	left: 0px;
}
#toplogo img {
	border: 0;
}
#topsearch {
	position: absolute;
	top: 5px;
	left: 15px;
}
#topsearch img {
	border: 0;
}
#topsearch a {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background: transparent;
	color: #006699;
}
#topsearch a:link {
	background: transparent;
	color: #006699;
}
#topsearch a:visited{
	background: transparent;
	color: #006699;
}
#topsearch a:hover {
	background: transparent;
	color: #ff9900;
}
/*END: Top Heading Company name and logo */

/* Settings for the navigation menu */
body {
	background: #ececec;
	/*color: #ececec;*/
}
#topnav {
	/*height: 80px;
	background: url(topnav-bk.jpg) no-repeat left top;*/
	position: absolute;
	left: 0px; 
	width: 750px;	
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;
	top: 66px;
	/*top: 65px;*/ 
	/* *top: 65px; reposition for IE */
	
}
#topnav nav {
	position: relative;
	left: 0px;
	top: 0px;
	width: 750px;		
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;
	/* nav positioning */
	/* height: 40px;
	width: 750px;  
	left: 0px;
	top: 48px;
	*top: 48px; 
	/* reposition for IE position: absolute;*/	
	z-index: 6000;
		
}
#nav a {
	/*background: transparent;
	color: transparent;*/
	text-decoration: none
}
#nav li {
	/*float the main menu items */
	/* 0px spacing between each link on the top menu*/
	padding-right: 0px; display: block; float: left; margin: 0px;
}
#nav li ul {
	position: absolute;
	left: 0px; width: 755px; top: 20px; height: 20px;
	padding-right: 0px; padding-left: 25px; padding-bottom: 0px; margin: 0px; padding-top: 5px;
	display: none;
}
#nav li.off ul {
	position: absolute;
	left: 0px; width: 755px; top: 20px; height: 20px;
	padding-right: 0px; padding-left: 25px; padding-bottom: 0px; margin: 0px; padding-top: 5px;
	/* place the subnavs below */
	/* 10px spacing top, 30px for the first one from the left, -80px to move the whole thing back to the left*/
	background: #ff9900;
	/* hide the subnavs*/
	display: none;
}
#nav li.on ul {
	position: absolute;
	left: 0px; width: 755px; top: 20px; height: 20px;
	padding-right: 0px; padding-left: 25px; padding-bottom: 0px; margin: 0px; padding-top: 5px;
	/*display active subnav list*/	
	background: #006699;
	/*show the active nav*/
	display: block;
	
}
#nav li.on:hover ul {
	position: absolute;
	left: 0px; width: 755px; top: 20px; height: 20px;
	padding-right: 0px; padding-left: 25px; padding-bottom: 0px; margin: 0px; padding-top: 5px;
	/* colour for hover over area*/
	background: #ff9900;
}
#nav li.off:hover ul {
	position: absolute;
	left: 0px; width: 755px; top: 20px; height: 20px;
	padding-right: 0px; padding-left: 25px; padding-bottom: 0px; margin: 0px; padding-top: 5px;
	/*display the topics when their parent is hovered*/
	/*z-index set so that the hovers always take precedence over the current topic area’s subnav*/
	display: block;
	z-index: 6000;
}
#nav li.over ul {
	position: absolute;
	left: 0px; width: 755px; top: 20px; height: 20px;
	padding-right: 0px; padding-left: 25px; padding-bottom: 0px; margin: 0px; padding-top: 5px;
	/* hover over aREa (not around text) */
	background: #ff9900;
	display: block; 
	z-index: 6000;
}



#nav li a {
	position: absolute;
	/*for all links in the list*/
	/*93px the width for the tabs in the gif file*/
	/*83px the width for the tabs in the gif file*/
	display: block;
	color: #ff9900;
	padding-right: 0px; padding-left: 0px; font-weight: bold; padding-bottom: 0px; width: 84px;  padding-top: 0px;
}
#nav li.on a {
	/*change border colour for active topic (the tabs)*/
	color: #006699;
}
#nav li.on:hover ul a {
	/*color for active topic SELECTED link*/
	background: #ff9900;
	color: #ffffff;
}
#nav li.off:hover ul a {
	/*color for unactive topic SELECTED link*/
	background: #ff9900;
}
#nav li.over ul li a {
	/*for IE and Opera, the bg for the SELECTED link*/
	background: #ff9900;
}
#nav li.off a:hover {
	/*background for hovered tabs*/
	color: #ffffff;
}
#nav li.on a:hover {
	color: #000000;
}

#nav li span {
	/* hiding the Top headings, since now using image rollover by CSS*/
	left: -9384px; position: absolute;
}
#nav li.off ul a {
	position: relative; left: 0px;
	/* cancel inherit of broder on subnav of active topic */
	border: 0;
	/*BORDER-top-width: 0px; BORDER-left-width: 0px; BORDER-BOTTOM-width: 0px; BORDER-right-width: 0px;*/
	float: left; 
	/*IE doesn't inherit the float*/
	width: auto; margin-right: 10px; 
	/* text colour when hover over */
	display: block; font-size: 12px; background: #ffffff; color: #000000; font-family: arial, verdana, sans-serif;
}
#nav li.on ul a {
	position: relative; left: 0px;
	/* cancel inherit of broder on subnav of active topic */
	border: 0;
	/*BORDER-top-width: 0px; BORDER-left-width: 0px; BORDER-BOTTOM-width: 0px; BORDER-right-width: 0px;*/
	float: left; width: auto; margin-right: 10px; 
	/* text colour when left alone (text + its background)*/
	display: block; font-size: 12px; background: #006699; color: #ffffff; font-family: arial, verdana, sans-serif;
}
