.mainNav {padding:0; margin:0; list-style:none; height:25px; background:#fff; position:relative; font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif; border-top:1px solid #ccc;}
.mainNav li.top {display:block; float:left;}

.mainNav li a {text-align:center; display:block; float:left; height:21px; width:100px; color:#fff; text-decoration:none; padding:4px 2px 0 2px; cursor:pointer;}

.mainNav li a.top_link1 {background:#b35959; border-right:1px solid #ccc; border-left:1px solid #ccc; width:112px;}
.mainNav li a.top_link2 {background:#b36b9b; border-right:1px solid #ccc;}
.mainNav li a.top_link3 {background:#9b6bb3; border-right:1px solid #ccc;}
.mainNav li a.top_link4 {background:#6b6bb3; border-right:1px solid #ccc;}
.mainNav li a.top_link5 {background:#6b9bb3; border-right:1px solid #ccc; width:120px;}
.mainNav li a.top_link6 {background:#6bb39b; border-right:1px solid #ccc;}
.mainNav li a.top_link7 {background:#6bb36b; border-right:1px solid #ccc;}
.mainNav li a.top_link8 {background:#8fb347; border-right:1px solid #ccc;}
.mainNav li a.top_link9 {background:#bcbc34;}

.mainNav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.mainNav li a.top_link1:hover {color:#fff; background:#cc6666;}
.mainNav li a.top_link2:hover {color:#fff; background:#cc7ab1;}
.mainNav li a.top_link3:hover {color:#fff; background:#b17acc;}
.mainNav li a.top_link4:hover {color:#fff; background:#7a7acc;}
.mainNav li a.top_link5:hover {color:#fff; background:#7ab1cc; width:120px;}
.mainNav li a.top_link6:hover {color:#fff; background:#7accb1;}
.mainNav li a.top_link7:hover {color:#fff; background:#7acc7a;}
.mainNav li a.top_link8:hover {color:#fff; background:#a3cc52;}
.mainNav li a.top_link9:hover {color:#fff; background:#d6d63c;}

.mainNav a:hover {visibility:visible; position:relative; z-index:200;}
.mainNav li:hover {position:relative; z-index:200;}

#home .mainNav li a.top_link1 {background:#fff; color:#333; font-weight:bold;}
#home .mainNav li a.top_link1:hover {background:#fff; color:#333; font-weight:bold;}
#about .mainNav li a.top_link2 {background:#fff; color:#333; font-weight:bold;}
#about .mainNav li a.top_link2:hover {background:#fff; color:#333; font-weight:bold;}
#whats_on .mainNav li a.top_link3 {background:#fff; color:#333; font-weight:bold;}
#whats_on .mainNav li a.top_link3:hover {background:#fff; color:#333; font-weight:bold;}
#academics .mainNav li a.top_link4 {background:#fff; color:#333; font-weight:bold;}
#academics .mainNav li a.top_link4:hover {background:#fff; color:#333; font-weight:bold;}
#extra-ac .mainNav li a.top_link5 {background:#fff; color:#333; font-weight:bold;}
#extra-ac .mainNav li a.top_link5:hover {background:#fff; color:#333; font-weight:bold;}
#residential .mainNav li a.top_link6 {background:#fff; color:#333; font-weight:bold;}
#residential .mainNav li a.top_link6:hover {background:#fff; color:#333; font-weight:bold;}
#projects .mainNav li a.top_link7 {background:#fff; color:#333; font-weight:bold;}
#projects .mainNav li a.top_link7:hover {background:#fff; color:#333; font-weight:bold;}
#alumni .mainNav li a.top_link8 {background:#fff; color:#333; font-weight:bold;}
#alumni .mainNav li a.top_link8:hover {background:#fff; color:#333; font-weight:bold;}
#links .mainNav li a.top_link9 {background:#fff; color:#333; font-weight:bold;}
#links .mainNav li a.top_link9:hover {background:#fff; color:#333; font-weight:bold;}