﻿
.menuul, .menuul ul, li
{
margin: 0; 
padding: 0;
}

a
{
color: #000000;
text-decoration: none;
}
.menuul, .menuul ul
{
height: 1.5em;
margin: 1em auto 0;
/*width: 18em;*/
}
.navMenu{
	float:left;
	margin:0;
}

#nav2{
	float:left;
	margin:0;
}
#nav3{
	float:left;
	margin:0;
}

.menuul li
{
/*background-color: #e3e3e3;*/
display: inline;
float: left;
line-height: 1.5em;
padding: 0 .5em 0;
position: relative;
text-align: center;
}

li:hover
{
/*background-color: #0056A8;*/
}

/* Second tier */

.menuul li ul
{
background-color: #ededed;
display: none;
height: auto;
left: 0;
margin: 0;
position: absolute;
top: 100%;
width: auto;
border: 1px solid #FC0000;
padding:5px;
}

/* When the user hovers over a list item, we'll then make the nested unordered list visibile*/

.menuul li:hover ul
{
display: block;
}

.menuul li ul li
{
border-right: none;
margin: 0;
padding: 0;
text-align: left;
width: 100%;
padding:3px;
border-bottom:1px dotted #333333;
}

li ul li a
{
/*padding-left: .3em;*/
}

.menuul li ul li:hover a
{
background-color: #ededed;
display: block;
height: 100%;


}

.noBorder
{
border: none;
}

