body {
	margin:25px 0 0 0;
	padding:0;
	background: #e3eff8; /*#002366;*/
	color: #00F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}
.mainTable {
    width: 960px;
    background-color:#FFFFFF;
}
.title {
	color: #00F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}
.announcements {
	color: #FF0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: blink;
	background-color: #F0F0EB;
}
.announcementTitle {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}
/********************************************************************/
A.small:link { 
    color: #263672; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	border:none;
}
A.small:visited { 
    color: #263672; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	border:none;
}
A.small:hover { 
    color: #263672; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border:none;
}
/********************************************************************/
A.footer:link { 
    color: #ffffff; 
	font-size: 9px; 
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	border:none;
}
A.footer:visited { 
    color: #ffffff; 
	font-size: 9px; 
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	border:none;
}
A.footer:hover { 
    color: #ffffff; 
	font-size: 9px; 
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border:none;
}
/***********************************/

/* ================================================================
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
Tested in IE6, IE7, Firefox, Opera, Netscape, Mozilla and Safari (PC) - NO JAVASCRIPT
=================================================================== */
#multi-level {width:701px; height:46px; position:relative; z-index:100; /*background-image:url(../imgs/nav/background.jpg)*/;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:46px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists *********  WATCH :  I added "left" in an attempt to position these things directly  */
.menu li.p1 {width:92px; left:0px; background:url(../imgs/nav/about.gif) no-repeat;}
.menu li.p2 {width:137px; left:0px; background:url(../imgs/nav/prospective.gif) no-repeat;}
.menu li.p3 {width:121px; left:0px; background:url(../imgs/nav/students.gif) no-repeat;}
.menu li.p4 {width:70px; left:0px; background:url(../imgs/nav/calendar.gif) no-repeat;}
.menu li.p5 {width:58px; left:0px; background:url(../imgs/nav/alumni.gif) no-repeat;}
.menu li.p6 {width:88px; left:0px; background:url(../imgs/nav/support.gif) no-repeat;}
.menu li.p7 {width:78px; left:0px; background:url(../imgs/nav/fast.gif) no-repeat;}
.menu li.p8 {width:57px; left:0px; background:url(../imgs/nav/links.gif) no-repeat;}

/* set up the normal unhovered images in the links */
.menu li a#about {width:92px; background:url(../imgs/nav/about.gif) no-repeat;}
.menu li a#prospective {width:137px; background:url(../imgs/nav/prospective.gif) no-repeat;}
.menu li a#students {width:121px; background:url(../imgs/nav/students.gif) no-repeat;}
.menu li a#calendar {width:70px; background:url(../imgs/nav/calendar.gif) no-repeat;}
.menu li a#alumni {width:58px; background:url(../imgs/nav/alumni.gif) no-repeat;}
.menu li a#support {width:88px; background:url(../imgs/nav/support.gif) no-repeat;}
.menu li a#fastdirect {width:78px; background:url(../imgs/nav/fast.gif) no-repeat;}
.menu li a#links {width:57px; background:url(../imgs/nav/links.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker)  */
.menu li a#about:hover, .menu li:hover a#about,
.menu li a#prospective:hover, .menu li:hover a#prospective,
.menu li a#students:hover, .menu li:hover a#students,
.menu li a#calendar:hover, .menu li:hover a#calendar,
.menu li a#alumni:hover, .menu li:hover a#alumni,
.menu li a#support:hover, .menu li:hover a#support,
.menu li a#fastdirect:hover, .menu li:hover a#fastdirect,
.menu li a#links:hover, .menu li:hover a#links {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level ***************  WATCH! One line down I changed width from 95px to auto ******** WORKS for Firefox but not others SO I CHANGED BACK */
.menu :hover ul.sub {left:4px; top:46px; background: #002366; padding:3px 0; border:1px solid #263672; border-top:0; white-space:nowrap; width:153px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:153px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:142px; line-height:20px; text-indent:5px; color:#ffffff; text-decoration:none; border:3px solid #002366; border-width:0px 0px 0px 3px;}
.menu :hover ul.sub li a.fly {background:#002366 url(../imgs/nav/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#2558a0; color:#ffffff;}
.menu :hover ul.sub li a.fly:hover {background:#2558a0 url(../imgs/nav/arrow_over.gif) 80px 7px no-repeat; color:#ffffff;}
.menu :hover ul li:hover > a.fly {background:#2558a0 url(../imgs/nav/arrow_over.gif) 80px 7px no-repeat; color:#ffffff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:145px; top:-3px; background: #002366; padding:3px 0; border:1px solid #263672; white-space:nowrap; width:153px; height:auto; z-index:400;}
/****************************************************************/

/******************       FOR FOOTER:     ***********************/


/**************************************************************************************/
/*
The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton_up.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; /*border:1px solid #000; border-color:#ace #79b #68a #bde; border-width:1px 2px 2px 1px;*/ background:#fff; position:relative; z-index:200;}
#nav {height:25px; width:960px; padding:0;}

#nav li {float:left;}
#nav li li {float:none; background:#fff;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#888; margin:0 25px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; bottom:21px; top:auto;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; bottom:-7px; top:auto;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#57b;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; bottom:-7px; top:auto;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#57b;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888;}
.announcements p strong u a {
}