/* ------------NAVIGATION-------------- */

#navigation {
  position:relative;
  margin: -3px 0px 0px 0px;
  height: 19px;
  font: 10px Arial, verdana;
  color: #fff;
  background:#000;
  z-index: 9999;
}

ul#topnav {
  margin:0 0 0 0; padding:0; 
  position:absolute; background:none;}
ul#topnav li {
  float:left; list-style-type:none;}
ul#topnav li a {
  display:block; 
  text-decoration:none;
  color:#fff;
  font-weight:bold;
  text-align:center;
  height:20px;}
ul#topnav li a:link {
  text-decoration:none;}
ul#topnav li a:visited {text-decoration:none;}
ul#topnav li a:hover {text-decoration:none;}
ul#topnav li a:active {text-decoration:none;}

ul#topnav li ul li a {
  display:block; 
  text-decoration:none;
  color:#fff;
  text-align:left;
  height:20px;
  width:103px;}


ul#topnav .menu {
  top:23px; position:absolute; 
  background:#000; 
  margin:-4px 0 0 0;padding:4px 0 0px 5px;}

ul#topnav .menu ul.sub_nav {float:left;}
ul#topnav .menu ul.sub_nav {
   margin:0 0px 0 0; padding:0; width:100px;}
ul#topnav .menu ul.sub_nav li {
   float:none; background-image:none;}
ul#topnav .menu ul.sub_nav li a, ul#topnav .menu ul.sub_nav li a:link, ul#topnav .menu ul.sub_nav li a:visited {
  font-size:11px; font-weight:bold; 
  line-height:1.3em; color:#fff; 
  text-decoration:none; padding:4px 6px; 
  height:100%; background-color:transparent;}
ul#topnav .menu ul.sub_nav li a:hover {
  font-weight:bold;color:#000; 
  text-decoration: none; 
  background-color:#fff;}
ul#topnav .menu ul.sub_nav li a:active {
   font-weight:bold;color:#000; text-decoration: none; background-color:transparent;}

ul#topnav li .menu {display:none;}
ul#topnav li:hover .menu {display:block;}
ul#topnav li.over .menu {
  display:block; height:1%;}

li.timestamp {
  background:none;
  width:180px;
  font-size:1em;
  padding:3px 0px 0 20px;}

li.nav_schools {
  width:100px;
  background-image:url('/mcsweb/images/4.gif');}
li.nav_schools a.nav_item, 
li.nav_schools_over a.nav_item {
  width:100px; height:19px;
  margin: 0px 0 -5px 0px;
  padding:4px 0 0 0;}
li.nav_schools .menu {
  left: 200px;width:280px;}
li.nav_schools .menu ul.sub_nav {min-width:140px;}

li.nav_home {
  width:100px;
  background-image:url('/mcsweb/images/4.gif');}
li.nav_home a.nav_item, li.nav_homes_over a.nav_item {
  width:100px; height:19px;
  margin: 0px 0 -5px 0px;
  padding:4px 0 0 0;}
li.nav_home .menu {
  left: 300px;width:280px;}
li.nav_home .menu {left: 300px;width:120px;}

li.nav_athletics {width:100px; background-image:url('/mcsweb/images/4.gif');}
li.nav_athletics a.nav_item, li.nav_athletics_over a.nav_item {
  height:19px;
  margin: 0px 0 -5px 0px;
  padding:4px 0 0 0;}
li.nav_athletics div.menu {left:400px; width:120px}

li.nav_students {width:100px; background-image:url('/mcsweb/images/4.gif');}
li.nav_students a.nav_item, li.nav_students_over a.nav_item {
  height:19px;
  margin: 0px 0 -5px 0px;
  padding:4px 0 0 0;}
li.nav_students div.menu {left:500px; width:120px;}

li.nav_faculty {width:100px; background-image:url('/mcsweb/images/4.gif');}
li.nav_faculty a.nav_item, li.nav_faculty_over a.nav_item {
  height:19px; 
  margin: 0px 0 -5px 0px;padding:4px 0 0 0;}
li.nav_faculty div.menu {left:600px; width:120px}

li.nav_parents {width:100px; background-image:url('/mcsweb/images/4.gif');}
li.nav_parents a.nav_item, li.nav_parents_over a.nav_item {
  height:19px; 
  margin: 0px 0 -5px 0px;padding:4px 0 0 0;}
li.nav_parents div.menu {left:700px; width:120px}

li.nav_contact {width:100px;background-image:url('/mcsweb/images/4.gif');}
li.nav_contact a.nav_item, li.nav_contact_over a.nav_item {
  height:19px; 
  margin: 0px 0 -5px 0px;padding:4px 0 0 0;}
li.nav_contact div.menu {right:0px; width:120px}

/* ------HOMEPAGE MENU------- */

li.nav_staff {
  width:100px; 
  background-image:url('/mcsweb/images/4.gif');}
li.nav_staff a.nav_item, li.nav_staff_over a.nav_item {
  height:19px; 
  margin: 0px 0 -5px 0px;
  padding:4px 0 0 0;}
li.nav_staff div.menu {left:300px; width:120px}

li.nav_board {width:100px; background-image:url('/mcsweb/images/4.gif');}
li.nav_board a.nav_item, li.nav_board_over a.nav_item {
  height:19px;
  margin: 0px 0 -5px 0px;
  padding:4px 0 0 0;}
li.nav_board div.menu {left:400px; width:120px}

li.nav_calendar {width:100px; background-image:url('/mcsweb/images/4.gif');}
li.nav_calendar a.nav_item, li.nav_calendar_over a.nav_item {
  height:19px;
  margin: 0px 0 -5px 0px;
  padding:4px 0 0 0;}
li.nav_calendar div.menu {left:500px; width:120px;}

li.nav_faqs {width:100px; background-image:url('/mcsweb/images/4.gif');}
li.nav_faqs a.nav_item, li.nav_faqs_over a.nav_item {
  height:19px; 
  margin: 0px 0 -5px 0px;padding:4px 0 0 0;}
li.nav_faqs div.menu {left:600px; width:120px}

li.nav_newsletter {width:100px; background-image:url('/mcsweb/images/4.gif');}
li.nav_newsletter a.nav_item, li.nav_newsletter_over a.nav_item {
  height:19px; 
  margin: 0px 0 -5px 0px;padding:4px 0 0 0;}
li.nav_newsletter div.menu {left:700px; width:120px}

li.nav_families {width:100px;background-image:url('/mcsweb/images/4.gif');}
li.nav_families a.nav_item, li.nav_families_over a.nav_item {
  height:19px; 
  margin: 0px 0 -5px 0px;padding:4px 0 0 0;}
li.nav_families div.menu {right:78px; width:120px}

/*---------ELEMENTARY MENUS------*/


li.nav_elemstudents {width:100px; background-image:url('/mcsweb/images/4.gif');}
li.nav_elemstudents a.nav_item, li.nav_students_over a.nav_item {
  height:19px;
  margin: 0px 0 -5px 0px;
  padding:4px 0 0 0;}
li.nav_elemstudents div.menu {left:400px; width:120px;}

li.nav_elemfaculty {width:100px; background-image:url('/mcsweb/images/4.gif');}
li.nav_elemfaculty a.nav_item, li.nav_faculty_over a.nav_item {
  height:19px; 
  margin: 0px 0 -5px 0px;padding:4px 0 0 0;}
li.nav_elemfaculty div.menu {left:500px; width:120px}

li.nav_elemparents {width:100px; background-image:url('/mcsweb/images/4.gif');}
li.nav_elemparents a.nav_item, li.nav_parents_over a.nav_item {
  height:19px; 
  margin: 0px 0 -5px 0px;padding:4px 0 0 0;}
li.nav_elemparents div.menu {left:600px; width:120px}

li.nav_elemcontact {width:100px;background-image:url('/mcsweb/images/4.gif');}
li.nav_elemcontact a.nav_item, li.nav_contact_over a.nav_item {
  height:19px; 
  margin: 0px 0 -5px 0px;padding:4px 0 0 0;}
li.nav_elemcontact div.menu {right:0px; width:120px}

