/* ================================================================ 
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/drop_examples.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.
=================================================================== */

.menu { text-align: left; list-style-type: none; position: relative; font-size: 95%; height: 2.5em; margin: 0; padding: 0; background-color: #FBFAF4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; z-index: 100; }
.menu ul { padding: 0; margin: 0; list-style-type: none; /* for Firefox *//* for Firefox */ }
.menu li { /* menu li is the top level navbar text*/ float: left; position: relative; margin-right: 10px; }
.menu li a, .menu li a:visited { display: block; text-decoration: none; float: left; line-height: 2.5em; color: #000099; padding-right: 20px; }
.menu li ul { visibility: hidden; position: absolute; top: 2.5em; left: 0; height: 0; overflow: hidden; }

.menu li a.drop, .menu li a.drop:visited { text-decoration: none; }

/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu li:hover a,
.menu li a:hover { text-decoration: underline; border: 0; }

.menu li:hover a.drop { text-decoration: none; }


.menu li:hover ul,
.menu li a:hover ul { visibility: visible; height: auto; width: 8em; background: #FBFAF4; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; left: 0; top: 2.5em; overflow: visible; }

.home { margin-left: 20px; background: url('../images/diamond-grey.png') no-repeat right center;}
.navlink { background: url('../images/diamond-grey.png') no-repeat right center; }
.info { background: url('../images/arrow-down.png') no-repeat right center; }

.menu li:hover ul li a,
.menu li a:hover ul li a { display: block; font-weight: normal; background: transparent; text-decoration: none; height: auto; line-height: 1em; padding: 0.5em; width: 9em; }


.menu li:hover ul li ul,
.menu li a:hover ul li a ul { visibility: hidden; position: absolute; top: 0; left: 9.5em; height: 0; overflow: hidden; }
.menu li:hover ul li a:hover,
.menu li a:hover ul li a:hover { text-decoration: underline; }