/* no-preload rollover; complements veerle's blog, http://veerle.duoh.com */

/* styling the unordered list element; positioning the image */
ul#nav  {
	position:absolute;
	top:273px;
	left:0px;
	width:900px;
	height:32px;
	z-index:10;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	margin: 0px;
	padding: 0px;
}	

/* styling the list item */
ul#nav li {
   padding:0;
   margin:0;
   list-style-type:none;
   float:left;
   text-indent:-9999px;
}

/* CSS styles for the anchor element within the list item */
ul#nav li a {
	border:0;
	text-decoration:none;
	display:block;
	background:transparent url(navigation/nav-bar-final.png) no-repeat;
}

/* each button has its own ID */
li#home a {
	width:204px;
 	height:32px;
}

li#family a {
	width:120px;
 	height:32px;
}

li#students a {
	width:130px;
 	height:32px;
}

li#school a {
	width:114px;
 	height:32px;
}

li#program a {
	width:177px;
 	height:32px;
}

li#resources a {
	width:155px;
 	height:32px;
}

/* CSS styles for the anchor pseudo-classes */
li#home a:link, li#home a:visited {
	background-position:0px 0px;
}

li#home a:hover, li#home a:focus {
	background-position:0px -34px;
}

li#family a:link, li#family a:visited {
	background-position:-204px 0px;
}

li#family a:hover, li#family a:focus {
	background-position:-204px -34px;
}

li#students a:link, li#students a:visited {
	background-position:-324px 0px;
}

li#students a:hover, li#students a:focus {
	background-position:-324px -34px;
}

li#school a:link, li#school a:visited {
	background-position:-454px 0px;
}

li#school a:hover, li#school a:focus {
	background-position:-454px -34px;
}

li#program a:link, li#program a:visited {
	background-position:-568px 0px;
}

li#program a:hover, li#program a:focus {
	background-position:-568px -34px;
}

li#resources a:link, li#resources a:visited {
	background-position:-745px 0px;
}

li#resources a:hover, li#resources a:focus {
	background-position:-745px -34px;
}

/* CSS styles for the active button--each section needs to add this to its page style--go figure */ 
/*
ul#nav li#home a {
	background-position:0px -68px;
}

ul#nav li#family a {
	background-position:-204px -68px;
}

ul#nav li#students a {
	background-position:-324px -68px;
}

ul#nav li#school a {
	background-position:-454px -68px;
}

ul#nav li#program a {
	background-position:-568px -68px;
}

ul#nav li#resources a {
	background-position:-745px -68px;
}
/*