/* CSS Document */

/*rd - the following is a fix for a known problem with ie7 - menus sticking - leave this in!  */
#globalNav li:hover,#globalNav li li:hover, #menu li.hover , #menu li li.hover {   
    position: static;   
} 



ul, li {margin: 0px;padding: 0px;}
#globalNav, #globalNav ul { /* all lists */list-style: none;z-index:2000;}
#globalNav a {color: #BAFFFF;text-decoration: none;display:block;font-size: 10px;width: 130px;}
* html #globalNav a:hover {height:128px; he\ight:0;}
* html #globalNav a:link, * html #globalNav a:visited {height:128px; he\ight:0;}
/* top menu items - these are graphic image menus for this illustration ---- */
#globalNav #menuItem1 {background-image: url(/images/nav/course_def.jpg);width: 67px;height:29px;background-repeat: no-repeat;float: left;}
/*#globalNav #menuItem1:hover {background-image: url(/images/nav/course_ov.jpg);}*/

#globalNav #menuItem1 a {
	display:block; 
	width: 67px;
	height:29px;
	padding-left: 0px;
	background-image: url(../../_global-x/css/images/nav/course_ov.jpg);
	background-repeat: no-repeat;
	

}
#globalNav a#menuItem1:hover {
background-image: url(../../_global-x/css/images/nav/course_ov.jpg);
background-repeat: no-repeat;
}
#globalNav #menuItem1 a span {
	display: none;
}
#globalNav #menuItem1 ul a span {
	display: block;
}

#globalNav #menuItem2 {background-image: url(/images/nav/departments_def.gif);width:97px;height:29px;width: 97px;}
#globalNav #menuItem2 a {width: 97px;height:29px;padding-left: 0px;}

#globalNav #menuItem2 a span {
	display: none;
}
#globalNav #menuItem3 a span {
	display: none;
}
#globalNav #menuItem4 a span {
	display: none;
}
#globalNav #menuItem5 a span {
	display: none;
}
#globalNav #menuItem6 a span {
	display: none;
}

#globalNav #menuItem2 ul a span {
	display: block;
}
#globalNav #menuItem3 {background-image: url(/images/nav/certificate_def.gif);width: 94px;height:29px;background-repeat: no-repeat;}
#globalNav #menuItem3 a {width: 94px;height:29px;padding-left: 0px;}
#globalNav #menuItem4 {background:transparent url(/images/nav/corporate_def.gif) no-repeat;width:146px;height:29px;}
#globalNav #menuItem5 {background:transparent url(/images/nav/international_def.gif) no-repeat;width:161px;height:29px;}
#globalNav #menuItem6 {background:transparent url(/images/nav/contact_def.gif) no-repeat;width:94px;height:29px;}
#globalNav #menuItem4 a {width:146px; height:29px;padding-left: 0px;}
#globalNav #menuItem5 a {width:161px; height:29px;padding-left: 0px;}
#globalNav #menuItem6 a {width:94px; height:29px;padding-left: 0px;}
/*END top row of graphic nav items*/


/* for ALL of the dropdowns in my nav section */
#globalNav li { /* all list items */float: left;width: 160px; /* width needed or else Opera goes nuts */}
#globalNav ul li a  {text-decoration: none; 	display: block;}
#globalNav ul li a:hover {background-color: #003366;text-decoration: underline;}
#globalNav ul li   {display: block;height: 20px;}
#globalNav ul li li {display: block;height: 20px; }
#globalNav ul li li a:hover {background-color: #3349AC;text-decoration: underline; }
#globalNav li ul { /* second-level lists */position: absolute;background-color: #0092C3;	width: 240px;margin-top: -2px;left: -999em;}
#globalNav li:hover ul ul, #globalNav li:hover ul ul ul, #globalNav li.sfhover ul ul, #globalNav li.sfhover ul ul ul {left: -999em;}
#globalNav li:hover ul, #globalNav li li:hover ul, #globalNav li li li:hover ul, #globalNav li.sfhover ul, #globalNav li li.sfhover ul, #globalNav li li li.sfhover ul { /* lists nested under hovered list items */left: auto;}
/*#globalNav li li.sfhover  { background-color: #003366;}*/
/*#globalNav li li li.sfhover  {background-color: #3349AC;}*/




/* the following is specifically for the double column dropdown list */
ul.double, .double ul, #wrapper #globalNav #menuItem1 .double ul {background-color: #003366;background-image: url(../../_global-x/css/images/dropdown-bg.gif);padding-top: 20px;padding-right: 0px;padding-bottom: 10px;padding-left: 0px;background-repeat: no-repeat;background-position: left top;}
/*clear the bg image from above so that it doesn't repeat*/
#wrapper #globalNav #menuItem1 a:hover {background-image: none;text-decoration: underline;}
.double, #wrapper #globalNav #menuItem1 .double {width: 520px;padding-top: 18px;padding-right: 0px;padding-bottom: 10px;padding-left: 0px;}
/*this defines the dropdowns within the double column */	
.double ul, #wrapper #globalNav #menuItem1 .double ul {margin-left: 150px;margin-top: 0px;background-image: none;}
/*defines the width of the two columns*/
.double li, #wrapper #globalNav #menuItem1 .double li {
	width: 250px;
}

.double li a, #wrapper #globalNav #menuItem1 .double li a{
	width: 250px;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: block;
	height: 16px;
}
.double li li a:hover, #wrapper #globalNav #menuItem1 .double li li a:hover{
	background-image: none;
	margin-top: 0px;
	padding-top: 0px;text-decoration: underline;

}
.double li ul, #wrapper #globalNav #menuItem1 .double li ul{/* this represents 3rd level  within the double column  */ margin-top: -16px; padding-top: 0px;}
 #wrapper #globalNav #menuItem1 li li a, .double li ul li a, #wrapper #globalNav #menuItem1 .double li ul li a{width: 230px;}
/* end of double column dropdown list */

#departmentsList {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

#departmentsList li, #departmentsList li li, #wrapper #globalNav #menuItem2 #departmentsList li, #wrapper #globalNav #menuItem2 #departmentsList li li{
	/*	padding-top: 7px;*/
/*	padding-left: 10px;*/
	width: 225px;
	display: block;
	height: 20px;
}

#Form1 #wrapper #homeMasthead #headerx #globalNavx #globalNav #menuItem2 #departmentsList li {
/*background-color: #99FF00;*/
/*	width: 500px;*/
}

#Form1 #wrapper #homeMasthead #headerx #globalNavx #globalNav #menuItem2 #departmentsList {
	width: 240px;
		display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

#Form1 #wrapper #homeMasthead #headerx #globalNavx #globalNav #menuItem2 #departmentsList li a{
/*background-color: #99FF00;*/
/*width: 300px;*/
	text-decoration: none;
	width: 220px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: block;
	height: 20px;
}

/*

#globalNavx {
	float: left;
	background-color: #FF99FF;
}*/

#menuItem2 li a, #wrapper #globalNav #menuItem2 li a, #Form1 #wrapper #homeMasthead #headerx #globalNavx #globalNav #menuItem2 #departmentsList li a{
	width: 230px;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: block;
	height: 16px;
}
.clear 
{
	clear:both;
}