@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans);

* {margin: 0; padding: 0;}

html, body {min-height: 100%;}

body
{
	text-align: center;
	padding-top: 0px;
	font-family: 'Merriweather Sans' , arial, verdana;
}

#menu {
  
  height: 40px;
  clear: both;
 }

ul#nav
{
	font-family:Verdana;
	float: left;
	margin: 0;
	padding: 0 10px 0 70px;
	list-style: none;
	background: #FFFFFF url(../img/menu-parent.png) repeat-x;
	position: relative;
}



/* sub menu */
ul#nav1
{
	float: right;
	margin: 0;
	padding: 0 10px 0 70px;
	list-style: none;
	background: #FFFFFF url(../img/menu-parent.png) repeat-x;
	position: relative;
}
ul#nav1 li {
  display: inline;
}
ul#nav1 li a
{
	float: right;
	font-family: 'Merriweather Sans' , arial, verdana;
	line-height: 40px;
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0 49px;
	background: #0066FF url(../img/menu-parent.png) repeat-x;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
}
/*  end - sub menu */






ul#nav li {
  display: inline;
}

ul#nav li a
{
	float: left;
	font-family: 'Merriweather Sans' , arial, verdana;
	line-height: 40px;
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0 49px;
	background: #0066FF url(../img/menu-parent.png) repeat-x;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
}

/* APPLIES THE ACTIVE STATE */
ul#nav .current a, ul#nav li:hover > a
{
	color: #000000;
	text-decoration: none;
	background: #6699FF;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
}

/* THE SUBMENU LIST HIDDEN BY DEFAULT */
ul#nav  ul {
  display: none;
}

/* WHEN THE FIRST LEVEL MENU ITEM IS HOVERED, THE CHILD MENU APPEARS */
ul#nav li:hover > ul
{
	position: absolute;
	display: block;
	width: 920px;
	height: 45px;
	margin: 40px 0 0 0;
	background: #0066FF url(../img/menu-child.png) repeat-x;
	color: #FFFFFF;
}

ul#nav li:hover > ul li a
{
	font-family: 'Merriweather Sans' , arial, verdana;
	line-height: 55px;
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0 30px 0 0;
	background: #003380 url(../img/menu-child.png) repeat-x;
}

ul#nav li:hover > ul li a:hover
{
	color: #EBEBEB;
	text-decoration: none;
}