* {padding:0; margin:0}

/*-------.navbar--------*/
.navbar dl {float:left; padding-right:20px; position:relative; left: 40px; top:35px;} /*otherwise it goes vertically. padding is for padding IN BETWEEN the header items.*/

.navbar dt {height:24px; cursor:pointer}/*headers*/

.navbar dd {position:absolute; display:none; overflow:hidden; z-index:200; opacity:0}/*opacity, z-index don't seem to matter on FF. display:none ensures that it doesn't show on start up. position:absolute keeps it from pushing the text below it down. - without overflow:hidden, it DOES fade but DOESN'T unfold/fold.*/

.navbar ul {border:0 list-style:none; border-top:none; margin-top:20px; padding-top:6px; background-color:#a7b838;}

.navbar li {display:inline} /*doesn't seem to matter for FF, but prevents gaps between vertical menu items in IE and Chrome*/

.navbar a{height:24px} /*this is for the header*/

.navbar a, .navbar a:active, .navbar a:visited {display:block; text-decoration:none}

/*-------.main-a--------*/
.main-a a, .main-a a:active, .main-a a:visited {width:44px}

/*-------#head-a--------*/
#head-a{
	left:0px;
	width:48px;
}
#head-a a{
	background:url('../images/mainsprite.gif') -0 0;
}
#head-a a:hover, #head-a a.selected {
	background:url('../images/mainsprite.gif') 0 -24px;
}


/*-------.main-b--------*/
.main-b a, .main-b a:active, .main-b a:visited {width:48px}

/*-------#head-b--------*/
#head-b{
	left:0px;
	width:48px;
}
#head-b a{
	background:url('../images/mainsprite.gif') -44px 0;
}
#head-b a:hover, #head-b a.selected{
	background:url('../images/mainsprite.gif') -44px -24px;
}
/*-------#drop-b--------*/
#drop-b li a{
	left:0px;
	width:128px;
	padding-bottom:7px;
}
/*-------#b1 through #b4--------*/
#b1 a{background:url('../images/aboutsprite.gif') 0 0;}
#b1 a:hover{background: url('../images/aboutsprite.gif') -127px 0;}

#b2 a{background:url('../images/aboutsprite.gif') 0 -31px;}
#b2 a:hover{background: url('../images/aboutsprite.gif') -127px -31px;}

#b3 a{height:49px} /* a tall one*/
#b3 a{background:url('../images/aboutsprite.gif') 0 -62px;}
#b3 a:hover{background: url('../images/aboutsprite.gif') -127px -62px;}

#b4 a{background:url('../images/aboutsprite.gif') 0 -118px;}
#b4 a:hover{background: url('../images/aboutsprite.gif') -127px -118px;}


/*-------.main-c--------*/
.main-c a, .main-c a:active, .main-c a:visited {width:158px}

/*-------#head-c--------*/
#head-c{
	left:0px;
	width:158px;
}
#head-c a{
	background:url('../images/mainsprite.gif') -92px 0;
}
#head-c a:hover, #head-c a.selected{
	background:url('../images/mainsprite.gif') -92px -24px;
}

/*-------#drop-c--------*/
#drop-c li a{
	left:0px;
	width:128px;
	/*height:31px*/	/*default, but some are taller*/
	padding-bottom:7px;
}

#drop-c ul {padding-bottom:7px;}

/*-------#c1 through #c10--------*/
#c1 a{background:url('../images/bodysprite.gif') 0 0;}
#c1 a:hover{background: url('../images/bodysprite.gif') -127px 0;}

#c2 a{background:url('../images/bodysprite.gif') 0 -31px;}
#c2 a:hover{background: url('../images/bodysprite.gif') -127px -31px;}

#c3 a{background:url('../images/bodysprite.gif') 0 -62px;}
#c3 a:hover{background: url('../images/bodysprite.gif') -127px -62px;}

#c4 a{background:url('../images/bodysprite.gif') 0 -93px;}
#c4 a:hover{background: url('../images/bodysprite.gif') -127px -93px;}

#c5 a{background:url('../images/bodysprite.gif') 0 -124px;}
#c5 a:hover{background: url('../images/bodysprite.gif') -127px -124px;}

#c6 a{background:url('../images/bodysprite.gif') 0 -155px;}
#c6 a:hover{background: url('../images/bodysprite.gif') -127px -155px;}

#c7 a{background:url('../images/bodysprite.gif') 0 -186px;}
#c7 a:hover{background: url('../images/bodysprite.gif') -127px -186px;}

#c8 a{background:url('../images/bodysprite.gif') 0 -217px;}
#c8 a:hover{background: url('../images/bodysprite.gif') -127px -217px;}

#c9 a{background:url('../images/bodysprite.gif') 0 -248px;}
#c9 a:hover{background: url('../images/bodysprite.gif') -127px -248px;}

#c10 a{background:url('../images/bodysprite.gif') 0 -279px;}
#c10 a:hover{background: url('../images/bodysprite.gif') -127px -279px;}

/*-------.main-d--------*/
.main-d a, .main-d a:active, .main-d a:visited {width:55px}

/*-------#head-d--------*/
#head-d{
	left:0px;
	width:55px;
}
#head-d a{
	background:url('../images/mainsprite.gif') -250px 0;
}
#head-d a:hover, #head-d a.selected{
	background:url('../images/mainsprite.gif') -250px -24px;
}
/*-------#drop-d--------*/
#drop-d li a{
	left:0px;
	width:127px;
	padding-bottom:7px;
}
/*-------#d1 through #d2--------*/
#d1 a{background:url('../images/classsprite.gif') 0 0;}
#d1 a:hover{background: url('../images/classsprite.gif') -127px 0;}

#d2 a{height:49px} /* a tall one*/
#d2 a{background:url('../images/classsprite.gif') 0 -31px;}
#d2 a:hover{background: url('../images/classsprite.gif') -127px -31px;}

/*-------.main-e--------*/
.main-e a, .main-e a:active, .main-e a:visited {width:72px}

/*-------#head-e--------*/
#head-e{
	left:0px;
	width:72px;
}
#head-e a{
	background:url('../images/mainsprite.gif') -305px 0;
}
#head-e a:hover, #head-e a.selected{
	background:url('../images/mainsprite.gif') -305px -24px;
}

/*-------.main-f--------*/
.main-f a, .main-f a:active, .main-f a:visited {width:63px}

/*-------#head-f--------*/
#head-f{
	left:0px;
	width:63px;
}
#head-f a{
	background:url('../images/mainsprite.gif') -379px 0;
}
#head-f a:hover, #head-f a.selected{
	background:url('../images/mainsprite.gif') -379px -24px;
}