/* Start of CMSMS style sheet 'Navigation: ATTSNZ' */
#primary-nav {
  display:block;
  width:512px;
  height:20px;
  top: 58px;
  background: url(../images/menu.png) no-repeat;
  position:relative;
  }
  
#primary-nav a#title {
  display:block;
  width:655px;
  height:0px;
  padding-top:0px;
  verflow:hidden;
  position:absolute;
  left:0;
  top:0;
  background:transparent 400px 400px;
  cursor:default;
  }
/* the hack for IE pre IE6 */
* html #primary-nav a#title {
  height:39px;
  he\ight:0;
  }
  
#primary-nav a#title:hover {
  background-position: 0 0;
  z-index:10;
  }
  
#primary-nav li{
  position:absolute;
  padding:0;
  margin:0;
  }
#primary-nav #pic15 {
  left:13px;
  top:0px;
  z-index:20;
  }
#primary-nav #pic51 { /*about*/
  left:77px;
  top:0px;
  z-index:20;
  }
#primary-nav #pic52 { /*benefit*/
  left:174px;
  top:0px;
  z-index:20;
  }
#primary-nav #pic53 { /*teachers*/
  left:268px;
  top:0px;
  z-index:20;
  }
  #primary-nav #pic54 { /*contact */
  left:410px;
  top:0px;
  z-index:20;
  }
  
  #primary-nav a#a15 {  
  display:block;  
  width:64px;
  height:20px;
  background:transparent url(../images/menu.png) -13px -20px no-repeat;
  text-decoration:none;
  z-index:20;
  }
  #primary-nav a#a51 {
  display:block;
  width:97px;
  height:20px;
  background:transparent url(../images/menu.png) -77px -20px no-repeat;
  text-decoration:none;
  z-index:20;
  }
  #primary-nav a#a52 {
  display:block;
  width:94px;
  height:20px;
  background:transparent url(../images/menu.png) -174px -20px no-repeat;
  text-decoration:none;
  z-index:20;
  }
  #primary-nav a#a53 {
  display:block;
  width:142px;
  height:20px;
  background:transparent url(../images/menu.png) -268px -20px no-repeat;
  text-decoration:none;
  z-index:20;
  }
  #primary-nav a#a54 {
  display:block;
  width:90px;
  height:20px;
  background:transparent url(../images/menu.png) -410px -20px no-repeat;
  text-decoration:none;
  z-index:20;
  }

/* hover states */
#primary-nav a#a15:hover {
	background-position: -13px -40px;
}

#primary-nav a#a51:hover {
	background-position: -77px -40px;
}

#primary-nav a#a52:hover {
	background-position: -174px -40px;
}

#primary-nav a#a53:hover {
	background-position: -268px -40px;
}

#primary-nav a#a54:hover {
	background-position: -410px -40px;
}
/* end of hover states */
/* you are here states */
#page1 #primary-nav a#a15 {
	background-position: -13px 0;
}


#page2 #primary-nav #pic51 a#a51 a {
	background-position: -77px 0;
}


/* end of you are here states */

/* And now for the sub menus */

/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

/* The wrapper clears the floating elements of the menu, not used on this menu, you can use it if you need to */

#menuwrapper {
        }

/* Set the width of the menu elements at second and third level. Leaving first level flexible. */

#primary-nav li li {
        width: 200px;
       }

/* Unless you know what you do, do not touch this */

#primary-nav{
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
#primary-nav ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
#primary-nav ul {
    position: absolute;
    top: auto;
    }
#primary-nav ul ul {
    margin-top: 1px; /* this is normally 0px but for this menu we wanted the white line around the main image to show above the drop downs  */
    margin-left: -1px;
    left: 100%;
    top: 0px;
    }  
#primary-nav li {
    margin-left: -1px;
    float: left;
    }
#primary-nav li li {
    margin-left: 0px;
    margin-top: 1px;
    position: relative;
    }
#primary-nav li li li {
    margin-left: 0px;
    margin-top: -1px; 
    }
#primary-nav li li a{
    margin-left: 0px;
    margin-top: -1px;
    position: relative;
    }

/* Styling the basic apperance of the menu elements */

#primary-nav a {
    display: block;
    padding: 0px 0px;
    text-decoration: none;
    }
#primary-nav li a {text-indent:-9000px; /* this moves the words (menutext) of the first layer, images, out of the way which you will need if you have only one layer/no drop downs */
    }
#primary-nav li li a {
	text-indent:0px; /*this makes the second level words in the drop downs show up or else they will inherit the action of the line above*/
	background-color: #5ca8c4;   /* before */
	padding: 4px 10px;
	color:#000;
	border-top: 0px solid #137091;
	border-right: 1px solid #137091;
	border-bottom: 0.5px dotted #137091;
	border-left: 1px solid #137091;
	font-size: 1.2em;
    } 
	#primary-nav li ul {	border-bottom: 1px solid #137091;
}  
#primary-nav li li :hover{background-color: #9e1d58; color: #fff;}   /* second and third layer drop down hover color */

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
    display: none;
    }
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
    display: block;
    }


#primary-nav li li {
    float: left;
    clear: both;
    }
#primary-nav li li a {
    height: 1%;
    }
/* End of 'Navigation: ATTSNZ' */