/* Top navigation */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#slidetabsmenu {
float:left;
width:100%;
font-size:74%;
line-height:normal;
}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(images/tab-left.gif) no-repeat left top;
margin:0;
margin-right:2px;
padding:0 0 0 9px;
text-decoration:none;
color: #FBE7D6;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(images/tab-right.gif) no-repeat right top;
padding:6px 12px 6px 3px;
font-weight:normal;
color:#FBE7D6;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: #663300;
}

#slidetabsmenu #current a {
background-position:0 -125px;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: #663300;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}

/* Main navigation - School District State */


#mainnav a.school {
 	display: block;
    width: 226px;
	height: 45px;
	background: url("images/nav-school.gif") 0 0 no-repeat;
	text-decoration: none;
	position: relative;
	top: 6px;
	left: 11px;
}

#mainnav a:hover.school {
    background-position: -226px 0;
	}
	
#mainnav a.district {
 	display: block;
    width: 231px;
	height: 48px;
	background: url("images/nav-district.gif") 0 0 no-repeat;
	text-decoration: none;
	position: relative;
	top: 6px;
	left: 9px;
}

#mainnav a:hover.district {
    background-position: -231px 0;
	}	

#mainnav a.state {
 	display: block;
    width: 226px;
	height: 50px;
	background: url("images/nav-state.gif") 0 0 no-repeat;
	text-decoration: none;
	position: relative;
	top: 4px;
	left: 9px;
}

#mainnav a:hover.state {
    background-position: -226px 0;
	}	
