@charset "UTF-8";/* CSS Document */ /*========================= TOP OF THE MENU CASCADE =========================*/

#menu_container { width:974px; margin:auto; z-index:100; background:url(/images/bg_topnav_shadow.png) no-repeat bottom }

#menu_container_home { width:960px; margin:auto; z-index:100 }

.menu { position:relative;/* establish a menu-relative positioning context *//*float:left;                                    play nicely with others */ margin:auto; padding:0; border:0; height:36px;/* the menu's overall height *//* background:#E9EEE8;*/ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;/* this (and also below) sets the menu's font size */ width:960px;/* -- REMOVE !! -- */ }

.menu a:link,
.menu a:visited { color:#FFF; text-decoration:none }

.menu a:hover { color:#FFF; text-decoration:none }

.menu table { padding:0; border:0; text-align:left }

.menu ul { margin:0; padding:0; list-style-type:none;/* we don't want to view the list as a list */ line-height:1.5em;/* globally set the menu's item spacing. note */ /* this must be 1.0 or 1.5 or 2.0 for Mozilla */ z-index:100 }

table { margin:-1px 0;/* IE5 needs -1px top and bottom table margins */ m\argin:0;/* re-zero the table margins for everyone but IE5 */ border-collapse:collapse;/* IE5 needs this for the sub-menus to work */ font-size:12px;/* this sets the base font size for our entire menu */ }

.rightmenu { position:relative;/* establish a local positioning context for YAH label */ float:right;/* and right-align it at the top of our page */ }/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li { float:left; margin:0 0 0 0; padding-right:1px; position:relative; background-image:url(/images/tabbednav/li_shim.gif) }

.menu ul li a { background:url(/images/tabbednav/tab.png); color:#fff; font-size:14px; font-family:'Lucida Grande', 'Lucida Sans', Verdana, Arial, sans-serif; display:block; float:left; height:36px; padding-left:14px; text-decoration:none }

.menu ul li a:hover { background-position:0 -72px }

.menu ul li a:hover span { background-position:100% -72px }

.menu ul li span { background:url(/images/tabbednav/tab.png) 100% 0; cursor:pointer; display:block; float:left; line-height:36px; padding-right:14px; background-color:#E9EEE8 }

#home li#nav_home a,
#services li#nav_services a,
#dentists li#nav_dentists a,
#resources li#nav_resources a,
#before li#nav_before a,
#tour li#nav_tour a,
#testimonials li#nav_testimonials a,
#contact li#nav_contact a { background-position:0px -36px; color:#FFF }

#home li#nav_home span,
#services li#nav_services span,
#dentists li#nav_dentists span,
#resources li#nav_resources span,
#before li#nav_before span,
#tour li#nav_tour span,
#testimonials li#nav_testimonials span,
#contact li#nav_contact span { background-position:100% -36px }/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul { display:none;/* initially hide the entire list hierarchy */ padding:0;/* this is our box border width */ margin:0; border:0; list-style-type:none;/* we don't want to view the list as a list */ line-height:1.5em;/* globally set the menu's item spacing. note */ }/* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu ul li:hover ul,
.menu ul li a:hover ul {/* 2nd level drop-down box */ display:block; position:absolute; padding:0; margin:0; top:36px;/* place us just up underneath the top-level images */ left:-1px;/*       left-align our drop-down to the previous button border */ height:auto;/* the drop-down height will be determiend by line count */ width:13.5em; color:#3588CE;/* this sets the unselected-text color */ }

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */ left:0px }

.menu ul li:hover ul li { border:1px solid #A6BE83; margin:0 0 -1px 0;/* collapsed borders on li elements */ padding-right:0;/* negate previous 1px padding-right on ul li */ }

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {/* 2nd level skinny drop-down box */ width:8.08333em;/* with a 12px default font,this is 97px width (97/12) */ }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {/* 2nd level unselected items */ border:none !important; border:1px solid #A6BE83; margin:0 !important; margin:0 0 -1px 0;/* collapsed borders on li elements */ padding:7px; height:auto; font-size:12px; color:#3588CE;/* this sets the unselected drop-down text color */ background:#EDF4E5;/* this sets the drop-down menu background color */ background-image:none; width:13.5em; padding-right:20px }

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {/* 2nd level selected item */ color:#96B46F; background:#FFF }

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {/* 2nd level un+selected items */ width:8.08333em }

#home li#nav_home ul li a,
#services li#nav_services ul li a,
#dentists li#nav_dentists ul li a,
#resources li#nav_resources ul li a,
#before li#nav_before ul li a,
#tour li#nav_tour ul li a,
#testimonials li#nav_testimonials ul li a,
#contact li#nav_contact ul li a {/* 2nd level active un+selected items */ background-position:0px -36px; color:#3588CE }

#services li#nav_services ul li.rightmenu a,
#dentists li#nav_dentists ul li.rightmenu a,
#resources li#nav_resources ul li.rightmenu a { background:url(/images/tabbednav/rightmenu_arrow.gif) no-repeat #EDF4E5; background-position:right }

#services li#nav_services ul li.rightmenu ul li a,
#dentists li#nav_dentists ul li.rightmenu ul li a,
#resources li#nav_resources ul li.rightmenu ul li a { background:none; background-color:#E9EEE8 }

.menu ul li ul li.rightmenu a { background:url(/images/tabbednav/rightmenu_arrow.gif) no-repeat #EDF4E5; background-position:right }

.menu ul li ul li.rightmenu:hover ul,
.menu ul li ul li.rightmenu a:hover ul {/* 2nd level neighborhood drop-down box */ left:auto; right:0;/* nudge the right menu right to line up under the border */ }

* html .menu ul li ul li.rightmenu a:hover ul {/* IE5/6 needs a tweak here */ right:-1px }/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {/* hide inactive 3rd-level menus */ visibility:hidden }

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {/* 3rd level drop-down box */ visibility:visible; position:absolute; margin-top:-1px;/* bring the top edge of the 3rd level menu up one */ top:0 !important; top:1px; width:14em; left:15.7em !important;/* Major browsers other than IE 6 and below respect the importance immediately */ left:15.8em;/* IE 6 and below use this value instead,even though the above was marked as important */ }
@media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari needs this workaround to position properly */
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {
left:15.8em !important
}


.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {/* 3rd level unselected items */ width:14em; color:#3588CE; background:#EDF4E5 }

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {/* level3 selected items */ width:14em; background:#FFF }

#text {/* the Mac's standard Safari browser will not see this code */ height:1.215em; # /* ...  but every other browser will and should */
}/* Safari barfs on the illegal pound sign (#) after the rule's property val */