/* original source from www.cssmenumaker.com */

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	/*font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight: bold;   under .menu, font-size and font-weight has no effect*, has effect under .menu li a */
	}
	
/*background of first level menu container*/	
.menu ul{
	/*background:#333333;*/
	background-image: url("bg.gif");
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
	border-bottom: 1px solid #099;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	/*background of first level menu items and color of menu item in default state*/	
	.menu li a{
		/*background:#333333  /*("images/seperator2.gif") bottom right no-repeat; */
		/*color: white; */
		display:block;
		font-weight:normal;
		line-height:30px;
		margin:0px;
		padding: 0px 15px 0px 15px;
		text-align:center;
		text-decoration:none;
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
		font-weight: bold;
		border-right: 1px solid white;

		}
		/*color of first level menu item upon hover */
		.menu li a:hover, .menu ul li:hover a{
			/*background: #2580a2 /*url ("images/hover2.gif") bottom center no-repeat;*/
			/*color:black;*/
			text-decoration:none;
			}
	/*style and background color of second level menu container*/
	.menu li ul{
		/*background: #333333;*/
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width: auto;/*225px;*/
		z-index:200;
		/*top:1em;
		/*left:0;*/
		
		}
	.menu li:hover ul{
		display:block;
		
		}
	/*style and background of second level menu item container in default state*/
	.menu li li {
		background: url("submenubg.gif") /*url('images/sub_sep2.gif')*/ repeat-x;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width: /*225px*/auto;
		padding-left: 5px;
		padding-right: 5px;
		border: 1px solid #099;
		}
	/*background color of second level menu item upon hover */
	.menu li:hover li a{
		background: none;
		
		}
	/*control the text position and style of second level menu item in default state*/	
	.menu li ul a{
		display:block;
		height:30px;
		margin:0px;
		padding:0px 0px 0px 5px;
		text-align:left;
		border: 0px;
		
		}
		/*control text appearance and background of second level menu item upon hover*/
		.menu li ul a:hover, .menu li ul li:hover a{
			/*background:#2580a2 /*url ('images/hover_sub2.gif') center left no-repeat; */
			border:0px;
			color:white;
			text-decoration:none;
			
			}
	/*appear to not need this, show no effects 		
	.menu p{
		clear:left;
		}	
 */

/*first level menu item*/

.menu ul li a:hover {
	color: black;
}
/*second level menu item*/
.menu ul li ul li a:hover {
	color: black;
}