

#navbar {
 float: left;
 margin: 0px 0 0 0; 
 padding: 0;
z-index:999999;position:relative
}
#navbar li a, #navbar li {
 float: left;
}

#navbar li {
 list-style: none;
 position: relative;
}

#navbar li a {
 padding: .7em .7em;
 text-decoration: none;
 color: white;
 font-size:16px;
 border-right: 1px solid #621C30;
}
#navbar li li a {
padding: .5em 2em;
font-size:14px;
background: #fff;
color:#360;
/* background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); */
 border-right: 1px solid #621C30;
 border-left: 1px solid #621C30;
 border-top: 1px solid #621C30;
 border-bottom: 1px solid #621C30;
}


#navbar li a:hover {
 background: #621C30;
 color:#fff;
 /* background: -moz-linear-gradient(top, #11032e, #2a0d65);
 background: -webkit-gradient(linear, left top, left bottom, from(#11032e), to(#2a0d65)); */
}
#navbar li li a:hover {
 background: #621C30;
 color:#fff;
  border-right: 1px solid #fff;
 border-left: 1px solid #fff;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 /* background: -moz-linear-gradient(top, #11032e, #2a0d65);
 background: -webkit-gradient(linear, left top, left bottom, from(#11032e), to(#2a0d65)); */
}


/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: black;
	right : 0;
	bottom: 0;
}

#navbar li ul {
 display: none;
 position: absolute;
 left:-1px;
 border-bottom:1px solid #fff;
 top: 100%;
 padding: 0; margin: 0;
}

#navbar li:hover > ul {
 display: block;
}

#navbar li ul li, #navbar li ul li a {
 float: none;
}

#nav li ul li {
 _display: inline; /* for IE6 */
}

#navbar li ul li a {
 width: 170px;
 display: block;
}

/* SUBSUB Menu */

#navbar li ul li ul {
 display: none;
}

#navbar li ul li:hover ul {
 left: 99.8%;
 top: 0px;
}


 