@charset "utf-8";
/* CSS Document */

/* =-=-=-=-=-=-=-[Menu Eight]-=-=-=-=-=-=-=- */
ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#menu8 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	width: 214px;
	margin-top: 10px;
        }

#navigation #menu8 li a {
        text-decoration: none;
        	height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 26px;
        }

#menu8 li a:link, #menu8 li a:visited {
        color: #777;
        display: block;
        background: url(menu8b.gif);
        padding: 4px 0 1px 20px;
        }

#menu8 li a:hover, #menu8 li #current {
      /*  color: #257EB7;*/
        background: url(menu8b.gif) 0 -32px;
        padding: 4px 0 1px 20px;
        }

#menu8 li a:active {
	color: #fff;
	background: url(menu8b.gif) 0 -64px;
	padding: 4px 0 1px 25px;
        }




                              /*   
Top navigation designed by Ric Zalewski
*/

/* Menu */
#botonera{
	position:relative;
	padding:0px;
	height:45px;
	overflow:hidden;
	float: right;
	width: 430px;
}

#botonera ul {
padding:0px;
margin:0px;
}

/* Dont apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#botonera ul li {
	margin:0px;
	float:left;
	list-style:none;
	background-repeat: no-repeat;
	
}

#botonera ul li a {
text-indent: -9999px;
z-index:100;
display:block;
float:left;
height:45px;
position:relative;
overflow:hidden;

}

#menu_student a {
	width:110px;
	background-image: url(../images/top_nav/top_nav_students.png);
	background-repeat: no-repeat;
	
}

#menu_student a:hover {
	width:110px;
	background-image: url(../images/top_nav/top_nav_students_hover.png);
	background-repeat: no-repeat;
}

#menu_parents a {
	width:110px;
	background:url(../images/top_nav/top_nav_parents.png);
	background-repeat: no-repeat;
}
#menu_parents a:hover{
	width:110px;
	background:url(../images/top_nav/top_nav_parents_hover.png);
	background-repeat: no-repeat;
}
#menu_staff a {
	width:80px;
	background:url(../images/top_nav/top_nav_staff.png);
	background-repeat: no-repeat;
}
#menu_staff a:hover {
	width:80px;
	background:url(../images/top_nav/top_nav_staff_hover.png);
	background-repeat: no-repeat;
}
#menu_contact a {
	width:87px;
	background-image: url(../images/top_nav/top_nav_contact.png);
	background-repeat: no-repeat;
}

#menu_contact a:hover {
	width:87px;
	background-image: url(../images/top_nav/top_nav_contact_hover.png);
	background-repeat: no-repeat;
}