ul#nav { line-height: 1.5em; list-style: none; margin: 0; padding: 0; position: relative }
ul#nav li { float: left }
ul#nav li a { color: #fff; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 40px; padding: 20px 0 0; text-align: center; text-decoration: none; text-transform: capitalize; width: 136px }
ul#nav li a:hover { background: #c4c4c4; color: #000513 }



/*#nav ul {
position: absolute;
display: none;
width: 12em;
top: 1.5em;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}*/

/*------------- submenu1 ----------*/

#submenu2, #submenu2 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#submenu2 a{
	display:block;
	text-align:left;
	cursor: pointer;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00417B;
	border: 1px solid #CCC;
	padding: 5px;
}

#submenu2 a:hover{
	text-align:left;
	cursor: pointer;
	background-color: #8EC546;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00417B;
	border: 1px solid #CCC;
	padding: 5px;
}

#submenu2 li{
float:left;
position:relative;
list-style: none;
}

#submenu2 ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#submenu2 li ul a{
width:12em;
height:auto;
float:left;
}

#submenu2 ul ul{
top:auto;
}	

#submenu2 li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#submenu2 li:hover ul ul, #submenu2 li:hover ul ul ul, #submenu2 li:hover ul ul ul ul{
display:none;
}
#submenu2 li:hover ul, #submenu2 li li:hover ul, #submenu2 li li li:hover ul, #submenu2 li li li li:hover ul{
display:block;
}
/*------------- submenu1 ----------*/

#submenu3, #submenu3 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#submenu3 a{
display:block;
padding:0px 5px;
border:1px solid #333;
color:#fff;
text-decoration:none;
background-color:#FFFEEE;
}

#submenu3 a:hover{
background-color:#FFFF00;
color:#333;
}

#submenu3 li{
float:left;
position:relative;
list-style: none;
}

#submenu3 ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#submenu3 li ul a{
width:12em;
height:auto;
float:left;
}

#submenu3 ul ul{
top:auto;
}	

#submenu3 li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#submenu3 li:hover ul ul, #submenu3 li:hover ul ul ul, #submenu3 li:hover ul ul ul ul{
display:none;
}
#submenu3 li:hover ul, #submenu3 li li:hover ul, #submenu3 li li li:hover ul, #submenu3 li li li li:hover ul{
display:block;
}
/*------------- submenu3 ----------*/

#submenu4, #submenu4 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#submenu4 a{
display:block;
padding:0px 5px;
border:1px solid #333;
color:#fff;
text-decoration:none;
background-color:#0000FF;
}

#submenu4 a:hover{
background-color:#FFFF00;
color:#333;
}

#submenu4 li{
float:left;
position:relative;
list-style: none;
}

#submenu4 ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#submenu4 li ul a{
width:12em;
height:auto;
float:left;
}

#submenu4 ul ul{
top:auto;
}	

#submenu4 li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#submenu4 li:hover ul ul, #submenu4 li:hover ul ul ul, #submenu4 li:hover ul ul ul ul{
display:none;
}
#submenu4 li:hover ul, #submenu4 li li:hover ul, #submenu4 li li li:hover ul, #submenu4 li li li li:hover ul{
display:block;
}