/* ----- CONSISTENCY ----- */
a img, a:link img, a:visited img {border: none; border-width: 0; vertical-align: middle;}


/* ----- NAVIGATION ----- */
ul.nav, ul.nav ul, ul.nav li, ul.nav a {display: block; margin: 0; padding: 0;}
ul.nav, ul.nav ul, ul.nav li {list-style: none;}
ul.nav ul {display: none; position: absolute;}
ul.nav li {position: relative;}	/* for IE6 but no harm for any other browser */
ul.nav li:hover {z-index: 999;}	/* so sub-menus appear above everything else */
ul.nav li:hover > ul {display: block;}	/* show the sub-menu */
ul.nav li a {padding: 3px 5px 4px 5px;}	/* 2px top, 3px bottom provides best visual balance */
ul.nav li a:link, ul.nav li a:hover, ul.nav li a:visited {text-decoration: none;}
ul.nav li a.icon {background-position: 5px 50%; background-repeat: no-repeat; padding-left: 25px;}
ul.horizontal {padding-left: 1px;} /* compensation for negative left, right and top margin below */
ul.horizontal li {float: left; margin-bottom: 0; margin-left: -1px; width: auto;}
ul.horizontal li.opposite {float: right;}
ul.horizontal ul {left: auto; margin-top: -1px; right: auto; top: auto;}
ul.tab li {display: inline; float: left; margin: 0 -1px 0 10px;}
ul.tab li.opposite {float: right; margin: 0 10px 0 -1px;}
ul.vertical, ul.vertical ul {width: 168px;}
ul.vertical li {float: none; margin-left: 0; margin-top: 0;}
ul.vertical li a {min-width: 0;} /* trigger hasLayout for IE7 */
ul.vertical ul {left: 100%; margin-top: 0; right: auto; top: 0;}
ul.wide {width: 100%;}


/* - - - - - - - - - - - - - - - - - - - - - - - -
	CSS Hacks - fixes several rendering issues
- - - - - - - - - - - - - - - - - - - - - - - - */
.clear:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clear {min-width: 0; display: inline-block; /* \*/display: block;}
* html .clear {/* \*/height: 1%;}
* html ul.nav {display: inline-block; /* \*/display: block; position: relative; /* \*/position: static;}
* html ul.nav ul {float: left;}
* html ul.vertical li, * html ul.horizontal li ul.vertical li {float: left; clear: left; width: 100%;}
* html ul.vertical li a {height: auto; /* \*/height: 100%;} /* trigger hasLayout for IE/Mac and IE6 */
* html ul.horizontal {/* \*/padding-left: 2px;} /* hide from IE/Mac, for IE6 and earlier */
* html ul.horizontal li {width: 6em; /* \*/width: auto;} /* first for IE/Mac then hide for others */
* html ul.nav li.sfhover {z-index: 999;}
* html ul.nav li.sfhover ul ul {display: none;}
* html ul.nav li.sfhover ul, * html ul.nav li li.sfhover ul {display: block;}