.bodyText {
	font-family: Arial, Tahoma,   Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: justify;
}
.MenuText {
	font-family: Arial, Tahoma, Helvetica,   sans-serif;
	font-size: 12px;
	color: #FFF;
}
.welcomeBanner {
	font-family: Arial, Tahoma,  Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
}
.TextYellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFCC;
}


/*------------- Menu ------------------*/
.menu{
	font-size: 12px;	font-weight:bold;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	
	}
.menu ul{
	background-color:#018D1B;
	height:49px;
	list-style:none;
	margin:0;
	padding:0;
	
	}
	.menu li {
		float:left;
		padding:0px;
		
	}
	.menu li #test1{
		
		background:url(images/testbackcolor.jpg) repeat;
		}
	.menu li a{
		
		color:#FFF;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;	
		padding:5px 10px;
		text-align:right;
		text-decoration:none;
		}
		
		.menu li #test {
				
			background:url(images/testbackcolor2.jpg) repeat-x;
		
		}
		
		.menu li a:hover, .menu ul li:hover a{
			
			color:#FFF;
			background-color:#016312;
			text-decoration:none;
			border:thick;
			border:#000;
			border-bottom-color:#FFF;
			}
			
			/*------------- this is the place that increase the width of the css ------------------*/
	.menu li ul{
		background:#018D1B;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:280px;/*i change this to increase the width*/
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:280px;/*i change this to increase the width*/
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:13px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			
			border:0px;
			background-color:#016312;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

		
/* ----------------- end of menu----------------*/



