body
{
    background-position: 0% 0%; margin:0; line-height: 1.4em;
    color: #D6D6DE; font-style:normal; 
    font-variant:normal; font-weight:normal; 
    font-size:66%; font-family:Gorgia, Verdana, Tahoma, Arial, sans-serif; 
    background-image:url('images/background1.jpg'); background-repeat:repeat-x; 
    background-attachment:scroll
}

.heading h1 {
line-height:1.4em;
font-size: 3.1em;
color: #FFCC00;
padding: 178px 20px 0 0px;
margin: 0;
letter-spacing:-1px;
font-weight:normal;
}

.heading h2 {
font-size: 1.5em;
color: #000000;
margin: 0;
padding: 10px 20px 0 20px;

font-weight:normal;
}

.heading h3 {
font-size: 1.em;
color: #ffffff;
margin: 0;
padding: 10px 20px 0 20px;

font-weight:normal;
}

a:Link, a:visited
{
    text-decoration: none;
    color: #FFFF00;
}

a:hover, a:active {
text-decoration: none;
color: #CCCC66;
text-decoration: underline;
}

/* Styles required for rounded corner flexible layout */

.page {

background: transparent url() repeat;
margin: 20px;
}

.pageBottomWrapper {
height: 100%;
background: transparent url() bottom right no-repeat;
}

.pageContent {
margin: 13px 28px 20 8px;
}

.mainPageContent {
background-color: #fff;
}

.heading {
height: 0px;
padding-bottom:20px;
}


/* two column layout */

.left 
{
float:left;
padding-top:0px;
width:21%;
margin-right:25px;
padding-bottom:20px;
	}
	
.right
{
    border:3px solid #EAD559;
    width: 68%;
    padding-top: 1px; 
    padding-left:4px; 
    padding-bottom:4px;
    padding-right: 4px;
    background-color: #FFFF66;
    font-size: 11.5pt;
    color: #000033;  
    }

.right a {
  text-decoration:none; 
  color:#000072; 
}
.right a:hover, a:active {
text-decoration: none;
color: #6699CC;
text-decoration: underline;
}

.right1
{
    border:3px solid #EAD559;
    width: 82%;
    padding-top: 1px; 
    padding-left:4px; 
    padding-bottom:4px;
    padding-right: 4px;
    background-color: #FFFF66;
    font-size: 11.5pt;
    color: #000033;  
    }

.right1 a {
  text-decoration:none; 
  color:#000072; 
}
.right1 a:hover, a:active {
text-decoration: none;
color: #6699CC;
text-decoration: underline;
}


/* left menu */

#menu {
  margin:0; 
  padding:0; 
  height:29.5em; 
  overflow:hidden; 
  
  }
#menu li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:100%;
  }
#menu li a {
  display:block; 
  text-decoration:none; 
  color:#ffffff; 
  margin:0; 
  width:100%;
  }
#menu li a span
{
    display: none;
    color: #ffff66;
}
#menu li a.one span {
  display:block; 
  height:15em; 
  margin:0 10px;
  }
#menu li a:hover
{
    background: #000033;
    text-decoration: underline;
    color: #66ccff;
}
#menu li a:hover span {
  display:block; 
  height:18em; 
  margin:0 10px; 
  cursor:none;
  }
#menu .h2
{
    margin: 0 5px;
    padding: 0;
    color: #FFFF00;
    font-variant: small-caps;
    font-size: 1.5em;
    border: 0;
    font-family: Georgia, Gautami;
    font-weight: bold;
}
#menu .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  color:#6699cc;
  }
#menu img {
  margin:5px 5px 5px 5px; 
  border:1px solid #000; 
  float:left;
  }
.curved {
  width:18em;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px; 
  display:block; 
  background:#000033;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#000033; 
  border-left:1px solid #ffff66; 
  border-right:1px solid #ffff66;
  }
.curved .b1 {
  margin:0 4px; 
  background:#ffff66;
  }
.curved .b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px; 
  margin:0;
  }
.curved .c1 {
  margin:0 5px; 
  background:#ffff66;
  }
.curved .c2 {
  margin:0 3px; 
  border-width:0 2px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px; 
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block; 
  background: #000033;
  border-left:1px solid #ffff66; 
  border-right:1px solid #ffff66; 
  font-size:0.9em; 
  text-align:justify;
  }


.footer, .footer a, .footer a:link, .footer a:visited
{
clear:both;
    padding-top: 10px;
    line-height: 1em;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    position: relative;
}

.hlinkload
{
}


#multi-level {height:30px; position:relative; z-index:100;}
#multi-level .pad {float:left; padding-left:1em}
#multi-level .padright {float:left}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:35px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:65px; background:url(multi_level-files/Home_1.gif) no-repeat;;}
.menu li.p2 {width:103px; background:url(multi_level-files/OurDogs_1.gif) no-repeat;;}
.menu li.p3 {width:103px; background:url(multi_level-files/Services_1.gif) no-repeat;;}
.menu li.p4 {width:103px; background:url(multi_level-files/Puppies_1.gif) no-repeat;;}
.menu li.p5 {width:103px; background:url(multi_level-files/Gallery_1.gif) no-repeat;;}
.menu li.p6 {width:103px; background:url(multi_level-files/Contact_1.gif) no-repeat;;}

/* set up the normal unhovered images in the links */
.menu li a#Home {width:65px; background:url(multi_level-files/home_0.gif) no-repeat;}
.menu li a#OurDogs {width:103px; background:url(multi_level-files/OurDogs_0.gif) no-repeat;}
.menu li a#Services {width:103px; background:url(multi_level-files/Services_0.gif) no-repeat;}
.menu li a#Puppies {width:103px; background:url(multi_level-files/Puppies_0.gif) no-repeat;}
.menu li a#Gallery {width:103px; background:url(multi_level-files/Gallery_0.gif) no-repeat;}
.menu li a#Contact {width:103px; background:url(multi_level-files/Contact_0.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a:hover#Home, .menu li:hover a#Home, .menu li a:hover#OurDogs, .menu li:hover a#OurDogs, .menu li a:hover#Services, .menu li:hover a#Services, .menu li a:hover#Puppies, .menu li:hover a#Puppies, .menu li a:hover#Gallery, .menu li:hover a#Gallery, .menu li a:hover#Contact, .menu li:hover a#Contact {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:35px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:87px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(multi_level-files/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#37a237; color:#fff;}
.menu :hover ul.sub li a:hover.fly {background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto; z-index:300;}