/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus */
/*
/* Begin CSS Popout Menu */

#menuv{
margin:0;
width:169px;
height:auto;
line-height:1em;
border:1px solid #660000;
background-color: #b22222;	/* Red */
z-index:2;
}

#menuv ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

#menuv li {
position: relative;
width:100%;
height:25px;
margin:0;
padding:0;
z-index:9;
}

#menuv li a {
border:none;
width:169px;
height:25px;	
}

#menuv li ul {
position:absolute;
top:-1px;
left:99.9%;
width: 100%;
height:auto;
margin:0;
padding:0;
border-top:1px solid #660000;
border-right:1px solid #660000;
border-left:1px solid #660000;
}

#menuv li ul li {
width:inherit;
height:100%;
margin:0;
padding:0;
border-bottom:1px solid #660000;
z-index:9;
}

#menuv li ul li a {
	width:auto;
	height:auto;
}


/* Default values for links */

#menuv a {
display:block;
width:100%;
height:25px;
white-space:nowrap;
margin:0;
padding:0;
border:none;
text-decoration:none;
}


/* Styling for 1st level links */
#menuv a:active {
z-index:9;
}


/* Styling for each individual top level button */

#menuv a.homelink:link, #menuv a.homelink:visited {
background-image:url(../buttons/Home.gif);
background-repeat:no-repeat;
}
#menuv a.homelink:hover {
background-image:url(../buttons/Home-over.gif);
background-repeat:no-repeat;
}
#menuv a.homelink:active {
background-image:url(../buttons/Home-active.gif);
background-repeat:no-repeat;
}

#menuv a.contactlink:link, #menuv a.contactlink:visited {
background-image:url(../buttons/Contact_Us.gif);
background-repeat:no-repeat;
}
#menuv a.contactlink:hover {
background-image:url(../buttons/Contact_Us-over.gif);
background-repeat:no-repeat;
}
#menuv a.contactlink:active {
background-image:url(../buttons/Contact_Us-active.gif);
background-repeat:no-repeat;
}

#menuv a.aboutlink:link, #menuv a.aboutlink:visited {
background-image:url(../buttons/About_Bear_N_Mind.gif);
background-repeat:no-repeat;
}
#menuv a.aboutlink:hover {
background-image:url(../buttons/About_Bear_N_Mind-over.gif);
background-repeat:no-repeat;
}
#menuv a.aboutlink:active {
background-image:url(../buttons/About_Bear_N_Mind-active.gif);
background-repeat:no-repeat;
}

#menuv a.standardlink:link, #menuv a.standardlink:visited {
background-image:url(../buttons/Breed_Info.gif);
background-repeat:no-repeat;
}
#menuv a.standardlink:hover {
background-image:url(../buttons/Breed_Info-over.gif);
background-repeat:no-repeat;
}
#menuv a.standardlink:active {
background-image:url(../buttons/Breed_Info-active.gif);
background-repeat:no-repeat;
}

#menuv a.nutritionlink:link, #menuv a.nutritionlink:visited {
background-image:url(../buttons/Nutrition_Grooming.gif);
background-repeat:no-repeat;
}
#menuv a.nutritionlink:hover {
background-image:url(../buttons/Nutrition_Grooming-over.gif);
background-repeat:no-repeat;
}
#menuv a.nutritionlink:active {
background-image:url(../buttons/Nutrition_Grooming-active.gif);
background-repeat:no-repeat;
}

#menuv a.girlslink:link, #menuv a.girlslink:visited {
background-image:url(../buttons/Our_Girls.gif);
background-repeat:no-repeat;
}
#menuv a.girlslink:hover {
background-image:url(../buttons/Our_Girls-over.gif);
background-repeat:no-repeat;
}
#menuv a.girlslink:active {
background-image:url(../buttons/Our_Girls-active.gif);
background-repeat:no-repeat;
}

#menuv a.boyslink:link, #menuv a.boyslink:visited {
background-image:url(../buttons/Our_Boys.gif);
background-repeat:no-repeat;
}
#menuv a.boyslink:hover {
background-image:url(../buttons/Our_Boys-over.gif);
background-repeat:no-repeat;
}
#menuv a.boyslink:active {
background-image:url(../buttons/Our_Boys-active.gif);
background-repeat:no-repeat;
}

#menuv a.puppieslink:link, #menuv a.puppieslink:visited {
background-image:url(../buttons/Puppies.gif);
background-repeat:no-repeat;
}
#menuv a.puppieslink:hover {
background-image:url(../buttons/Puppies-over.gif);
background-repeat:no-repeat;
}
#menuv a.puppieslink:active {
background-image:url(../buttons/Puppies-active.gif);
background-repeat:no-repeat;
}

#menuv a.workinglink:link, #menuv a.workinglink:visited {
background-image:url(../buttons/Working.gif);
background-repeat:no-repeat;
}
#menuv a.workinglink:hover {
background-image:url(../buttons/Working-over.gif);
background-repeat:no-repeat;
}
#menuv a.workinglink:active {
background-image:url(../buttons/Working-active.gif);
background-repeat:no-repeat;
}

#menuv a.showlink:link, #menuv a.showlink:visited {
background-image:url(../buttons/The_Show_Ring.gif);
background-repeat:no-repeat;
}
#menuv a.showlink:hover {
background-image:url(../buttons/The_Show_Ring-over.gif);
background-repeat:no-repeat;
}
#menuv a.showlink:active {
background-image:url(../buttons/The_Show_Ring-active.gif);
background-repeat:no-repeat;
}

#menuv a.versatilelink:link, #menuv a.versatilelink:visited {
background-image:url(../buttons/The_Versatile_Newf.gif);
background-repeat:no-repeat;
}
#menuv a.versatilelink:hover {
background-image:url(../buttons/The_Versatile_Newf-over.gif);
background-repeat:no-repeat;
}
#menuv a.versatilelink:active {
background-image:url(../buttons/The_Versatile_Newf-active.gif);
background-repeat:no-repeat;
}

#menuv a.funlink:link, #menuv a.funlink:visited {
background-image:url(../buttons/Fun_Stuff.gif);
background-repeat:no-repeat;
}
#menuv a.funlink:hover {
background-image:url(../buttons/Fun_Stuff-over.gif);
background-repeat:no-repeat;
}
#menuv a.funlink:active {
background-image:url(../buttons/Fun_Stuff-active.gif);
background-repeat:no-repeat;
}

#menuv a.linkslink:link, #menuv a.linkslink:visited {
background-image:url(../buttons/Links.gif);
background-repeat:no-repeat;
}
#menuv a.linkslink:hover {
background-image:url(../buttons/Links-over.gif);
background-repeat:no-repeat;
}
#menuv a.linkslink:active {
background-image:url(../buttons/Links-active.gif);
background-repeat:no-repeat;
}



/* Styling for 2nd level links */
#menuv a.sub {
background-color:#ad1d1d;
font:bold 12px/24px arial,helvetica,sans-serif;
padding:0px 0px 0px 5px;
text-decoration:none;
vertical-align:middle;
}
#menuv a.sub:link{
color:#ffffff;
}
#menuv a.sub:visited{
color:#ffffff;
}
#menuv a.sub:hover{
color:#000000;
background-color:#eeeeee;
}
#menuv a.sub:active{
color:#0099CC;
}

/* Varying widths for 2nd level Menus */
#menuv ul.submenuS {
width:185px;
background-color:#ad1d1d;
}
#menuv ul.submenuM {
width:225px;
background-color:#ad1d1d;
}
#menuv ul.submenuL {
width:300px;
background-color:#ad1d1d;
}

/* end links */


/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menuv li, div#menuv li:hover{
position:relative;
}

div#menuv li ul{
position:absolute;
top:-1px;
left:99.9%;
display:none;
}

div#menuv ul ul,
div#menuv ul ul ul,
div#menuv ul li:hover ul ul,
div#menuv ul li:hover ul ul ul
{display:none;}

div#menuv ul li:hover ul,
div#menuv ul ul li:hover ul,
div#menuv ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */