div#adoptmainmenu {
  margin: 160px 30px 0 130px;
  line-height: 12px;
  text-align: center;
}

/* adjust margins so that it's snug against the adoption submenu,
   and to account for the fact that the shadow border adds quite
   the margin of its own */
div#main {
  margin: 0 20px 0 130px;
}

/* sliding doors test */
div.sectionA {
  background: url(images/glowslicework_01.gif) top left no-repeat;
  position: relative;   /* ie hack */
}

div.sectionB {
  background: url(images/glowslicework_02.gif) top right no-repeat;
  padding: 33px 35px 0 35px;
  position: relative;   /* ie hack */
}

div#crumbs {
  background: #ccf;
  color: black;
  font: bold 0.9em Verdana,Arial,sans-serif;
  padding: 2px;
}

div#crumbs a, div#crumbs a:visited {
  color: white;
  text-decoration: none;
}

div#crumbs a:active {
  color: #88d;
  text-decoration: none;
}

div#crumbs a:hover {
  color: black;
  text-decoration: none;
}

/* more headroom on the menu/title */
div#titleimage {
  margin-top: 10px;
  margin-bottom: 0px;
}

/* override main to give us more space, less headroom */
/*
div#main {
  margin: 10px 140px 0px 20px;
  font: 1.0em/1.5em Verdana,Arial,sans-serif;
  text-align: justify;
}
*/

div#versionbanner {
  display: none;
  font: bold 1.0em Verdana,Arial,sans-serif;
  color: #888;
}

div#adoptmenus {
  font: bold 0.9em Verdana,Arial,sans-serif;
  color: #888;
  text-transform: uppercase;
  padding-left: 2em;
  padding-right: 2em;
}

div#adoptmenus a, div#adoptmenus a:link, div#adoptmenus a:visited {
    text-decoration: none; 
    color: #669;
    white-space: nowrap;
}

div#adoptmenus a:hover {
    text-decoration: underline;
    color: #000;
}

div#adoptmenus a:active {
    text-decoration: underline;
    color: #f00;
}

/* pet selection icons */
div#pets {
    width: 530px;
    overflow: hidden; /* to keep ie6 from expanding box http://www.positioniseverything.net/explorer/expandingboxbug.html */
    position: relative;
}

/* holly hack: http://www.positioniseverything.net/explorer/escape-floats.html */
/* Hides from IE-mac \*/
* html #pets {height: 1%;}
/* End hide from IE-mac */

div.petchoice {
  /*float: left;*/
  /*margin: 20px 20px 20px 20px;*/
  min-height: 100px;
  margin: 5px 15px 15px 15px;
  text-align: center;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  _height: 100px;
}

div#main a.noline { border-bottom: 0; }
div#main a.noline:link { border-bottom: 0; }
div#main a.noline:visited { border-bottom: 0; }
div#main a.noline:hover { border-bottom: 0; }
div#main a.noline:active { border-bottom: 0; }

/* we need this to 'take up space' because floating divs don't */
div.spacer {
  clear: both;
}

image.button {
  display: block;
}

div.label {
  font: bold 1.0em Verdana,Tahoma,Arial,sans-serif;
}

div#petsample {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}

.samplecode {
    background-color: #ffa;
}

/* add clear to footer, because of the use of floats in pet button styles */
div#footer {
  clear: both;
  padding: 0 30px 0 130px;
  margin: 0;
  font: 0.8em Verdana,Tahoma,Arial,sans-serif;
  background: #eee;
}

div#support {
  /*margin-top: 50px;*/
  /*margin-left: 130px;*/
  padding: 0 30px 0 130px;
  margin: 0;

  clear: both;
  text-align: center;
  font: 0.9em Verdana,Tahoma,Arial,sans-serif;
  background: #eee;
}

div.adbottom {
  clear: both;
  margin-top: 25px;
  text-align: center;
  /*background: #bbb;*/
  border-top: dotted 1px black;
  border-bottom: dotted 1px black;
}

#mailform {
  margin-top: 2em;
  padding: 1em;
  background-color: #eef;
  border: 1px solid #888;
  font: bold 0.9em/0.9em Verdana,Tahoma,Arial,sans-serif;
}

#mailform input.entry {
  border: 1px solid #888;
  font: bold 1em Verdana,Tahoma,Arial,sans-serif;
  width: 100%;
  margin: 1em 0;
}

#mailform textarea {
  border: 1px solid #888;
  font: bold 1em Verdana,Tahoma,Arial,sans-serif;
  width: 100%;
  margin: 1em 0;
}

div.error {
  background-color: #ff8;
  border: solid 1px black;
  font: bold 1.0em Verdana,Tahoma,Arial,sans-serif;
  color: black;
  padding: 20px 20px;
}

div.warning {
  background-color: #ddf;
  margin: 8px;
}

div.warning2 {
  background-color: #cfc;
  margin: 8px;
}

/* finish page instruction blocks */
ul.instruct {
  margin: 0;
  padding: 0;
  list-style: none;
}

.instruct-a {
  background-color: #ddf;
  padding: 8px;
  margin-bottom: 1em;
}

.instruct-b {
  background-color: #dfd;
  padding: 8px;
  margin-bottom: 1em;
}

.instruct-nosite {
  background-color: #ddf;
  padding: 8px;
}

.instruct-html, .instruct-piczo {
  background-color: #dfd;
  padding: 8px;
}

.instruct-image {
  background-color: #dfd;
  padding: 8px;
}

.instruct-bbcode {
  background-color: #ddf;
  padding: 8px;
}

.instruct-myspace {
  background-color: #ddf;
  padding: 8px;
}

.instruct-msn {
  background-color: #dfd;
  padding: 8px;
}

.instruct-bebo {
  background-color: #ddf;
  padding: 8px;
  display: none; /* bebo doesn't work any more :( */
}

div.pagetab {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
}

div.petinfo {
  border-bottom: 1px solid #ddd;
  font-size: 0.9em;
}

div.donate {
  text-align: center;
  margin-top: 20px;
  font: 10px Verdana,Arial,sans-serif;
  color: #666;
}

div.donate form {
  margin: 0;
}

div#main div.donate a {
  border-bottom: none;
}

h1 {
  text-align: left;
  color: #888;
  font: bold 1.5em Verdana,Arial,sans-serif;
  margin-top: 0;
}

h2 {
  text-align: left;
  font: bold 1.2em Verdana,Arial,sans-serif;
}

#petpoll {
  text-align: center;
  background: #ddd;
  color: #888;
  padding-bottom: 2px;
  font-size: 0.9em;
  margin-bottom: 4px;
}


#petnews {
  text-align: center;
  background: #ff0;
  color: #000;
  padding-bottom: 2px;
}

#petnews a, #petnews a:visited {
  color: #000;
  text-decoration: none;
}

#petnews a:hover {
  color: #f00;
}

#petnews a:active {
  color: #f0f;
}

#textad1 {
  text-align: center;
  background: #ff8;
  color: #000;
  padding-bottom: 2px;
  padding-top: 4px; /* temp to separate news / ads */
  margin-bottom: 4px;
}

#textad1 a, #textad1 a:visited {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

#textad1 a:hover {
  color: #f00;
}

#textad1 a:active {
  color: #f0f;
}

.adannounce {
  color: #666;
  text-align: left;
  padding: 0;
  margin: 0;
}


div#showpetcontainer {
}


#showpet {
  text-align: right;
  /*width: 260px;*/
}

#showpetcentre {
  text-align: center;
}

#comments {
  text-align: left;
  width: 33%;
}

div#adoptyourown {
  text-align: center;
}