

/***********----------------------------------------------------------------- DROPDOWN MENUS **********/

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#nav, #nav ul {
	margin: 0px;
	list-style-type: none;
	font-weight: normal;
	font-size: 11px;
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	padding: 0px;
}

#nav li {
	float:left;
	margin: 0;
	padding: 0;
}

#nav li ul.second {
	position: absolute;
	padding: 0px;
	width: 150px;
	left: -999em;
	margin: 0;
	background-image: url(../images/inside/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #333333;
	border: 1px solid #A8D4E4;
	text-align:left;
}

li.seconditem {
	width: 150px;
	height: 30px;
	background-image: url(../images/inside/navigation/dropback.jpg);
	background-color:#ffffff;
	padding: 0;
}

li.seconditem:hover {
	width: 150px;
	height: 30px;
	background-image: url(../images/inside/navigation/dropback-over.jpg);
	background-color: #A8D4E4;
	visibility: visible;
}

#nav li ul.third {
	position: absolute;
	padding: 0px;
	width: 150px;
	left: -999em;
	margin: 0;
	background-image: url(../images/inside/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #333333;
	border: 1px solid #A8D4E4;
	text-align:left;
}

li.thirditem {
	width: 150px;
	height: 30px;
	background-image: url(../images/inside/navigation/dropback.jpg);
	background-color:#ffffff;
	padding: 0;
}

li.thirditem:hover {
	width: 150px;
	height: 30px;
	background-image: url(../images/inside/navigation/dropback-over.jpg);
	background-color: #A8D4E4;
	visibility: visible;
}

#nav li ul.fourth {
	position: absolute;
	padding: 0px;
	width: 150px;
	left: -999em;
	margin: 0;
	background-image: url(../images/inside/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #333333;
	border: 1px solid #A8D4E4;
	text-align:left;
}

li.fourthitem {
	width: 150px;
	height: 30px;
	background-image: url(../images/inside/navigation/dropback.jpg);
	background-color:#ffffff;
	padding: 0;
}

li.fourthitem:hover {
	width: 150px;
	height: 30px;
	background-image: url(../images/inside/navigation/dropback-over.jpg);
	background-color: #A8D4E4;
	visibility: visible;
}

#nav li ul.fifth {
	position: absolute;
	padding: 0px;
	width: 200px;
	left: -999em;
	margin: 0;
	background-image: url(../images/inside/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #333333;
	border: 1px solid #A8D4E4;
	text-align:left;
}

li.fifthitem {
	width: 200px;
	height: 30px;
	background-image: url(../images/inside/navigation/dropback.jpg);
	background-color:#ffffff;
	padding: 0;
}

li.fifthitem:hover {
	width: 200px;
	height: 30px;
	background-image: url(../images/inside/navigation/dropback-over.jpg);
	background-color: #A8D4E4;
	visibility: visible;
}

#nav li ul.sixth {
	position: absolute;
	padding: 0px;
	width: 150px;
	left: -999em;
	margin: 0;
	background-image: url(../images/inside/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #333333;
	border: 1px solid #A8D4E4;
	text-align:left;
}

li.sixthitem {
	width: 150px;
	height: 30px;
	background-image: url(../images/inside/navigation/dropback.jpg);
	background-color:#ffffff;
	padding: 0;
}

li.sixthitem:hover {
	width: 150px;
	height: 30px;
	background-image: url(../images/inside/navigation/dropback-over.jpg);
	background-color: #A8D4E4;
	visibility: visible;
}

#nav li ul.seventh {
	position: absolute;
	padding: 0px;
	width: 150px;
	left: -999em;
	margin: 0;
	background-image: url(../images/inside/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #333333;
	border: 1px solid #A8D4E4;
	text-align:left;
}

li.seventhitem {
	width: 150px;
	height: 30px;
	background-image: url(../images/inside/navigation/dropback.jpg);
	background-color:#ffffff;
	padding: 0;
}

li.seventhitem:hover {
	width: 150px;
	height: 30px;
	background-image: url(../images/inside/navigation/dropback-over.jpg);
	background-color: #A8D4E4;
	visibility: visible;
}

#nav li ul a {
	display: block;
	width:  auto;
	height: 30px;
	color: #333333;
	text-decoration: none;
	padding: 7px 0 0 10px;
}

#nav li ul a:hover {
	display: block;
	width:  auto;
	height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 7px 0 0 10px;
}

#nav li:hover ul {
	left: auto;
	padding: 0px;
	margin: 0;
}

li:hover ul, li.over ul { 
	display: block; }

#nav li:hover ul, #nav li.sfhover ul {
	padding: 0;
	margin: 0;
}

a.home {
	display: block;
	width: 76px;
	height: 54px;
	background-image: url(../images/inside/home.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

a:hover.home {
	display: block;
	width: 76px;
	height: 54px;
	background-image: url(../images/inside/home-over.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

a.aboutus {
	display: block;
	width: 126px;
	height: 54px;
	background-image: url(../images/inside/aboutus.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

a:hover.aboutus {
	display: block;
	width: 126px;
	height: 54px;
	background-image: url(../images/inside/aboutus-over.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

a.braces101 {
	display: block;
	width: 114px;
	height: 54px;
	background-image: url(../images/inside/braces101.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

a:hover.braces101 {
	display: block;
	width: 114px;
	height: 54px;
	background-image: url(../images/inside/braces101-over.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

a.ourclinics {
	display: block;
	width: 113px;
	height: 54px;
	background-image: url(../images/inside/clinics.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

a:hover.ourclinics {
	display: block;
	width: 113px;
	height: 54px;
	background-image: url(../images/inside/clinics-over.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

a.hereforyou {
	display: block;
	width: 169px;
	height: 54px;
	background-image: url(../images/inside/hereforyou.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

a:hover.hereforyou {
	display: block;
	width: 169px;
	height: 54px;
	background-image: url(../images/inside/hereforyou-over.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

a.funstuff {
	display: block;
	width: 107px;
	height: 54px;
	background-image: url(../images/inside/funstuff.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

a:hover.funstuff {
	display: block;
	width: 107px;
	height: 54px;
	background-image: url(../images/inside/funstuff-over.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

a.contactus {
	display: block;
	width: 115px;
	height: 54px;
	background-image: url(../images/inside/contactus.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

a:hover.contactus {
	display: block;
	width: 115px;
	height: 54px;
	background-image: url(../images/inside/contactus-over.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}


