ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:.6em;
background:url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}


/*GREEN*/
ul.menu.green{
background-color:#629600;
}
ul.menu.green li a:hover, .menu.green li.current {
background-color:#7AB900;
}






#safariMenu{
  background-color: transparent;	/* Background color of main menu */
  font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Fonts of main menu items */
  font-size:10pt;	/* Font size of main menu items */
  height:20px;	/* Height of main menu */
  position:relative;	/* Don't change this position attribute */
}
	#safariMenu a{
		padding-left:55px;	/* Spaces at the left of main menu items */
		padding-right:55px;	/* Spaces at the right of main menu items */
		font-weight:bold;
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
        color: #9900CC;
	}
	#submenu{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font  of sub menu items */
		background-color:transparent;	/* Background color of sub menu items */

		width:100%;	/* Don't change this option */
  font-weight: bold ;
}
	#submenu div{
		white-space:nowrap;	/* Don't change this option */

	}
	/*
	Style attributes of active menu item
	*/
	#safariMenu .activeMenuItem{
		/* Border options */

		background-color: #E2EBED;	/* Background color */

		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}

	#safariMenu .activeMenuItem img{
		position:absolute;
		bottom:0px;
		right:0px;
	}

	/*
	Style attributes of inactive menu items
	*/
	#safariMenu .inactiveMenuItem{
		color: blue;	/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}

	#submenu a{
		text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
		padding-left:5px;	/* Space at the left of each sub menu item */
		padding-right:5px;	/* Space at the right of each sub menu item */
		color: #000;	/* Text color */
		font-size:0.9em;
	}

	#submenu a:hover{
		color: #FF0000;	/* Red color when the user moves the mouse over sub menu items */
	}