.menu {position:relative;width:1000px;margin:auto;height:35px;z-index:2000;
	background:url(../images/menu/bg.gif) repeat-x;}

.menu ul {padding:0;margin:0;list-style-type:none;}
.menu li {float:left;position:relative;}
.menu a,
.menu a:visited {display:block;height:23px;padding:12px 0 0;text-align:center;
	font-size:11px;font-weight:bold;text-decoration:none;color:#fff;}

	.menu a#home,.menu a#home:visited{width:71px;}
	.menu a#serving,.menu a#serving:visited{width:173px;}
	.menu a#how_it_works,.menu a#how_it_works:visited{width:116px;}
	.menu a#tech_solutions,.menu a#tech_solutions:visited{width:162px;}
	.menu a#curriculum,.menu a#curriculum:visited{width:228px;}
	.menu a#solutions,.menu a#solutions:visited{width:95px;}
	.menu a#course_offerings,.menu a#course_offerings:visited{width:143px;}
	
	/* hack for IE5.5
	* html .menu a,
	* html .menu a:visited {width:149px;w\idth:138px;} */

/* style the second level background */
.menu ul ul a.drop,
.menu ul ul a.drop:visited{background:#A9A9A9 url(../images/menu/arrow.gif) no-repeat 210px center;text-decoration:none;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#4d4d4d url(../images/menu/arrow.gif) no-repeat 210px center;text-decoration:none;}
.menu ul ul :hover > a.drop {background:#4d4d4d url(../images/menu/arrow.gif) no-repeat 210px center;text-decoration:none;}
/* style the third level background */
.menu ul ul ul a,
.menu ul ul ul a:visited {background:#A9A9A9;text-decoration:none;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#4d4d4d;text-decoration:none;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;top:35px;left:-1px;width:200px;height:0;}
	
/* position the third level flyout menu */
.menu ul ul ul{left:220px;top:-1px;width:200px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-220px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute;top:0;left:0;border-collapse:collapse;}

/* style the second level links */
.menu ul ul a,
.menu ul ul a:visited {width:200px;height:auto;color:#FFFFFF;text-align:left;padding:4px 10px;
	background:#A9A9A9;border-top:1px solid #d0d0d0;text-decoration:none;}
	
	/* hack for IE5.5
	* html .menu ul ul a,
	* html .menu ul ul a:visited {width:150px;w\idth:128px;} */

/* style the top level hover */
.menu a:hover{color:#FFFFFF;background:url(../images/menu/bg_over.gif) repeat-x;text-decoration:none;}
.menu ul ul a:hover{color:#FFFFFF;background-color:#4d4d4d;text-decoration:none;}
.menu :hover > a{color:#FFFFFF;background:url(../images/menu/bg_over.gif) repeat-x;text-decoration:none;}
.menu ul ul :hover > a {color:#FFFFFF;background-color:#4d4d4d;text-decoration:none;}

.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;text-decoration:none;}
.menu ul :hover ul ul{visibility:hidden;text-decoration:none;}
.menu ul :hover ul :hover ul{ visibility:visible;text-decoration:none;}