/* Ergonomic Solutions eTool PAGES STYLE SHEET   for Netscape                                     *
 * AUTHOR: Travis Cable                                                                           *
 * USDOL OSHA Salt Lake Technical Center                                                          *
 * LAST REVISED: 11/18/2011 - LB - updated whiteEight                                               *
 * LAST REVISED: 05/25/2010 - KSDD - added menu                                                   *
 * LAST REVISED: 03/21/2003 - Rachelle Cottle - added bluesix caption and hover                   *
 *                                                                                                *
 * 				                                                                                  *
 **************************************************************************************************/

BODY		{  margin-top: 5px;
		   margin-bottom: 0px;
		   margin-left: 5px;
  		   margin-right: 0px;
		   margin: 10px, 10px, 10px, 10px;
		   background-color: #FFFFFF }
			  
/******************************* Dropdown Menu *******************************/   	

.menu {
width:730px;
position:relative;
z-index:0;
}
* html .menu {width:729px; w/idth:730px;} /*** IE Fix ***/

/* level 1 */
.menu ul {
padding:0;
margin:1;
}

.menu li {
float:left;
width:180px;
position:relative;
list-style-type:none;
}

.menu a, .menu a:hover, .menu a:visited {
display:block;
text-decoration:none;
width:180px;
background-color:#213188;
padding:4px;
height:20px;
color: #FFFFFF;
font-weight:bold;
font-size:12px;
font-family:Tahoma, sans-serif;
text-align:center;
}
* html .menu a, .menu a:visited {width:179px; w/idth:180px;}

/* level 2 */
.menu ul ul {
width:180px;
background-color:#213188;
position:absolute;
top:28px;
left:0;
}
*html .menu ul ul {width:179; w/idth:180;}

/* position the 2nd menu flyout menu */
.menu ul ul {left:0px; top:28px; width:172px;}

.menu ul ul a, .menu ul ul a:visited, .menu ul ul a.drop, .menu ul ul a.drop:visited {
background: #213188 url (http://www.osha.gov/SLTC/etools/baggagehandling/images/arrowdn_white.gif) no-repeat 180 center;
}

.menu ul ul a.drop:hover {
background: #213188 url (http://www.osha.gov/SLTC/etools/baggagehandling/images/arrowdn_white.gif) no-repeat 180 center;
}

.menu ul ul :hover > a.drop{
background: #213188 url (http://www.osha.gov/SLTC/etools/baggagehandling/images/arrowdn_white.gif) no-repeat 180 center;
}


/* level 3 */
.menu ul ul ul{
width:180px;
background-color:#213188;
position:absolute;
top:0px;
left:0;
}
*html .menu ul ul {width:171; w/idth:172;}

/* position the 3rd menu flyout menu */
.menu ul ul ul{left:200px; top:48px; width:172px;}
.menu ul ul ul a, .menu ul ul ul a:visted, .menu ul ul ul a.drop, .menu ul ul ul a.drop:visited {
background: #213188 url (http://www.osha.gov/SLTC/etools/baggagehandling/images/arrowdn_white.gif) no-repeat 180center;
}

.menu ul ul ul a.drop:hover {
background: #213188 url (http://www.osha.gov/SLTC/etools/baggagehandling/images/arrowdn_white.gif) no-repeat 180 center;
}

.menu ul ul ul :hover > a.drop{
background: #213188 url (http://www.osha.gov/SLTC/etools/baggagehandling/images/arrowdn_white.gif) no-repeat 180 center;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000000; background:#BDCEDE;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#BDCEDE;}

/* style the top level hover 
.menu :hover > a, .menu ul ul :hover > a {color:#FFFFFF; background:#213188;}*/
 
/* 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;}



/* visible and hidden levels 

.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;} /* 2nd menu visible when 1st menu hovered */

/*.menu ul :hover ul{visibility:hidden;} /* 2nd menu hidden when 1st level hovered

.menu ul :hover ul :hover {visibility:visible;} /* 2nd menu visible when 1st menu hovered 

.menu ul :hover ul ul{visibility:hidden;} /* 3rd menu hidden when 1st level hovered

.menu ul :hover ul :hover ul{visibility:visible;} /* 3nd menu visible when 2nd menu hovered */

/******************************* Text *******************************/   	

.blackBoldFourteen
		   { font-size: 118%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color: #000000 }   

UL		 	{ list-style-type: disc }
UL UL	 	{ list-style-type: circle }
UL UL UL 	{ list-style-type: square }


.large	{  font-size: 100%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   text-decoration: none;} 

.small	{  font-size: 70%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   text-decoration: none; }
		   
.nav1over 	{ font-size: 70%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #BAC3E5;
		   text-decoration: none; }	
		   
.nav2over 	{ font-size: 70%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #FFC706;
		   text-decoration: none; }		
		   
.header1 	{ font-size: 80%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #FFFFFF; 
		   font-weight: bold; }

.header		   { font-size: 118%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #333333; 
		   font-weight: bold; }
		   
th		   { font-size: 80%; 
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #FFFFFF;
		   font-weight: bold; } 
		   
.whiteSixCaption {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:65%;
  font-weight:bold;
  color:#FFFFFF;
}

.leftnav	{  background-color:#213188
  } 	

.blue_fade	{ background-color:#213188
			}

.red_fade	{ background-color:#cc6666
			}

.greyBkgnd 	{  background-color:#CCCCCC
  } 	



/* ANCHORS */

a.nav1 	{ font-size: 80%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #FFFFFF;
		   text-decoration: none;
		   font-weight:bold }
		   
a:hover.nav1 	{ color : #BAC3E5; }

a.nav1sub 	{ font-size: 75%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #FFFFFF;
		   text-decoration: none; }

a:hover.nav1sub 	{ color : #BAC3E5; }	

a.nav1subon { color: #fc0; font-size: 78%; font-family: Verdana, Arial, Helvetica, Sans-Serif; text-decoration: none }
a.nav1subon:hover { color: #bac3e5 }
   
		   
a.nav2 	{ font-size: 80%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif;
		   color : #FFFFFF; 
		   text-decoration: none; }
		   
a:hover.nav2 	{ color : #FFC706; }	

a:link.common {  font-size: 70%;
		   font-family: Verdana, Arial, Helvetica, Sans-Serif; 
		   color: #FFFFFF }
		   
a.blueSixCaption {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:65%;
  font-weight:bold;
  color:#003399;
}

a:hover.blueSixCaption {
  color: #FFC706;
}

a.blueBoldNine {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:78%;
  font-weight:bold;
  color:#003399;
}

a:hover.blueBoldNine {
  color: #FFC706;
}

a.whiteEight { font-size: 50%;
  font-family: Tahoma, sans-serif;
  font-size:75%;
  color:#FFFFFF;
  text-decoration: none;
}

a:hover.whiteEight {font-size: 50%;
font-family: Tahoma, sans-serif;
  color: #6bc5ea;
  text-decoration: underline;
}

a.bottomnav { font-size: 65%;
           font-family: Tahoma, Sans-Serif;
		   color : #FFFFFF; 
		   text-decoration: none; }