/*----------------------------------------------------------------------------------------------
purpose:	This CSS file is used to control the main menu elements and formatting 						
author: 	Julia Parsons - The Mouse Doctor														
change history:
version	who		when		change
-----------------------------------------------------------------------------------------------
1.0		JP		10-Jul-07	Original Version

----------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------
Overall placeholder and definitions for main menu structure, including the unordered list
of menu items.
----------------------------------------------------------------------------------------------*/
#mainmenu {
	width: 200px;
	margin: 0px;
	padding: 20px 10px;
	}
	
	#mainmenu ul {
		list-style: none;
		margin: 0;
		margin-right: 5px;
		padding: 0;
		width: 180px;
		}
	#mainmenu li {
		margin: 2px 0;
		padding: 0;
		}
	#mainmenu li a {
		height: 32px;
	  	voice-family: "\"}\""; 
	  	voice-family: inherit;
	  	height: 24px;
		text-decoration: none;
		}	
		#mainmenu li a:visited {
			display: block;
			background: url(../images/menu.gif) 0 -64px;
			padding: 5px 0 0 40px;
			}
		#mainmenu li a:link {
			display: block;
			background: url(../images/menu.gif) 0 -64px;
			padding: 5px 0 0 40px;
			}
		#mainmenu li a:hover {
			background: url(../images/menu.gif) 0 -32px;
			padding: 5px 0 0 40px;
			}
		#mainmenu li a.active {
			background: url(../images/menu.gif);
			padding: 5px 0 0 40px;
			}	

#submenu {
	width: 570px;
	float: right;
	padding: 0px;
	margin: 0px;
	background: #dfedfe;
	}
	#submenu ul {
		width: 99%;
		float: left;
		padding: 2px 0;
		margin: 0;
		border: 1px #CCFF66 solid;
		}
	#submenu li {
		float: left;
		list-style: none;
		display: block;
		margin: 0;
		padding: 0;
		width: 100px;
		border-left: 1px #c0c0c0 solid;
		border-top: 1px #c0c0c0 solid;
		border-right: 1px #fff solid;
		border-bottom: 1px #fff solid;
		}
		#submenu li a {
			float: left;
			font-size: 1.0em;
			line-height: 1.5em;
			padding: 1px 0;
			margin: 2px 5px 0px 0px;
			color: #006699;
			text-align: center;
			text-decoration: none;
			width: 95px;
			}	
		#submenu li a.active {
			color: #008000;
			font-weight: bold;
			}	
		#submenu li a:hover {
			color: #006;
			font-weight: bold;
			background: #eee;
			}