/*----------------------------------*/
/*----------------------------------*/
/* Verticle Menu with Dropdowns  */
/*----------------------------------*/
/*----------------------------------*/	
#navcontainer{
}

#navcontainer ul{
	list-style-type: none;
	margin: 0;
	z-index: 1;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}

#navcontainer ul li{
	float:left;
	padding-bottom: 0px;
	position:relative;
}

#navcontainer ul li a{
	display: block;
	width: 110px;
	height:30px;
	text-indent:-10000px;
	overflow:hidden;
}

#navcontainer ul ul{
	display:none;
	position:absolute;
	left:0px;
	top:100%;
	width:100%;
}

#navcontainer ul li:hover ul{
	display:block;
}
.active{
	background-position:0px -15px;
}
	
.home a{
	background-image: url(../images/design/home.png);
	background-repeat: no-repeat;
	background-position: left top;
}	
.home a:hover{
	background-image: url(../images/design/home.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
	
.family a{
	background-image: url(../images/design/family.png);
	background-repeat: no-repeat;
	background-position: left top;
}	
.family a:hover{
	background-image: url(../images/design/family.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
.cancer a{
	background-image: url(../images/design/cancer.png);
	background-repeat: no-repeat;
	background-position: left top;
}	
.cancer a:hover{
	background-image: url(../images/design/cancer.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
.hist a{
	background-image: url(../images/design/hist.png);
	background-repeat: no-repeat;
	background-position: left top;
}	
.hist a:hover{
	background-image: url(../images/design/hist.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
.oste a{
	background-image: url(../images/design/oste.png);
	background-repeat: no-repeat;
	background-position: left top;
}	
.oste a:hover{
	background-image: url(../images/design/oste.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
.slide a{
	background-image: url(../images/design/slide.png);
	background-repeat: no-repeat;
	background-position: left top;
}	
.slide a:hover{
	background-image: url(../images/design/slide.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
.travels a{
	background-image: url(../images/design/travels.png);
	background-repeat: no-repeat;
	background-position: left top;
}	
.travels a:hover{
	background-image: url(../images/design/travels.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
.contacts a{
	background-image: url(../images/design/contact.png);
	background-repeat: no-repeat;
	background-position: left top;
}	
.contacts a:hover{
	background-image: url(../images/design/contact.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}	
.book a{
	background-image: url(../images/design/book.png);
	background-repeat: no-repeat;
	background-position: left top;
}	
.book a:hover{
	background-image: url(../images/design/book.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
#active a{
	background-position:0px -30px; 
}
#active a:hover{
	background-position:0px -30px;
}
.demp a,.demp a:hover{
	background: url('../images/design/dd_navi.png') 0px -30px no-repeat  !important;
}	
.calv a,.calv a:hover{
	background: url('../images/design/dd_navi.png') top left no-repeat  !important;
}
.mcil a,.mcil a:hover{
	background: url('../images/design/dd_navi.png') 0px -60px no-repeat  !important;
}