@charset "UTF-8";
/* CSS Document */

/*^'^ Navigation Structure ^'^*/
#nav-container-outer{
	/* width: 900px; */
	clear: both;
}
#SnapshotsLink {
	position: absolute;
	left: 730px;
	top: 0px;
	display: none;
}
#CanadaBox {
	width: 580px;
	height: 160px;
}
#EHSBox {
	width: 160px;
	height: 140px;
}
#EHSCABox {
	width: 160px;
/*	height: 80px;*/
}
#FormsBox {
	width: 730px;
	height: 170px;
}
#FormsCABox {
	width: 180px;
	height: 130px;
}
#OnlineServicesBox {
	width: 524px;
	height: 200px;
}
#ProductsBox {
	width: 250px;
	height: 80px;
}
#ResearchBox {
	width: 210px;
	height: 60px;
}
#SABRSBox {
	width: 230px;
	height: 260px;
}
#TutorialsBox {
}
#ARABox {
	width: 280px;
	height: 50px;
}
#CanadaOnlineTrainingBox {
	height: 100px;
}
.item-primary {
	color: #FFFFFF;
	font-family: var(--aii-fontfamily0);
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	line-height: 28px;
	padding: 0px 9px 0px 9px;
	background-image: url('/images/Transparent-Pixel.png');
	text-transform: uppercase;
}
.item-primary:hover {
	left: auto;
	background-image: url('/images/Header-Menu-Highlight.png');
}
.nav-container li:hover > .NavMenuBlock {
	left: auto;
	margin-left: 0px;
}
.nav-container {
	font-family: var(--aii-fontfamily0);
	position: relative;
	margin: 0px auto;
}
.nav-container ul {
	top: 100%;
}
.nav-container a, .nav-container li {
	cursor: pointer;
	float: left;
	display:block;
	white-space:nowrap;
}
.nav-container, .nav-container ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.nav-container li a {
	float: none;
}
.nav-container li {
	position: relative;
}
.NavMenuBlock {
	position: absolute;
	left: -10000px;
	top: 28px;
	background: #777777;
	z-index: 1;
}
.NavMenuBox {
	position: relative;
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	background: #777777;
	z-index: 9;
	padding: 10px;
	box-shadow: 6px 6px 2px 2px #444444;
}
.NavMenuCol {
	float: left;
	z-index: 9;
}
.menu-container, .menu-container ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: relative;
}
.menu-container ul {
	left: -10000px;
	position: absolute;
	z-index: 10;
	background: #888888;
	box-shadow: 6px 6px 2px 2px #444444;
	padding: 4px;
}
.menu-container li {
	cursor: pointer;
	display: block;
	float: left;
	white-space: nowrap;
}
.menu-container li:hover > ul {
	left: auto;
}
.menu-heading {
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	background: linear-gradient(to bottom, #666666 31%, #333333 100%) repeat scroll 0 0 #666666;
	border-radius: 8px 8px 8px 8px;
	margin: 0px 10px 10px 10px;
	clear: both;
}
.menu-primary, .menu-secondary {
	line-height: 20px;
	padding: 0px 10px;
}
.menu-primary:hover, .menu-secondary:hover, li.menu-secondary:hover > ul li a.item-primary, .NavMenuCloseButton:hover {
	background-image: url("/images/Header-Menu-Highlight.png");
}
.nav-divider {
	margin: 5px 4px;
	background: #D37272;
	width: 1px;
	height: 18px;
}
/* Site Search */
#SiteSearch {
	float: right;
	margin-top: 5px;
	cursor: pointer;
}
#SiteSearchFrame {
	width: 900px;
	height: 500px;
	border: 0px;
}
#SearchTop {
	position: absolute;
	top: -3px;
	right: 0px;
	width: 400px;
	padding-right: 130px;
}
#SearchTop label, #SearchTop input, #SearchTop button {
    font-size: inherit;
    padding: 0.1em;
    margin: 0.1em 0.2em;
    /* the following ensures they're all using the same box-model for rendering */
    -moz-box-sizing: content-box; /* or `border-box` */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 12px;
}