/* CSS Document */

#navMenu {
	margin:0;
	padding:0;
}
#navMenu ul{
	margin:0;
	padding:0;
	line-height:40px;/*this centers text*/
}

#navMenu li{
	margin:0px;
	padding:0;
	list-style:none; /*takes bullets off*/
	float:left;
	position:relative; /*puts a box around them and allows to position the links*/
	background:#09f;
}
#navMenu ul li a{
	text-align:center;
	font-family: "Times New Roman", Times, serif; font-weight:bold; font-size:17px;
	text-decoration:none;
	height:41px; /*size of box*/
	width:178px; /*size of box*/
	display:block; /*shows box*/
	color:#000 ;/*color for text in box*/
	border:1px solid #000; /*border for box*/	
	text-shadow:/* not need this effect 1px 1px 1px #000*/
}

#navMenu ul ul{ /*hover effect this is for the nested unorder list*/
	
	position:absolute;
	visibility:hidden;
	top:32px;
	
}
#navMenu ul li:hover ul{
	
visibility:visible;	
}

/*****************************************************************************/

#navMenu li:hover {
	background:#F00;
	
}

#navMenu ul li:hover ul li a:hover{
	background:#ccc;
	color:#000;
	
}
#navMenu a:hover {
	color:#FFF;
	
}
.clearFloat {
	clear:both;
	margin:0;
	padding:0;
	
}