/**
 * $Id: style.css,v 1.1.4.4   Exp $
 * SGSR
 * Diana Hauser, SGSR  */


/**
 * Resets
 */
 
 
<style type="text/css"> <P>
/* USAGE: All you have to do is include this one line in your CSS file, with the tag names to which you want the script applied: */ <P>
img, div, url { behavior: url(iepngfix.htc) } <P>
/* Alternatively, you can specify that this will apply to all tags like so: * { behavior: url(iepngfix.htc) } */ <P>
</style>
	
	

div, h1, h2, h3, h4, h5, h6, pre, form, textarea, p {
  margin: 0;
  padding: 0;
  
}
body
{
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    
    
}
table {
  border-collapse: collapse;
  border-spacing:0;
}
img { border: 0; }
caption, th { text-align: left; }
abbr, acronym { border: 0; }

/**
 * Basics
 */

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 0.5em 0;  
}
h1 a, h2 a, h3 a { text-decoration: none; }
h1 { font-size: 30px; }
h2 { font-size: 17px; color:#313131;}
h3 { font-size: 14px; color:#313131;}
h4 { font-size: 12px; color:#313131; font-weight:normal; }
h5 { font-size: 12px; color:#313131;}
h6 { font-size: 8px; color:white;}
h7 { font-size: 8px; color:white;}

he { font-family: Tahoma, Geneva, sans-serif; font-size: 18px; color:black; font-weight: bold;}
he1{ font-family: Tahoma, Geneva, sans-serif; font-size: 14px; color:Black; font-weight:bold;}
p {
  margin: 1.5em 0;
  padding-left: 10px;
  line-height: 1.7em;
  color:#313131;
}
a {
  color: #313131;
  font-family: Georgia;
  cursor: pointer;
}
a:hover  
{
    text-decoration: none; 
    color: #313131;
    font-weight:bolder;
   font-family: Georgia;

    }
dl { margin: 0 0 1em 1.5em; }
dl dd { margin: 0 0 0.5em 1.5em; }
table {
  font-size: 11px;
  margin-bottom: 10px;
}
td { padding: 0.2em 0.6em; }
form { margin-bottom: 10px; }
pre {
  display: block;
  font-family: monospace;
  background: #2285B7;
  padding: 3px 7px;
  margin: 1em 0;
  border: 1px solid #0470A1;
  overflow: auto;
}
code {
  font-family: monospace;
  background: #2285B7;
  color: #fff;
  padding: 3px 7px;
}


div.frame { text-align: center; }
div.frame img { background: #fff; border: 6px solid #fff; vertical-align: bottom; }
fieldset { border: 1px solid #fff; }
body
{
    
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  background: #0b280b url('images/back.png') repeat;
  
  color: #fff;
}

/**
 * Regions
 */


#page {
  width: 1078px;
  position: relative;
}
div.header {
  position: absolute;
  top: 0;
  left:50%;
  width: 1260px;
  margin-left:-630px;
  border-width: 0px;  
  
  
}
div.aboutheader {
  position: absolute;
  top: 0;
  left:50%;
  height: 980px;
  width: 1060px;
  margin-left:-530px;
  border-width: 0px;  
  background: #122c0f url('images/back2.png') repeat-y;
  
}
div.longheader {
  position: absolute;
  top: 0;
  left:50%;
  height: 1480px;
  width: 1060px;
  margin-left:-530px;
  border-width: 0px;  
  background: #122c0f url('images/back2.png') repeat-y;
  
}
div.adoptheader {
  position: absolute;
  top: 0;
  left:50%;
  height: 2780px;
  width: 1060px;
  margin-left:-530px;
  border-width: 0px;  
  background: #122c0f url('images/back2.png') repeat-y;
  
}

#header1
{
    position: absolute;
    top:-60px;
    left:50%;
    width:390px;
    margin-left:-545px;
    z-index: 2;
    
}
div.title {
  position: relative;
  margin: 56px 0 48px 0;
  height: 66px;
  padding: 5px 0 0 220px;
  
}
div.title h1 {
  font-size: 38px;
  font-weight: bold;
  font-family: Georgia, serif;
  letter-spacing: -1px;
  line-height: 36px;
  color: white;
  text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black, 0px 5px 5px black;
  margin: 0;
  position: relative;
  left: 80px;
  top: -100px;
  padding-left: 170px;
  
  z-index: 1;
}




#menu1 
{
  height: 22px;
  position: relative;
  top: 125px;
  left:50%;
  width: 1060px;
  margin-left:-131px;
  color: #313131;
  font-family: Georgia;
  font-size: 14px;
  font-weight: bold;
  z-index: 4;
  
}

#menu1 li
{
    display: block;
    padding: 7px 8px 3px 8px;
    border: inset #313131;
    border-width: 0px 0px 0px 2px;
    height: 22px;  
    margin-right: 0px;
}
#menu1 li:hover
{
    
    background-image: url('images/buttonback2.png') ; 
    background-repeat: repeat-x;  
    color: #d4c4b1;
    font-family: Georgia;  
    
}

#menu1 li:hover a
{
   
   color: #d4c4b1;
   font-family: Georgia;
}

#menu1 li ul 
{  
    
    background: url('images/buttonback.png');   
    position:absolute;
    top: 30px;
    left: 0px;
    color: #d4c4b1;
    font-family: Georgia;
    font-size: 13px;
    border-style: inset;
    border-color: #a08036;
    border-width: 2px;
}

#menu1 a:hover 
{  
    text-decoration: underline;
    
}
#menu1 li:hover ul
{
    background: url('images/buttonback.png');   
    
}

#menu1 li ul li
{  
   
    height: 15px;  
    width: 160px;   
    margin-right: 0px;

}
#doc ul li
{
    background-image: url('images/PDButtonWeb1.png'); 
    width: 320px;
    height: 50px;
    margin: 10px;
    padding-left: 30px;
    color: #d4c4b1;
    font-family: Georgia;
    font-size: 14px;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    list-style: none;
    
}

#doc ul li:hover
{
    background-image: url('images/PDButtonWeb.png'); 
    width: 320px;
    height: 50px;
    margin: 10px;
    padding-left: 30px;
    color: #d4c4b1;
    font-family: Georgia;
    font-size: 14px;
}

#doc2 ul li
{
    background-image: url('images/PDButtonWeb1.png'); 
    width: 320px;
    height: 50px;
    margin: 10px;
    padding-left: 30px;
    color: #d4c4b1;
    font-family: Georgia;
    font-size: 14px;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    list-style: none;
    
}

#doc2 ul li:hover
{
    background-image: url('images/PDButtonWeb.png'); 
    width: 320px;
    height: 50px;
    margin: 10px;
    padding-left: 30px;
    color: #d4c4b1;
    font-family: Georgia;
    font-size: 14px;
}

.AspNet-Menu-Link
{
    color: #313131;
}
#titlebarpic
{
    position:relative;
    top:-70px;
    left: 0px;
    width: 860px;
}
#toolbar
{
    height:50px;
    width:2060px;
    position:relative;
    left:-600px;
    top:-92px;
    z-index:1;
}

#main 
{
    clear:both;
    height: 100px;
    width: 860px;
    position: relative;
    top:-43px;
    left:50%;
    width:960px;
    margin-left:-480px;
    background: url('images/WebPanelMainTop.png') no-repeat;    
}
#maincenter
{
    clear:both;
    height: 600px;
    width: 860px;
    position: relative;
    top:80px;
    left:50%;
    width:960px;
    margin-left:-480px;
    background: url('images/WebPanelMainCenter.png') repeat-y;    
}
#maincenter2
{
    clear:both;
    height: 600px;
    width: 860px;
    position: relative;
    top:80px;
    left:50%;
    width:960px;
    margin-left:-480px;
    background: url('images/WebPanelMainCenter.png') repeat-y;    
}
#maincenter3
{
    clear:both;
    height: 2000px;
    width: 860px;
    position: relative;
    top:80px;
    left:50%;
    width:960px;
    margin-left:-480px;
    background: url('images/WebPanelMainCenter.png') repeat-y;    
}
#maincenter13
{
    clear:both;
    height: 3500px;
    width: 860px;
    position: relative;
    top:80px;
    left:50%;
    width:960px;
    margin-left:-480px;
    background: url('images/WebPanelMainCenter.png') repeat-y;    
}
#maincenter4
{
    clear:both;
    height: 900px;
    width: 860px;
    position: relative;
    top:80px;
    left:50%;
    width:960px;
    margin-left:-480px;
    background: url('images/WebPanelMainCenter.png') repeat-y;    
}
#maincenter5
{
    clear:both;
    height: 1200px;
    width: 860px;
    position: relative;
    top:80px;
    left:50%;
    width:960px;
    margin-left:-480px;
    background: url('images/WebPanelMainCenter.png') repeat-y;    
}
#aboutmain 
{
    clear:both;
    height: 750px;
    width: 860px;
    position: relative;
    top:-23px;
    left:50%;
    width:960px;
    margin-left:-480px;
    background: url('images/main-bgc.png') repeat-y;
    
}

#longmain 
{
    clear:both;
    height: 1250px;
    width: 860px;
    position: relative;
    top:-23px;
    left:50%;
    width:960px;
    margin-left:-480px;
    background: url('images/main-bgc.png') repeat-y;
    
}
#aboutusimage2
{
    float: left;
    position: relative;
    left: 5px;
    top: -610px;
}
#adopted2
{
    float: left;
    position: relative;
    left: -25px;
    
}

#adoptname
{
    float: left;
    position: relative;
    left: 25px;
    top: -550px;
}
#aftername
{
    float: right;
    position: relative;
    left: -45px;
    top: -550px;
}
#labelname
{
    float: left;
    position: relative;
    left: 25px; 
}
#leftcon
{
    float: left;
    position: relative;
  
    height: 350px;
    width: 260px;
}
#rightcon
{
    float: left;
    position: relative;
  
    height: 350px;
    width: 280px;
}
#rightphoto
{
    float: left;
    position: relative;
    left: 10px;
    width: 280px;
}
#rightstory
{
    float: left;
    position: relative;
    width: 280px;
}
#adoptphoto
{
    float: left;
    position: relative;
    left: 5px;
    top: 40px;
    height: 375px;
    width: 125px;
}
#adoptphoto2
{
    float: right;
    position: relative;
    right: -20px;
    top: 40px;
    height: 375px;
    width: 125px;
}
#flipback
{
    float: left;
    position: relative;
    left: -252px;
    top: -552px;
    
}
#flipforward
{
    float: right;
    position: relative;
    right: 20px;
    top: -552px;
    
}
#flipforward:hover
{
    
    background: url('images/PageFlipForward.png');   
}
#flipback:hover
{
    
    background: url('images/PageFlipBack copy.png');   
}

#aboutusimage4
{
    float: left;
    position: relative;
    left: 5px;
    top: -494px;
}
#aboutusimage5
{
    float: left;
    position: relative;
    left: 5px;
    top: -524px;
}
#aboutusimage3
{
    float: left;
    position: relative;
    left: 5px;
    top: -638px;
}
#aboutusimage6
{
    float: left;
    position: relative;
    left: 5px;
    top: -500px;
}
#aboutus2
{
  position: relative;
  top: -70px;
  width:955px;
  }
#aboutus20
{
  position: relative;
  top: -70px;
  width:955px;
  }
#adoptmain 
{
    clear:both;
    height: 2550px;
    width: 860px;
    position: relative;
    top:-23px;
    left:50%;
    width:960px;
    margin-left:-480px;
    background: url('images/main-bgc.png') repeat-y;
    
}
#test
{
    position: relative;
    top: -461px;
    left: -150px;
    z-index:100;
    float:right;
}

#footer
{
clear: both;
    position: relative;
    top:-421px;
    left:50%;
    width: 960px;
    height: 120px;
    margin-left:-480px;
    background: url('images/WebPanelMainBottom.png') no-repeat;
    z-index:-1;
    
}
#footer4
{
clear: both;
    position: relative;
    top:-380px;
    left:50%;
    width: 960px;
    height: 120px;
    margin-left:-480px;
    background: url('images/WebPanelMainBottom.png') no-repeat;
    z-index:-1;
    
}
#footer2adopt
{
clear: both;
    position: relative;
    top:-636px;
    left:50%;
    width: 960px;
    height: 120px;
    margin-left:-480px;
    background: url('images/WebPanelMainBottom.png') no-repeat;
    z-index:-1;
    
}
#footer2
{
clear: both;
    position: relative;
    top:-126px;
    left:50%;
    width: 960px;
    height: 120px;
    margin-left:-480px;
    background: url('images/WebPanelMainBottom.png') no-repeat;
    z-index:-1;
    
}
#footer3
{
clear: both;
    position: relative;
    top:-135px;
    left:50%;
    width: 960px;
    height: 120px;
    margin-left:-480px;
    background: url('images/WebPanelMainBottom.png') no-repeat;
    z-index:-1;
    
}
#footer5
{
clear: both;
    position: relative;
    top:-10px;
    left:50%;
    width: 960px;
    height: 120px;
    margin-left:-480px;
    background: url('images/WebPanelMainBottom.png') no-repeat;
    z-index:-1;
    
}
#footer6
{
clear: both;
    position: relative;
    top:50px;
    left:50%;
    width: 960px;
    height: 120px;
    margin-left:-480px;
    background: url('images/WebPanelMainBottom.png') no-repeat;
    z-index:-1;
    
}
#footer7
{
clear: both;
    position: relative;
    top:-155px;
    left:50%;
    width: 960px;
    height: 120px;
    margin-left:-480px;
    background: url('images/WebPanelMainBottom.png') no-repeat;
    z-index:-1;
    
}
#footer8
{
clear: both;
    position: relative;
    top:0px;
    left:50%;
    width: 960px;
    height: 120px;
    margin-left:-480px;
    background: url('images/WebPanelMainBottom.png') no-repeat;
    z-index:-1;
    
}
#upfooter
{
clear: both;
    position: relative;
    top:-270px;
    left:50%;
    width:897px;
    margin-left:-453px;
    border-color: #0a2708;
    border-style: solid;
    border-width: 10px 0px 0px 0px;
    
}
#3amigos 
{
    display: inline;
  
}


#pack a
{
    display: block;
    position: relative;
    left: 100px;
    float: left;
    width: 200px;
    height: 125px;
    background: url('images/packbutton.png');
}
#pack a:hover
{
    background-position: 0 0 0 0;
    background: url('images/packbutton2.png');
    
}

#resource a
{
    display: block;
    float: left;
    position: relative;
    left: 125px;
    width: 200px;
    height: 125px;
    background: url('images/ResourcesButton.png');
}
#resource a:hover
{
    background-position: 0 0 0 0;
    background: url('images/ResourcesButton2.png');
    
}

#leftpanel
{
float: left;
width: 200px;
position: relative;
left: 0px;
top: 20px;
}
#calleftpanel
{
float: left;
width: 850px;
position: relative;
left: 50px;
top: 20px;
}
#adoptleftpanel
{
float: left;
width: 800px;
position: relative;
left: 50px;
top: 20px;
}
#moveup
{
    position: relative;
    top: 170px;
    left: -10px;
}
#tablemove
{
    position: relative;
    top: -120px;
    left: 100px;
}
#loginmove
{
    position: relative;
    top: 50px;
    left: 100px;
}
#rightpanel
{
width: 200px;
float: right;
position: relative;
right: 50px;
top: 30px;
}
#gallery 
{
    width: 150px;
    height: 700px;
    position: relative;
    top: -40px;
    left: 52px;
    display: block;
    background: url('images/PhotoSideWeb.png');
    
}
#gallery2
{
    width: 200px;
    height: 1500px;
    position: relative;
    top: -70px;
    left: 27px;
    display: block;
    background: url('images/PhotoSideWeb3.png');
    
}
#gallery5
{
    width: 180px;
    height: 1300px;
    position: relative;
    top: -70px;
    left: 27px;
    display: block;
    background: url('images/PhotoSideWeb3.png');
    
}
#gallery3
{
    width: 150px;
    height: 900px;
    position: relative;
    top: -40px;
    left: 52px;
    display: block;
    background: url('images/PhotoSideWebV.png');
    
}
#gallery4
{
    width: 150px;
    height: 900px;
    position: relative;
    top: -40px;
    left: 52px;
    display: block;
    
    
}
#gallery6
{
    width: 200px;
    height: 1500px;
    position: relative;
    top: -70px;
    left: 27px;
    display: block;
    padding:5px;
    background: url('images/PhotoSideWeb3.png');
    
}
.IE8Fix 
{ 
    z-index: 2000;

}
#aboutuspara
{
float:left;
width: 700px;
position: relative;
left: 30px;
top: 0px;  
z-index:2; 
}
#aboutuspara2
{
float:left;
width: 700px;
position: relative;
left: 30px;
top: 0px;   
}
#aboutuspara20
{
float:left;
width: 900px;
position: relative;
left: 30px;
top: 0px;   
}
#aboutuspara3
{
float:left;
width: 690px;
height:700px;
position: relative;
left: 60px;
top: 0px;   
}
#feature
{
position: relative;
    left: 30px;
    top: 0px;  
}
#featureimg
{
    width:700px;
    height:400px;

}
#sideimg
{
    float:right;
   position: relative;
    left: -95px;
    top: -378px; 
      
}

#sideimg2
{
    float:right;
    width:630px;
    height: 75px;
   position: relative;
    left: -95px;
    top: -395px;  
     
}
#sideimg3
{  
    width:630px;
    height: 75px;     
}
#storyst
{
    position:relative;
    top: -75px;
}
#featureside
{
width:175px;
height:275px;
}
#featureside2
{
width:630px;
height:75px;
}
#DOM
{
float:left;
width: 615px;
height:283px;
position: relative;
left: 30px;
top: -380px;   

}
#aboutcont
{
float:right; 
position:relative; 
left: 205px; 
top: 20px; 
}

#hit
{
    position: relative;
    left: 15px;
    top:40px;
}
#thumb 
{
    display:block;
    width: 100px;
    height: 110px;
    padding: 8px;
    position: relative;
    top:-100px;    
    left:15px;
    
    z-index:3;
}
#hit1
{
    position: relative;
    left: 15px;
    top:-100px;
}
#thumb1 
{
    width: 100px;
    height: 110px;
    padding: 8px;
    position: relative;
    top: -240px;
    left:15px;
    
    z-index:3;
}
#hit2
{
    position: relative;
    left: 15px;
    top:-240px;
}
#thumb2 
{
    width: 100px;
    height: 110px;
    padding: 8px;
    position: relative;
    top: -380px;
    left:15px;
    
    z-index:3;
}
#hit3
{
    position: relative;
    left: 15px;
    top:-380px;
}
#thumb3
{
    width: 100px;
    height: 110px;
    padding: 8px;
    position: relative;
    top: -520px;
    left:15px;
    
    z-index:3;
}
#hit4
{
    position: relative;
    left: -730px;
    top:-150px;
    z-index:5;
    float:left;
}

#thumbstyle
{
    width: 100px;
    height: 110px;
    display: inline;
    padding: 8px;
    background: url('images/pictureback.png');
    
}
#labelstory
{
       background: #959f62;
       border-width:5px;
       border-color: #162714;
       border-style: groove;
       padding: 10px;
}
#labelstatus
{
    background: url('images/pawprint-grn.png') no-repeat;
    text-align: center;
    padding-top: 90px;
}
#content {
  float: left;
  display: inline; /* keeps ie6 happy */
  line-height: 1.65em;
  margin: 15px 0 5px 45px;
  padding: 0 10px;
  width: 545px;
  
  
}