/* CSS Document */

div#menucontainer {display: inline; width:160px; margin-left:5px; padding:10px 0 0 5px; float:left;}
/* display:inline fixes IE bug that doubles the margin of a float that touches the edge of its container */

div#menucontainer h1 {font-size: 120%; margin: 0; padding: 10px 10px 7px 0; color: #ed008c; text-align:center;}
div#menucontainer img {border: none; padding: 3px 0;}

div.menu_button {background:url(../images/button_bg.gif) repeat-y; padding: 3px; margin-bottom:3px; font-weight:bold; color:#5b347c;}
div.menu_button ul {list-style-type:none; margin:2px 0px 2px 5px; padding:0;}
div.menu_button ul a {text-decoration:none; color:#5b347c;}
div.menu_button ul a:hover {text-decoration:none; color:#f6f6b0;}

div.menu_active {background:#dd94c0; padding: 3px; margin-bottom:3px; font-weight:bold; color:#5b347c;}
div.menu_active ul {list-style-type:none; margin:2px 0px 2px 5px; padding:0;}
div.menu_active ul a {text-decoration:none; color:#5b347c;}
div.menu_active ul a:hover {text-decoration:none; color:#f6f6b0;}

.button {width: 156px; background:url(../images/button_bg.gif) repeat-y; padding: 2px; margin: 0 0 10px 0; font-weight:bold; color:#5b347c;}
.button ul {list-style-type:none; margin:2px 2px 2px 5px; padding:0;}
.button ul a {text-decoration:none; color:#5b347c;}
.button ul a:hover {text-decoration:none; color:#f6f6b0;}