/*shadow around text box*/
.shad8 { background: #333333;}
.shad7 {background: #4c4c4c;}       
.shad6 {background: #666666;}
.shad5 {background: #7f7f7f;}
.shad4 {background: #999999;} 
.shad3{background: #b2b2b2;}
.shad2 {background: #cccccc;}
.shad1 {width: 27em; background: #e5e5e5;}
#background {background: White; border-top: 1px solid #ddddee; border-left:1px solid #ddddee; padding: 5px;}
.shad1, .shad2, .shad3, .shad4,.shad5,.shad6,.shad7,.shad8   {  position: relative;  left: -1px;  top: -1px;  }


/*blue background around page*/
body { background-color: rgb(51, 102, 255); }

/*white page*/
#all { position: relative;
	height: 100%;
	width: 760px;
	margin-left: auto;
 	margin-right: auto;
 	background-color: rgb(255, 255, 255);    }

/*banner*/
#banner { height: 160px;
	position: relative;
 	background-attachment: fixed;
	background-repeat: repeat-y;
 	width: 760px;
 	background-position: right top;   }

/*images in banner*/
#banner h1 { background-image: url(images/newlogo.jpg);    
	width: 170px;    
	position: absolute;
	margin-top: 10px;
	 margin-left:550px;
 	height: 150px; }
#banner h3 { background-image: url(images/heading3.jpg);
	width: 400px;
 	position: absolute;
	margin-top: 0px;
 	margin-left:155px;
 	height: 150px;  }
#banner h4 { background-image: url(images/h4.jpg);
	width: 600px; height: 75px;
	position: relative;
	margin-left: auto;
 	margin-right: auto; }
#banner h2 { background-image: url(images/dog-cat.gif);
 	background-position: center;
	position: absolute;
 	margin-left: 20px;
	margin-top: 15px;
	height: 150px;
 	width: 150px;
    }
/*navigation buttons*/
#button { position: relative;
	text-align: center;  }
#button a { border-color: rgb(255, 255, 255) rgb(0, 0, 0) rgb(255, 255, 255) 	rgb(255, 255, 255);
	border-right: 2px solid rgb(0, 0, 0);
	padding: 4px;
	display: inline;
	text-decoration: none;
	 background-position: center;
	font-size: small;
	background-image: url(images/button.gif);
	background-color: rgb(255, 255, 255); }
#button a:hover { background-color: rgb(255, 255, 255);
 	background-position: center;
	opacity: 1;
	background-image: url(images/button2.gif); }

#button a.link_on { opacity: 1;
    background-image: url(images/button2.gif);
    text-decoration: none;
    }

/* position of dane on info pages*/
#greatdane { 2px solid white; width: 116px; height: 138px; position: absolute; margin-left:270px; margin-top: 80px;}
/*right column*/
#rightcolumn { border-style: none;
	padding: 20px 5px 20px;
	float: right;
	position: relative;
	margin-top: 60px;
	margin-right: 10px;
	
	background-position: center top;
	background-color: rgb(255, 255, 255); }

/*center column*/
 #centercolumn { position: relative;
    margin-left: 50px;
    margin-right: 250px;
    opacity: 1;
    background-color: transparent;
    }

  #centercolumn li { margin-top: 1em;
    background-color: rgb(255, 255, 255);
    list-style-image: url(images/paw.gif);
    }
	

/*small text at bottom*/
.footer_links { font-size: small;
 	text-align: center;
 	margin-top: 50px;
	}
.footer { font-size: x-small;
 	text-align: center;
	padding-bottom: 10px;
	margin-top: 10px;
	position: relative;   }

/*menu for info pages*/
#left {margin-left: 50px;}
#left ul {
	margin-left: 0px;
	padding: 0;
	list-style: none;
	width: 150px; 
	}
#left ul li {
	position: relative; 
	}
#left ul li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}
#left ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

#left ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
	}
#left ul li:hover ul, ul li.over ul { display: block; }



/*gallery formatting*/

 #gallery { text-align: center;
    }
 #gallery { text-align: center;
    }

  #gallery img { border: 1px solid rgb(0, 0, 0);
    padding: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: rgb(255, 255, 255);
    }

  #gallery h1 { background-color: rgb(51, 102, 255);
    }




  em { font-weight: bolder;
    }

 .top a:hover { background-color: rgb(255, 0, 0);
    }




startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("left");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace»
	(" over", "");
   
   }
  }
 }
}
window.onload=startList;}

#
<!--[if gte IE 7]>

 html ul li { float: left; }
 html ul li a { height: 1%; }
<![endif]-->

/*info page lists positioning
  #centre { border-style: none;
    margin-left: 260px;
    height: 330px;
    margin-top: 20px;
    position: absolute;
    width: 250px;
    text-align: left;
    background-color: rgb(255, 255, 255);
    ;
    opacity: 1;
    }*/

 #left { position: absolute;
    margin-top: 0px; margin-left: 30px;

    width: 250px;
    
    }
  
/*info list appearence*/
/*  
#info ul { width: 200px;
list-style-type: none; 
}
#info li { border: 1px solid rgb(255, 255, 255);
font-size: larger;
color: rgb(50, 50, 50);
line height:2em; text-align: center;
display: block;
list-style-type: none;
background-color: rgb(192, 192, 192);
}
#info li a { display: block; line height: 2em; color: rgb(102, 102, 102); padding-top:5px;}
#info li a:hover {
background-color: rgb(255, 255, 255);
}


*/