/*___________________________________________________
Author: iColab Softwares Pvt. Ltd. <http://icolabsoft.com/>
Version: 2.2012
Client URL: http://www.cdcri.org
Developed by: PerfectCoder <http://www.perfectcoder.com/> 
by Bhavesh Rathod <gulonline@gmail.com>
_____________________________________________________*/

#nav {
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #99CCFF;
}
#nav li {
	display: inline;
	float: left;

}
#nav li a {
	float: left;
	width: 100px;
	height: 0px;
	padding: 42px 0 0;
	background: url('../images/nav.png') no-repeat left top;
	overflow: hidden;
	position: relative;
	z-index: 10;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#nav li div#home {
	position: absolute;
	top: 40px;
	display: none;
	width: 643px;
	height: 185px;
	padding: 20px;
	background: #fff url('../images/dropdown.png') no-repeat left top;
	z-index: 9;
	left: 1px;
}
#nav li div#abt {
	position: absolute;
	top: 40px;
	display: none;
	width: 643px;
	height: 185px;
	padding: 20px;
	background: #fff url('../images/dropdown.png') no-repeat left top;
	z-index: 9;
	background: #fff;
	left: 1px;
}
#nav li div#infra {
	position: absolute;
	top: 40px;
	display: none;
	width: 770px;
	height: 185px;
	padding: 20px;
	background: #fff url('../images/dropdown.png') no-repeat left top;
	z-index: 9;
	background: #fff;
	left: 1px;
}
#nav li div#dpt {
	position: absolute;
	top: 40px;
	display: none;
	height: 185px;
	padding: 20px;
	background: #fff url('../images/dropdown.png') no-repeat left top;
	z-index: 9;
	background: #fff;
	left: 200px;
}

#nav li div#cors {
	position: absolute;
	top: 40px;
	display: none;
	height: 185px;
	padding: 20px;
	background: #fff url('../images/dropdown.png') no-repeat left top;
	z-index: 9;
	background: #fff;
	left: 400px;
}
#nav li div#lsr {
	position: absolute;
	top: 40px;
	display: none;
	width: 125px;
	height: 185px;
	padding: 20px;
	background: #fff url('../images/dropdown.png') no-repeat left top;
	z-index: 9;
	background: #fff;
	left: 490px;
}
#nav li div#nws {
	position: absolute;
	top: 40px;
	display: none;
	width: 500px;
	height: 185px;
	padding: 20px;
	background: #fff url('../images/dropdown.png') no-repeat left top;
	z-index: 9;
	background: #fff;
	left: 400px;
}

#nav li div#pto {
	position: absolute;
	left: 200px;
	top: 40px;
	display: none;
	width: 400px;
	height: 185px;
	padding: 20px;
	background: #fff url('../images/dropdown.png') no-repeat left top;
	z-index: 9;
	background: #fff;
	left: 500px;
}

#nav li div#cntct {
	position: absolute;
	left: 200px;
	top: 40px;
	display: none;
	width: 125px;
	height: 185px;
	padding: 20px;
	background: #fff url('../images/dropdown.png') no-repeat left top;
	z-index: 9;
	background: #fff;
	left: 740px;
}

#nav li div {
	position: absolute;
	top: 40px;
	display: none;
	height: 190px;
	padding: 17px;
	z-index: 9;
	background: #fff;
	border: 1px solid #b1d6ec;
	-webkit-box-shadow: 0px 0px 5px #b1d6ec;
	-moz-box-shadow: 0px 0px 5px #b1d6ec;
	box-shadow: 0px 0px 5px #b1d6ec;
}
/*#nav li.hover div { display:block; }*/
li#n_home  a {
	width: 74px;
	background-position: -1px top;
}
li#n_home.hover a {
	background-position: -1px -42px !important;
}
li#n_home.on a {
	background-position: -1px -88px;
}
li#n_about a {
	width: 95px;
	background-position: -75px top;
}
li#n_about.hover a {
	background-position: -75px -42px !important;
}
li#n_about.on a {
	background-position: -75px -88px;
}
li#n_infrastructure a {
	width: 135px;
	background-position: -170px top;
}
li#n_infrastructure.hover a {
	background-position: -170px -42px !important;
}
li#n_infrastructure.on a {
	background-position: -170px -88px;
}
li#n_department a {
	width: 128px;
	background-position: -305px top;
}
li#n_department.hover a {
	background-position: -305px -42px !important;
}
li#n_department.on a {
	background-position: -300px -88px;
}
li#n_course a {
	width: 96px;
	background-position: -432px top;
}
li#n_course.hover a {
	background-position: -432px -42px !important;
}
li#n_course.on a {
	background-position: -440px -88px;
}
li#n_leisure a {
	width: 86px;
	background-position: -528px top;
}
li#n_leisure.hover a {
	background-position: -528px -42px !important;
}
li#n_leisure.on a {
	background-position: -528px -88px;
}
li#n_news a {
	width: 158px;
	background-position: -615px top;
}
li#n_news.hover a {
	background-position: -615px -42px !important;
}
li#n_news.on a {
	background-position: -615px -88px;
}

li#n_photo a {
	width: 88px;
	background-position: -795px top;
}
li#n_photo.hover a {
	background-position: -795px -42px !important;
}
li#n_photo.on a {
	background-position: -800px -88px;
}


li#n_contact a {
	width: 107px;
	background-position: right top;
}
li#n_contact.hover a {
	background-position: right -42px !important;
}
li#n_contact.on a {
	background-position: right -88px;
}
#nav li ul li {
	font-family: 'PT Sans Narrow', arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	text-transform: uppercase;
	float: left;
	width: 128px !important;
	text-align: left;
	letter-spacing: 0;
}
#nav li ul li.cat-news {
	font-family: 'PT Sans Narrow', arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	text-transform: uppercase;
	float: left;
	width: auto !important;
	text-align: left;
	letter-spacing: 0;
}
#nav li ul li.cat-photo {
	font-family: 'PT Sans Narrow', arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	text-transform: uppercase;
	float: left;
	width: auto !important;
	text-align: left;
	letter-spacing: 0;
}
#nav li ul li.dpt {
	width: 105px !important;
}

#nav li ul li strong {
	background-position: left bottom;
	margin: 16px 0 5px 16px;
	display: block;
	padding-bottom: 20px;
	color: #000000;
	background-image: url('../images/menu-border-line.gif');
	background-repeat: no-repeat;
	font-size: 20px;
}
#nav li ul li a {
	line-height: 1.1;
	padding: 12px;
	float: left;
	width: 99px !important;
	height: 164px;
	border: 1px solid #cbe4f6;
	background: #fff;
	position: static;
	text-align: left;
	text-transform: none;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#nav li ul li a.dpt {
	padding: 12px;
	width: 75px !important;
	height: 164px;
}
#nav li ul li a:hover {
	background-position: right bottom;
	border: 1px solid #0DAACE;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-moz-box-shadow: 0 0 5px #0daace;
	-webkit-box-shadow: 0 0 5px #0daace;
	box-shadow: 0 0 5px #0daace;
	color: #FF3300;
	text-shadow: 0px 1px 0px #fff;
}

#nav li ul li a img {
	display: block;
	margin: -2px -1px 4px -2px;
	background: #fff url('../images/menu-img-bg.png') no-repeat left bottom;
	padding-bottom: 10px;
}
#nav li ul li a.dpt img {
	margin: 0px;
	display: block;
	background: #fff url('../images/menu-img-bg.png') no-repeat left bottom;
	padding-bottom: 10px;
	width: 75px;
}

#nav li ul li a span {
	display: block;
	font-family: arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 4px;
	line-height: 1.2;
	font-weight: normal;
	color: #888;
}
header nav #nav li ul li a:hover span {
	color: #666;
}
#nav li ul li ul {
	padding: 0 0 0 16px;
}
#nav li ul li ul li {
	text-transform: none;
	margin: 2px 0 4px;
}
#nav li ul li.cat-news ul li:first-child {
	border-left-style: none;
}
#nav li ul li.cat-news ul li {
	border-width: 1px;
	border-color: #EAEAEA;
	text-transform: none;
	margin: 2px 0 4px;
	border-right-style: solid;
	width: auto !important;
}
#nav li ul li.cat-news ul li a {
	padding: 2px 10px 2px 10px;
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	width: auto !important;
}
#nav li ul li.cat-photo ul li {
	border: 1px solid #EAEAEA;
	text-transform: none;
	margin: 5px;
}

#nav li ul li ul li a {
	font-family: 'PT Sans Narrow', arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.1;
	padding: 0 10px 0 0;
	float: none;
	width: auto !important;
	height: auto;
	border: none;
	position: static;
	text-align: left;
	margin: 0;
	color: #2691db;
}
#nav li ul li ul li a:hover {
	border-style: none;
	background: #fff !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #FF3300;
	text-decoration: underline;
}
#nav li ul li p {
	text-transform: none;
	font-weight: normal;
	margin: 0;
	padding: 15px 15px 15px 0;
	font-size: 11px;
	color: #777;
}