/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*
	Edits/inserts by Jon Stratton, Benton County IRM
*/
/* common styling */
.vert_menu {font: normal normal bold 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif; width:120px; position:relative; margin: 0; margin-top:25px;}
.vert_menu ul li a, .vert_menu ul li a:visited {display:block; text-decoration:none; color:#ffffff; width:116px; text-align:left; background:#2D225A; line-height:16px; padding: 2px 0 4px 4px;}
.vert_menu ul {padding:0; margin:0; list-style-type:none;}
.vert_menu ul li {float:left; position:relative;}
.vert_menu ul li ul { display: none; }

/* specific to non IE browsers (doesn't respond to hover event on li element) */
.vert_menu ul li:hover a {color:#ffffff; background:#911930;}
.vert_menu ul li:hover ul {display:block; position:absolute; top:-2px; left:120px; width:170px; background:#ffffff; color:#000000; z-index:5;}
.vert_menu ul li:hover ul li a.hide_a {color:#000000; background:#ffffff;}
.vert_menu ul li:hover ul li:hover a.hide_a {width:170px;}
.vert_menu ul li:hover ul li ul {display: none;}
.vert_menu ul li:hover ul li a {display:block; background:#ffffff; color:#000000; width:170px;}
.vert_menu ul li:hover ul li a:hover {background:#ffffff; color:#000000;}
.vert_menu ul li:hover ul li:hover ul {display:block; position:absolute; left:174px; top:-2px; color:#000000;}
.vert_menu ul li:hover ul li:hover ul li a {display:block; width:170px; background:#ffffff; color:#000000;}
.vert_menu ul li:hover ul li:hover ul li a:hover {background:#911930; color:#ffffff;}

/* BENTON COUNTY LEVEL TWO AND BELOW MENU ITEMS */
.vert_menu ul li:hover ul li:hover a {color:#ffffff; background:#911930;}
.vert_menu ul li:hover ul li:hover ul {display:block; position:absolute; top:-2px; left:174px; width:170px; background:#ffffff; color:#000000; z-index:5;}
.vert_menu ul li:hover ul li:hover ul li a.hide_a {background:#ffffff; color:#000000;}
.vert_menu ul li:hover ul li:hover ul li:hover a.hide_a {width:170px;}
.vert_menu ul li:hover ul li:hover ul li ul {display:none;}
.vert_menu ul li:hover ul li:hover ul li a {display:block; background:#ffffff; color:#000000; width:170px;}
.vert_menu ul li:hover ul li:hover ul li a:hover {background:#ffffff; color:#000000;}
.vert_menu ul li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:174px; top:-2px; color:#000000;}
.vert_menu ul li:hover ul li:hover ul li:hover ul li a {display:block; width:170px; background:#ffffff; color:#000000;}
.vert_menu ul li:hover ul li:hover ul li:hover ul li a:hover {background:#911930; color:#ffffff;}

/* need to change background color of anchors 3 menus deep */
.vert_menu ul li:hover ul li:hover ul li:hover a {color:#ffffff; background:#911930;}

/* 2nd level & below menus need to be wider than top level, bordered */
.vert_menu ul li:hover ul li { border: 1px solid #2D225A; }

/* move LI items up to make borders be only 1 px between items */
.vert_menu ul li:hover ul li { margin-top: -1px; }

/* top & bottom items need a border */
.vert_menu ul li.topitem { border-top: 1px solid #911930; }
.vert_menu ul li.botitem { border-bottom: 1px solid #911930; }

/* little arrows showing sub-navigation available */
.vert_menu ul li a.hide_a { background-image: url(/images/sub.gif); background-position: right; background-repeat: no-repeat; }
.vert_menu ul li:hover ul li a.hide_a { background-image: url(/images/sub_b.gif); background-position: right; background-repeat: no-repeat; }
.vert_menu ul li:hover ul li:hover a.hide_a { background-image: url(/images/sub.gif); background-position: right; background-repeat: no-repeat; }
.vert_menu ul li:hover ul li:hover ul li a.hide_a { background-image: url(/images/sub_b.gif); background-position: right; background-repeat: no-repeat; }
.vert_menu ul li:hover ul li:hover ul li:hover a.hide_a { background-image: url(/images/sub.gif); background-position: right; background-repeat: no-repeat; }