/*

Menus 


Feb 2004

March 2005

*/


/* Regularly-travelled menus lose their link underlines and their :visited colour */
menu a:link,
menu a:visited {
	text-decoration: none;
	color : #0000ff;
}

menu a:hover, 
menu a:active {
/*	text-decoration: underline; */
	border-bottom: 1px dotted #333333;
}






/*   SideBar menu, done with CSS */
/*
To use it, the menu must be a <div> or <menu> with id="menu-side-main"
and the elements within must be inside a <menu> and <li>

*/




menu.menu-side-main, menu#menu-side-main, div#menu-side-main menu { 
/*
  position:absolute; 
  left: -3%; top: 2em; 
*/
	
	display: block;
	
	clear:left;
	float: left;
	
  padding: 0;
  width: 7em; 
	
  /* KLUDGE - Width ought to be more automatic 
  - it's also doubtful for the best units to set it with. Pixels preserve the screen layout, but ems fit the text 
  */
  z-index:3; 
	
	font-size: 0.9em;
} 


menu.menu-side-main, menu#menu-side-main, div#menu-side-main menu { 
  display: block;  
  background-color: #00c000;
	color: #000;
  margin: 0;	
	
	/* Not needed, but handy where there's text embedded in a menu outside an li, as a title (even though this is itself dubious)*/
	padding: 0;
	text-align: center;
	/* padding-left: 2em; */
}


menu.menu-side-main li, menu#menu-side-main li, div#menu-side-main menu li { 
  list-style: none inside none;
  display: block;


  list-style: none outside none;

  padding: 0; 
  margin: 0 0 1px 0;
  padding-left: 0.1em; 

	margin-left: 0;


	text-align: left;
	
  color: white;
  background-color: #009900;
}


menu.menu-side-main li a, menu#menu-side-main li a, div#menu-side-main menu li a { 
	padding: 0 0.6em 0 0.3em; 
 
  margin : 0; 
	width: 100%;

  color: white;
	
  font-weight: bolder;
  text-decoration: none;
}

menu.menu-side-main li a:hover, menu#menu-side-main li a:hover, div#menu-side-main menu li a:hover { 
  color: red;
  background-color: white;
}





/* Menu inline */

menu.menu-inline {

}

menu.menu-inline li {
  list-style: none;
}



/* Menu sequence */

menu.menu-sequence {

}

menu.menu-sequence li {
  display: inline;
}



/* Menu header and footer */
menu#menu-header, menu.menu-header,
menu#menu-footer, menu.menu-footer  {

  display: block ! important;
	  display: inline !important;

	font-size: 0.75em;

  padding-left: 7%;
  padding-right: 7%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}




menu#menu-header, menu.menu-header {
	margin-top: 0;
	border-top: none;
  margin-left: 13em;  
}

menu#menu-footer, menu.menu-footer  {
  clear: both;
	margin-top: 3em;
	margin-bottom: 0;
}

menu#menu-header li, menu.menu-header li,
menu#menu-footer li, menu.menu-footer li {
  display: inline !important;
  margin-right: 0.5em; 
}

menu#menu-header li a, menu.menu-header li a,
menu#menu-footer li a, menu.menu-footer li a {
  padding: 0.15em 24px 0.2em;
  background-color: #666666;
	color: #cccccc;
	text-decoration: none;
	font-family : verdana, helvetica, sans-serif;
}

menu#menu-header li a:link, menu.menu-header li a:link,
menu#menu-footer li a:link, menu.menu-footer li a:link {
	text-decoration: none;
}



/* Menu look and feel for Timber-Routes */
menu#menu-header, menu.menu-header,
menu#menu-footer, menu.menu-footer  {
	background-color: #008800;
	
	border: thin solid #1a1a1a;
	border-left: none;
	border-right: none;
	
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

menu#menu-header, menu.menu-header {
  margin-left: 160px; /* Use pixels, to space around the page-logo image */
}



menu#menu-header li.selected a, menu.menu-header li.selected a,
menu#menu-footer li.selected a, menu.menu-footer li.selected a {
	background-color: #00cc00; 
}


menu.menu-side-main li, menu#menu-side-main li, div#menu-side-main menu li, 
menu.menu-side-main li a, menu#menu-side-main li a, div#menu-side-main menu li a, 
menu#menu-header li a, menu.menu-header li a,
menu#menu-footer li a, menu.menu-footer li a {
	background-color: #00aa00;
	color: #cccccc;
	color: #ffffff;
	width: 100%;
}

menu.menu-side-main li a:hover, menu#menu-side-main li a:hover, div#menu-side-main menu li a:hover, 
menu#menu-header li a:hover, menu.menu-header li a:hover,
menu#menu-footer li a:hover, menu.menu-footer li a:hover {
	background-color : #cccccc;
	background-color: #00ff00;
	color: #000000;
}







/* Tiny CSS selector */



menu#menu-css-switch { 

	background-color : #c0c0c0;
	color : #000000;
	
	border: 1px solid #c0c0c0;
	
  display: block ! important;
	position: absolute;
	z-index : 3;

	top: 200px;
	right: 3em;
	
	font-size: 0.75em;

  padding: 0	;
  margin: 0;	
  text-align: left;
	width: 12em;

	
}

menu#menu-css-switch li { 
  display: block ! important;
  list-style: none outside none;
	line-height: 1.33em;
	
	margin: 0;
	padding: 0;

	left: 0;
	width: 79%;

	background-color: #c0c0c0;
	border: 1px solid #c0c0c0;
}

menu#menu-css-switch li a { 
	display: block ! important;
	margin: 0;
	padding: 0;
	padding-left: 12%;	/* Not ems, to try to keep inside the box constraints */
	padding-right: 12%;

	left: 0; 
	width: 100%;

	background-color: #dddddd;
	color: #333333;
} 

menu#menu-css-switch li.selected a { 
	background-color: #a0a0a0;
} 

menu#menu-css-switch li a:hover { 	
	background-color: #00dd00;
	color: #000000;

}




