/*
 * menu styles
 * brown: #630
 * orange: #ef8328
 * gray: #999
 */

ul.menu { list-style:none outside; background:#999; }
ul.menu li { margin:3px 0; border-top:3px solid #f3f3f3; border-bottom:3px solid #f3f3f3; background:#f3f3f3; }
ul.menu a:link,
ul.menu a:visited,
ul.menu a:active { color:#630; display:block; padding:2px 5px; text-decoration:none; font-size:14px; font-weight:bold; border:3px solid #f3f3f3; }
ul.menu a:hover { border:3px solid #ef8328; background:#fff; }

ul.menu li.active a:hover { border:3px solid #fff; }

#mainmenu li { margin-right:3px; border-right:3px solid #f3f3f3; }
#mainmenu li.active { margin-right:0; margin-left:3px; background:#fff; border-color:#fff; }
#mainmenu li.active a:link,
#mainmenu li.active a:visited,
#mainmenu li.active a:active { padding-left:2px; border-color:#fff; }

#submenu li { margin-left:3px; border-left:3px solid #f3f3f3; }
#submenu li.active { margin-left:0; margin-right:3px; background:#fff; border-color:#fff; }
#submenu li.active a:link,
#submenu li.active a:visited,
#submenu li.active a:active { padding-right:2px; border-color:#fff; }