/* Style the menu as a whole */
#menu {display:block; width:113px; height:191px;float:left;}

/* Style the list */
#menu ul {margin:0; padding:0; list-style-type:none;}

/* Style each menu item */
#menu li {margin-right:0px;padding:0;}

/* Add initial images_pinacle */

#menu li.list1 {background:transparent url(/mag/images/images_pinacle/button_pinacle.jpg) no-repeat;width:104px;height:37px;}
#menu li.list2 {background:transparent url(/mag/images/images_pinacle/button_relationships.jpg) no-repeat;width:104px;height:37px;}
#menu li.list3 {background:transparent url(/mag/images/images_pinacle/button_exercise.jpg) no-repeat;width:104px;height:55px;}
#menu li.list4 {background:transparent url(/mag/images/images_pinacle/button_health.jpg) no-repeat;width:104px;height:40px;}
#menu li.list5 {background:transparent url(/mag/images/images_pinacle/button_motivation.jpg) no-repeat;width:104px;height:42px;}
#menu li.list6 {background:transparent url(/mag/images/images_pinacle/button_lifestyle.jpg) no-repeat;width:104px;height:43px;}

#menu li.list1_over {background:transparent url(/mag/images/images_pinacle/button_pinacle_over.jpg) no-repeat;width:104px;height:37px;}
#menu li.list2_over {background:transparent url(/mag/images/images_pinacle/button_relationships_over.jpg) no-repeat;width:104px;height:37px;}
#menu li.list3_over {background:transparent url(/mag/images/images_pinacle/button_exercise_over.jpg) no-repeat;width:104px;height:55px;}
#menu li.list4_over {background:transparent url(/mag/images/images_pinacle/button_health_over.jpg) no-repeat;width:104px;height:40px;}
#menu li.list5_over {background:transparent url(/mag/images/images_pinacle/button_motivation_over.jpg) no-repeat;width:104px;height:42px;}
#menu li.list6_over {background:transparent url(/mag/images/images_pinacle/button_lifestyle_over.jpg) no-repeat;width:104px;height:43px;}

/* Style the links */

#menu a#item1  {display:block; height:0; padding-top:37px; color:#000; overflow:hidden;}
#menu a#item2  {display:block; height:0; padding-top:37px; color:#000; overflow:hidden;}
#menu a#item3  {display:block; height:0; padding-top:55px; color:#000; overflow:hidden;}
#menu a#item4  {display:block; height:0; padding-top:40px; color:#000; overflow:hidden;}
#menu a#item5  {display:block; height:0; padding-top:42px; color:#000; overflow:hidden;}
#menu a#item6  {display:block; height:0; padding-top:43px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

* html #menu a:link, * html #menu a:visited {height:128px; he\ight:0;}

/* Adding the background images_pinacle to the link tags */

#menu a#item1 {background:transparent url(/mag/images/images_pinacle/button_pinacle_over.jpg) -55px -90px no-repeat;}
#menu a#item2 {background:transparent url(/mag/images/images_pinacle/button_relationships_over.jpg) -55px -90px no-repeat;}
#menu a#item3 {background:transparent url(/mag/images/images_pinacle/button_exercise_over.jpg) -55px -90px no-repeat;}
#menu a#item4 {background:transparent url(/mag/images/images_pinacle/button_health_over.jpg) -55px -90px no-repeat;}
#menu a#item5 {background:transparent url(/mag/images/images_pinacle/button_motivation_over.jpg) -55px -90px no-repeat;}
#menu a#item6 {background:transparent url(/mag/images/images_pinacle/button_lifestyle_over.jpg) -55px -90px no-repeat;}


/* Adding the :hover style, bringing the image to the foreground */

#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}
#menu a#item5:hover {background-position:0 0; z-index:50;}
#menu a#item6:hover {background-position:0 0; z-index:50;}