/* -----------------------
Pixy Rollovers and Menu 
------------------------- */
	
#menu {
width: 100%;
float: left;
margin-left: 13px;
margin-top: -36px;
}


#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}


#menu a {
font: 10px Helvetica, Arial, sans-serif;
font-weight: bold;
display: block;
margin: 0;
text-decoration: none;
}


#menu h2 {
margin: 0;
padding: 0;
display: block;
position:relative;
}

#menu h2 a {position: relative;}

/* On over move the viewable portion of the image up */

#topbtn1 h2 a:hover, #topbtn2 h2 a:hover, #topbtn3 h2 a:hover, #topbtn4 h2 a:hover, 
#topbtn5 h2 a:hover, #topbtn6 h2 a:hover, #topbtn7 h2 a:hover, #topbtn8 h2 a:hover {
background-position: -91px 0;
}


/* No active state here so make sure it shows the default portion of the image */

#menu h2 a:active {
background-position: 0 0;
}

#topmenu1 a, #topmenu2 a, #topmenu3 a, #topmenu4 a, #topmenu5 a, #topmenu6 a, #topmenu7 a {

	color: #333;
    display:block;

	/*this sets the width of the menu*/

	width: 86px;

	/* this addes the padding for each menu item*/

	padding: 2px 0px 2px 4px;

	/* IE opacity */
    filter:
    progid:DXImageTransform.Microsoft.alpha(opacity=90,style=0);

	/* Mozilla */
     -moz-opacity: .9;

	/* Safari 1.1 */
    -khtml-opacity: .9;

	/* Safari 1.2 */
      opacity: .9;

}


#topmenu2 a:hover, #topmenu3 a:hover, #topmenu4 a:hover, #topmenu5 a:hover, #topmenu6 

a:hover, #topmenu7 a:hover {
background: #fff;
color: #8f1d13;
}

#topmenu2 a{
background-color: #fff;
margin-left: -120px;
}

#topmenu3 a{
background-color: #fff;
margin-left: -179px;
}

#topmenu4 a{
background-color: #fff;
margin-left: -253px;
margin-right: -10px;
}

#topmenu5 a{
background-color: #fff;
margin-left: -163px;
}

#topmenu6 a{
background-color: #fff;
margin-left: -73px;
}

#topmenu7 a{
background-color: #fff;
margin-left: 0px;
}

#topmenu2 a img{
border: 0;
vertical-align:text-bottom;
margin-left: -157px;
}


#menu h2 a {
height: 26px;
}


#menu h2 span {
display:	none;
}


#menu li {
position: relative;

}


#menu ul ul {
position: absolute;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; 
}

div#menu ul ul,
div#menu ul li:hover ul ul{
display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul{
display: block;
}

#spacer h2 a{
background:  url(../../images/GlobalNav/gbl_spacer_left.gif) top left 
no-repeat;
background-position: 0 0;
}

#topbtn1 h2 a {
background:  url(/images/Accountpixy.jpg) top left 
no-repeat;
background-position: 0 0;
height: 200px;
width: 91px;
}


#topbtnsel1 #topbtn1 a,#topbtnsel1 #topbtn1 a:hover,#topbtnsel1 #topbtn1 a:active {
background-position: -91px 0;
}

#topbtn2 h2 a {
background:  url(/images/Catalogpixy.jpg) top left 
no-repeat;
background-position: 0 0;
height: 200px;
width: 90px;
margin-left: -61px;
}

#topbtnsel2 #topbtn2 a,#topbtnsel2 #topbtn2 a:hover,#topbtnsel2 #topbtn2 a:active {
background-position: -91px 0;
}


#topbtn3 h2 a {
background:  url(/images/Eventspixy.jpg) top left 
no-repeat;
background-position: 0 0;
width: 90px;
height: 200px;
margin-left: -120px;
}


#topbtnsel3 #topbtn3 a,#topbtnsel3 #topbtn3 a:hover,#topbtnsel3 #topbtn3 a:active {
background-position: 0 -52px;
}


#topbtn4 h2 a {
background:  url(/images/Researchpixy.jpg) top left 
no-repeat;
background-position: 0 0;
width: 90px;
height: 200px;
margin-left: -179px;
}


#topbtnsel4 #topbtn4 a,#topbtnsel4 #topbtn4 a:hover,#topbtnsel4 #topbtn4 a:active {
background-position: 0 0;
}



#topbtn5 h2 a {
background:  url(/images/Readerspixy.jpg) top left 
no-repeat;
background-position: 0 0;
width: 90px;
height: 200px;
margin-left: -253px;
}


#topbtnsel5 #topbtn5 a,#topbtnsel5 #topbtn5 a:hover,#topbtnsel5 #topbtn5 a:active {
background-position: 0 -52px;
}

#topbtn6 h2 a {
background:  url(/images/Kidspixy.jpg) top left 
no-repeat;
background-position: 0 0;
width: 90px;
height: 200px;
margin-left: -163px;
}


#topbtnsel6 #topbtn6 a,#topbtnsel6 #topbtn6 a:hover,#topbtnsel6 #topbtn6 a:active {
background-position: 0 -52px;
}

#topbtn7 h2 a {
background:  url(/images/Teenpixy.jpg) top left 
no-repeat;
background-position: 0 0;
width: 90px;
height: 200px;
margin-left: -73px;
}


#topbtnsel7 #topbtn7 a,#topbtnsel7 #topbtn7 a:hover,#topbtnsel7 #topbtn7 a:active {
background-position: 0 -52px;
}

#topbtn8 h2 a {
background:  url(/images/Hourspixy.jpg) top left 
no-repeat;
background-position: 0 0;
width: 90px;
height: 200px;
margin-left: 0px;
}


#topbtnsel8 #topbtn8 a,#topbtnsel8 #topbtn8 a:hover,#topbtnsel8 #topbtn8 a:active {
background-position: 0 -52px;
}

#spacer li {
width:42px;
}


#topbtn1 li, #topbtn2 li, #topbtn3 li, #topbtn4 li {
width:164px;
margin: 0 0 0 -15px;
}


#topmenu1, #topmenu1 ul, #topmenu2, #topmenu2 ul, #topmenu3, #topmenu3 ul, 

#topmenu4, #topmenu4 ul, #topmenu5, #topmenu5 ul {

	/*this sets up the border */

	}

#topmenu1 li, #topmenu2 li, #topmenu3 li, #topmenu4 li {
margin: 0;

/* this sets the width for the menu items*/

width: 149px;
}

#topmenu5 li {
margin: 0;
}


li.separator {
background-image:  url(../images/GlobalNav/sep.gif);
color: #333;
background-position: center left;
background-repeat: no-repeat;
height: 8px;

	/* IE opacity */
    filter:
    progid:DXImageTransform.Microsoft.alpha(opacity=90,style=0);

	/* Mozilla */
    -moz-opacity: .9;

	/* Safari 1.1 */
    -khtml-opacity: .9;

	/* Safari 1.2 */
    opacity: .9;
}

#topmenu2 li.separator {
background-color: #333;
}  

#topmenu3 li.separator {
background-color: #333;
}


#topmenu4 li.separator {
background-color: #333;
 }


#menu ul ul ul {
border-width: 0 2px 2px 2px;
margin-left: 1px;
}

/* End Pixy Rollovers and menus */