/* Drop Down Navbar working with JQuery */

/* resets
* {
	margin: 0;
	padding: 0;
}
 */

#navbar {
	height:101px;
	overflow:hidden;
}

#navbar ul {
	float:left;
	margin:0;
	padding:4px 0 0 0;
	list-style:none;
	position: absolute;
	background:url('http://www.harvardsquarebookstore.com/images/nav_last_bg.gif') no-repeat top right;
}

#navbar li {
    float: left;
    /* display:inline; */
}

#navbar li.last {
	/* background:url('http://www.harvardsquarebookstore.com/images/nav_last_bg.gif') no-repeat top right; */
}

#navbar li a {
	display:block;
	height:20px;
	background:url('http://www.harvardsquarebookstore.com/images/nav_link_bg.gif') repeat-x 0 -36px;
	padding:16px 0 0 1px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	text-align: center;
}

#navbar a:hover, #navbar li.here a, #navbar li:hover a {
	background-position:0 0;
}

/* SET SPECIFIC WIDTHS FOR TOP-LEVEL NAVS (BECAUSE IE NEEDS IT) */

#navbar li#nav_sub_3 a {
	width:116px;
}

#navbar li#nav_sub_4 a {
	width:112px;
}

#navbar li#nav_sub_5 a {
	width:65px;
}

#navbar li#nav_sub_6 a {
	width:201px;
}

#navbar li#nav_sub_7 a {
	width:60px;
}

#navbar li#nav_sub_8 a {
	width:131px;
}

#navbar li#nav_sub_3 ul li a { width:auto; }
#navbar li#nav_sub_4 ul li a { width:auto; }
#navbar li#nav_sub_5 ul li a { width:auto; }
#navbar li#nav_sub_6 ul li a { width:auto; }
#navbar li#nav_sub_7 ul li a { width:auto; }
#navbar li#nav_sub_8 ul li a { width:auto; }

/* ON state for marking a menu item */

/*
#navbar a.on {
	background-color: #666;
	color: #FFF;
}
*/

#navbar li:hover {
	/* if you want the parent li to have a different style when its menu is out */
}

#navbar ul li ul {
	display: none;
	overflow: hidden;
	float: none;
	background: rgb(237, 41, 57);
	background: rgba(237, 41, 57, 0.94);
	background-image: url('http://www.harvardsquarebookstore.com/images/dropdown_bg.gif');
	background-position:16px 0;
	background-repeat:no-repeat;
	padding:6px 12px 0 12px;
	width:133px;
	height:auto;
	z-index:100;
	/* -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); */
}

#navbar ul li ul li {
	float: none;
}

#navbar ul li ul li.last {
	background:none;
}

#navbar ul li ul li a {
	/* child item specific styles in here */
	background:none;
	color:#fff;
	border-bottom:1px solid #f79ba2;
	padding:12px 0;
	margin:0;
	height:auto;
	text-align: left;
}

#navbar ul li ul li a:hover {
	/* child item specific styles in here */
	background:none;
	color:#000;
	padding:12px 0;
	margin:0;
	height:auto;
}

#navbar ul li ul li.last a {
	border:none;
}

#navbar ul li:hover ul {
	display: block;
}

/*IE hover fix, IE doesn't support pseudoclasses applied to anything but an <a> */

#navbar ul li.hover ul {
	display: block;
	position: absolute;
}