body {
	behavior:url("/csshover.htc");
}

ul#navigation {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 497px;
	height: 27px;
	background: #d8d8d8 url(images/navigation_over.gif) no-repeat;
}

/*<group=level 1>*/

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 27px;
	background: url(images/navigation.gif) no-repeat;
}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(images/navigation_over.gif);
}	
	
/*</group>*/

/*<group=level 1 ids>*/

li#spjsdx a {
	width: 84px;
 }

li#resources a {
	width: 96px;
}

li#resources a:link,
li#resources a:visited,
li#resources a:hover {
	background-position: -84px 0px;
}

li#careers a {
	width: 81px;
}

li#careers a:link,
li#careers a:visited,
li#careers a:hover {	
	background-position: -180px 0px;
}


li#programs a {
	width: 93px;
}

li#programs a:link, 
li#programs a:visited, 
li#programs a:hover {	
	background-position: -261px 0px;
}

li#awards a {
	width: 80px;
}

li#awards a:link, 
li#awards a:visited, 
li#awards a:hover {	
	background-position: -354px 0px;
}

li#home a {
width: 63px;
}

li#home a:link, 
li#home a:visited, 
li#home a:hover {	
	background-position: -434px 0px;
}

/*</group>*/

/*<group=level 2>*/


#navigation li ul {	
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0px;
	width: 165px;
	margin: 0;
}

#navigation li ul li { /* added by DM */
	text-indent: 0;
}

#navigation li ul li a { /* added by DM */
	padding: 8px 10px 10px;
	height: 11px;
	width: 165px;
	text-transform: uppercase;
	text-decoration: none;
	color: #4b104b;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	background: #c5bed2;
	border-top: 1px solid #e2dfe9;
	border-right: 1px solid #e2dfe9;
	border-bottom: 1px solid #9a8db1;
	border-left: 1px solid #9a8db1;
}

#navigation li ul li a:hover {
	color: #000;
	text-decoration: underline;
	background: #c5bed2;
	border-top: 1px solid #e2dfe9;
	border-right: 1px solid #e2dfe9;
	border-bottom: 1px solid #9a8db1;
	border-left: 1px solid #9a8db1;
}

#navigation li:hover ul {
	visibility: visible;
	z-index: 100;
}

#navigation li#spjsdx ul {
	background: none;
	margin-left: -37px;
}

#navigation li#resources ul {
	background: none;
	margin-left: 43px
}

#navigation li#careers ul {
	background: none;
	margin-left: 139px;
}

#navigation li#programs ul {
	background: none;
	margin-left: 220px;
}

#navigation li#awards ul {
	background: none;
	margin-left: 313px;
}

/* I think these fix IE */

* html #navigation li#spjsdx ul {
	margin-left: 3px;
}

* html #navigation li#resources ul {
	margin-left: 83px;
}

* html #navigation li#careers ul {
	margin-left: 179px;
}

* html #navigation li#programs ul {
	margin-left: 260px;
}

* html #navigation li#awards ul {
	margin-left: 353px;
}

/* end IE fix */

/*</group>*/