/* navigation style */
#home-nav {
    position: relative;
	z-index:9;
}

#nav-bar {
	z-index:9;
	font-size:0.8em;
	border-radius: 5px;
	margin: auto;
	background: #fff;
}

#nav-bar li {
	list-style: none;
	display: block;
	float: left;
	min-height: 40px;
	position: relative;
	background: #0152a6;
	border-right: 1px solid #0152a6;
	
}

#nav-bar li a {
	padding: 0px 10px 0px 10px;
	text-align:center;
	margin: 0px 0;
	line-height: 40px;
	text-decoration: none;
	border-right: 1px solid #dcebf4;
	min-height: 40px;
	color: #fff;
	/*text-shadow: 1px 1px 1px #66696B;*/
}

#nav-bar ul {
	background: #fff;
	padding: 0px;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-radius: 0px 0px 3px 3px;
	box-shadow: 2px 2px 3px #ECECEC;
	-webkit-box-shadow: 2px 2px 3px #ECECEC;
	-moz-box-shadow: 2px 2px 3px #ECECEC;
	width: 170px;
}

/*
#nav-bar .site-name,
#nav-bar .site-name:hover {
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	text-shadow: 1px 1px 1px #66696B;
	font: italic 20px/38px Georgia, "Times New Roman", Times, serif;
	background: url(images/saaraan.png) no-repeat 10px 5px;
	width: 160px;
	border-right: 1px solid #f5dcdb;
}

#nav-bar li.twitter {
	background: url(images/twitter.png) no-repeat 9px 12px;
}

#nav-bar li.twitter:hover {
	background: url(images/twitter.png) no-repeat 9px 12px #3BA39B;
}
*/

#nav-bar li:hover {
	background: #7da2c6;
}

#nav-bar li a {
	display: block;
}

#nav-bar li a:hover {
	color:#fff;
}

#nav-bar ul li {
	border-right: none;
	border-bottom: 1px solid #DDDDDD;
	width: 170px;
	min-height: 39px;
	background: #fff;
}

#nav-bar ul li a {
	border-right: none;
	color: #0152a6;
	/*text-shadow: 1px 1px 1px #FFF;
	border-bottom: 1px solid #FFFFFF;*/
}

#nav-bar ul li:hover {
	background: #7da2c6;
}

#nav-bar ul li:last-child {
	border-bottom: none;
}

#nav-bar ul li:last-child a {
	border-bottom: none;
}


/* Sub menus */

#nav-bar ul {
	display: none;
	visibility: hidden;
	position: absolute;
	top: 40px;
	width: 170px;
}

#nav-bar ul li a:hover {
	color: #fff;
	/*text-shadow: 1px 1px 1px #FFF;
	border-bottom: 1px solid #FFFFFF;*/
}

/* Third-level menus */

#nav-bar ul ul {
	top: 0px;
	left: 170px;
	display: none;
	visibility: hidden;
	border: 1px solid #DDDDDD;
}


/* Fourth-level menus */

#nav-bar ul ul ul {
	top: 0px;
	left: 170px;
	display: none;
	visibility: hidden;
	border: 1px solid #DDDDDD;
}

#nav-bar ul li {
	display: block;
	visibility: visible;
}

#nav-bar li:hover>ul {
	display: block;
	visibility: visible;
}

<!--[if IE 7]>
#nav-bar {
	margin-left: 0px
}

#nav-bar ul {
	left: -40px;
}

#nav-bar ul ul {
	left: 130px;
}

#nav-bar ul ul ul {
	left: 130px;
}

<![endif]-->