/* Navigation elements
 *
 * #top-nav
 * #navigation (main navigation menu, cascade on left)
 * #hotlinks 
 */ 

ul#topnav {
  background: url(../images/four-button-nav.png) repeat-y right top;
  float: right;
  width: 600px;
  margin: 0;
  padding: 0;
}
ul#topnav li {
  float: left;
  text-align: center;
  list-style-type: none;
}
ul#topnav a {
  background: url(../images/gradient-light.png) repeat-x 0 50%;
  display: block;
  padding: 2px 0;
  margin: 0 0 0 3px;
}
ul#topnav a.top-nav-1 {
  width: 147px;
  margin: 0;
}
ul#topnav a.top-nav-2 {
  width: 150px;
}
ul#topnav a.top-nav-3 {
  width: 149px;
}
ul#topnav a.top-nav-4 {
  width: 145px;
}
ul#topnav a:hover {
  background-image: url(../images/gradient-dark.png);
  color: #ffffff;
}

div#navigation {
  float: left;
  width: 156px;
  padding: 0;
  margin-top: -19px;
}

div#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#navigation li a {
  background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	padding: 2px 0 2px 25px;
	color: #666;
	text-decoration: none;
}
/* height for IE < 7 */
* html div#navigation li a { height: 1px; }
/* end < IE 7 */

div#navigation li.active {
  background-color: #eeeeee;
}
div#navigation li.active li.active {
}

div#navigation li.active a {
  background: url(../images/menu-active.png) no-repeat 0 50%;
}

div#navigation li.active li, 
div#navigation li li {
  padding-left: 30px;
}

div#navigation li.active li li,
div#navigation li li li {
  padding-left: 10px;
}

div#navigation li li a, 
div#navigation li.active li a,  
div#navigation li.active li.active li a { 
  background-image: none;
	background-color: transparent;
  padding: 2px 0 2px 5px;
	color: #666;
  font-weight: normal;
}

div#navigation li a:hover {
  background: url(../images/menu-active.png) no-repeat 0 50%;
  color: #111;
}
div#navigation li li a:hover,
div#navigation li.active li a:hover, 
div#navigation li.active li.active li a:hover {
  background-image: none;
  color: #111;
  background-color: #bbbbbb;
}

div#navigation li.active a, 
div#navigation li.active li.active a,
div#navigation li.active li.active li.active a,
div#navigation li.active li.active li.active li.active a {
  font-weight: bold;
  color: #336600;
}
	
div#navigation li li,
div#navigation li.active li li,
div#navigation li.active li.active li li,
div#navigation li.active li.active li.active li li,
div#navigation li.active li.active li.active li.active li li
{ display: none; }

div#navigation li.active li,
div#navigation li.active li.active li,
div#navigation li.active li.active li.active li,
div#navigation li.active li.active li.active li.active li
{ display: block; }

/* Navigation buttons in columns */
div#content ul.hotlinks {
  background-color: #eeeeee;
  margin: 0;
  padding: 0;
}
div#content ul.hotlinks li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#content ul.hotlinks ol {
  padding: 8px 4px 32px 2.5em;
  margin: 0;
  background-color: #eeeeee;
  background-image: none;
}
div#content ul.hotlinks ol li {
  list-style-type: decimal;
}
div#content ul.hotlinks li a {
  display: block;
  text-decoration: none;
  background: #949494 url(../images/gradient-light.png) repeat-x 0 0;
  padding: 8px;
  margin: 0;
  color: #333;
}
/* Trigger hasLayout for IE<7 \*/
* html div#content ul.hotlinks li a  {
  height: 1%;
}
/* end IE<7 */
div#content ul.hotlinks li a:hover {
  background-image: url(../images/gradient-dark.png);
  background-color: #6a6a6a;
  color: #ffffff;
}
div#content ul.hotlinks li a img {
  display: inline;
}
div#content ul.hotlinks li a.nav-image {
  padding: 0;
}
div#content ul.hotlinks li a.nav-image img {
  display: block;
}

div#content ul.hotlinks ol a {
  display: inline;
  background: none;
  color: #333;
  padding: 0;
}
div#content ul.hotlinks ol a:hover {
  background: none;
  color: #999;
}
div#content ul.hotlinks ol li {
  margin: 0.5em 0;
}
li.hl1, li.hl2, li.hl3, li.hl4 {
  border-left-width: 3px;
  border-left-style: solid;
}
li.hl1 { border-left-color: #663300; }
li.hl2 { border-left-color: #ff9900; }
li.hl3 { border-left-color: #99cc00; }
li.hl4 { border-left-color: #cccc00; }

div#content ul.hotlinks li.list {
  background-color: #eeeeee;
}
div#content ul.hotlinks li.list a {
  background: none;
  padding: 2px 8px;
  margin: 3px 0;
  color: #666;
}
div#content ul.hotlinks li.list a:hover {
  background: none;
  color: #111;
}

div#content ul.hotlinks li.list a.nav-image {
  margin: 0;
  padding: 0;
}