/* Menu */
.menu { margin: 0 auto; width:1000px; height:32px; position:relative; z-index:999;background-color:#91b6d9; clear: both; font-size:70%; }
.menu ul {padding:0;margin:0 auto;width:847px;list-style-type:none; z-index:999; }
.menu ul ul { z-index:999; padding: 0;}
/* float the list; relative positon to control the dropdown menu absolute positon */
.menu li {float:left;position:relative; margin:0; }
/* top level */
.menu a, .menu a:visited, .menu span {color:#fff; display:block; font-weight:700; text-decoration:none; height:21px; background:#91b6d9; padding: 10px 10px 0; line-height:1.1;/*32px*/ float:left; border-bottom:solid 1px #91b6d9; border-right:solid 1px #759cc2; }
.menu li a:hover {background-color: #759cc2; color:#fff; }
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#759cc2;}
.menu a.current { color: #759cc2;}
.menu a.current:hover {background-color: #759cc2;}
/* second level */
.menu ul ul a, .menu ul ul a:visited, .menu ul ul span {color: #fff; text-align: left; line-height:1em; height:auto; padding:1em 5px .95em 17px; width:13em!important; background-color: #91b6d9; border-bottom: solid 1px #759cc2; }
.menu ul ul span { color: #999; }
.menu ul ul li a:hover {color:#fff;background:#759cc2; }
/* 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; }
.menu ul li:hover ul li:hover ul, .menu ul li:hover ul li:hover a { visibility:visible; }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#759cc2;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#759cc2;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:32px;left:0; width:160px;}
/* 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; border: 0;}
.menu table td {border-color:#91b6d9;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:32px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:170px;}
/* position the third level flyout menu */
.menu ul ul ul {left:194px; top:0; width:160px; }

.menu li#about-us-nav a { width: 51px; }
.menu li#programs-services-nav a { width: 130px; }
.menu li#what-to-expect-nav a { width: 81px; }
.menu li#learning-center-nav a { width: 91px; }
.menu li#referrals-nav a { width: 100px; }
.menu li#get-involved-nav a { width: 69px; }
.menu li#news-events-nav a { width: 98px; }
.menu li#contact-us-nav a { width: 60px; border-right: 0; }

/* right most menu open left */
/*.menu #contact-us ul {left:-88px;}*/