/* $Revision$ - $LastChangedDate$ */
/*CSS Drop down nav roll over */

/* This is a horrible hack to preload the background image */
/* This exists only because Internet Explorer (the bane of every css developer's existence) */
/* is still a widely-enough used browser that we have to support its idiosyncrasies */
body:after {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	content: url('/bnts/images_new/background.gif');
}

.topnav {
	height: 35px;
	font-size: 11px; 
	color:#FFFFFF;
	width: 100%;
	visibility: visible;
	background: #6699cc url("/bnts/images_new/background.gif") center repeat-x;
	background-size: auto 100%;
	text-align: center;
}

.topnav-inner {
	padding-left: 150px;
}

ul.IR {
	list-style: none;																			/* No bullet list */
	position: relative;																			/* Position of the title menu on the screen */
	margin-top: 0px;
}

ul.IR li.home, ul.IR li.home span {												/* Size of HOME button */
	width: 120px; 
	height: 35px;
}

ul.IR li.home span.button {																	/* Home button graphics */
	display: block;
	position: absolute;
	top: 0; 
	left: 0; 
	z-index: 1;
	background: url(../images_new/nav_off.gif) no-repeat;
	cursor: pointer;
}

ul.IR li:hover span.button {
	background: url(../images_new/nav.gif) no-repeat;
	cursor: pointer;
}

ul.IR li span.button.current-button {
	background: url(../images_new/nav.gif) no-repeat;
	cursor: pointer;
}

ul.IR span.text {																				/* Set positioning for title menu text */
	display: block;																			/* Allows dimensions to be applied to inline elements */
	position: absolute;
	top: 10px; 
	left: -1; 
	z-index: 1;
	font-size: 11px;																			/* Set formatting for title menu buttons */
	font-family: Century Gothic, sans-serif;
	text-align: center;
}

ul.IR li {																							/* Main menu bar */
	position: relative;
	float: left;
}

ul.IR a {
	display: block;																			/* Allows dimensions to be applied to inline elements */
}
* html ul.IR a {																				/* Holly hack (IE fix) */
	height: 1%;
}

ul.IR li a:link, ul.IR li a:visited {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

ul.IR li a:hover {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

ul.IR li ul {
	position: absolute;
	top: 35px;																					/* Vertical position of the submenus */
	left: -999em;																				/* Hides submenu off browser window (no hover) */
	margin: 0px;
	z-index: 10;																				/* Submenu floats above everything else */
	list-style: none;																			/* No bullets */
}

ul.IR li:hover ul {
	left: 0px;																						/* Horizontal position of the submenus (on hover) */
	margin: 0px; 
	padding: 0px;
}

ul.IR li ul li {
	width: 120px; 
	height: 30px;														/* Size of submenu button */
	text-align: center;																			/* Submenu text formatting */
	font-size: 11px;
	font-family: Century Gothic, sans-serif;
	font-weight: bold;
	background-color: #165D9D;
}

ul.IR li ul li a {
	padding-left: 0px;
	padding-top: 4px;
	width: 120px;
	height: 30px;														/* In submenu buttons, make link the same size as the button */
	color: white;
}

ul.IR li ul li a:hover {
	background-image: url(../images_new/nav_off.gif);
	text-decoration: none;
}

/* not used */
.navShow {
	left: 0px;																						/* Horizontal position of the submenus (on hover) */
	margin: 0px; padding: 0px;
}
