body
{
   background-color: white;
   padding: 0;
   margin: 0;
   font-family: Arial;
   font-size: 10pt;
   color: black;
   text-align: center;
}
td
{
   font-size: 10pt;
}

h1, h2, h3, h4, h5
{
   font-family: Georgia;
   font-weight: bold;
   font-variant: small-caps;
}

h1 { font-size: 18pt; }
h2 { font-size: 16pt; }
h3 { font-size: 14pt; }
h4 { font-size: 12pt; }
h5 { font-size: 10pt; }

em 
{
   font-style: normal; 
   color: #996699; 
}

a img
{
   border: none;
   vertical-align: text-bottom;
}

.layout
{
   margin: 0 auto;
   text-align: left;
   width: 1024px;
   background-image: url(pawplacementmenubackground.jpg);
   background-repeat: repeat-y;
}

.layout a
{
   font-family: Arial;
   font-size: 10pt;
   color: #996699;
   text-decoration: none;
}
.layout a:hover
{
   text-decoration: underline;
}

.layout .more
{
   color: black;
   font-variant: small-caps;
   display: block;
   text-align: right;
   background-image: url(pawplacementarrow.gif);
   background-repeat: no-repeat;
   background-position: right;
   padding-right: 12px;
}

.column1
{
   float: left;
   width: 201px;
   background-image: url(pawplacementmenubackground.jpg);
   background-repeat: repeat;
}

.column1content
{
}

.column1box
{
   border-top: solid 1px #CCCCCC;
   padding: 4px 8px 4px 8px;
}
.column1box h3
{
   background-image: url(pawplacementcircle.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 30px;
   margin: 2px 0 8px 0;
}

.column2
{
   float: left;
   width: 823;
}

.column2header
{
   background-image: url(pawplacementheaderbackground.jpg);
   background-repeat: repeat-x;
   height: 94px;
   text-align: right;
}
.column2header div
{
   clear: both;
   height: 20px;
   position: relative;
   top: 4px;
   font-family: Arial;
   font-size: 10pt;
   font-weight: bold;
   color: white;
   padding: 0px 12px 0 4px;
}
.column2header a
{
   font-family: Arial;
   font-size: 10pt;
   font-weight: bold;
   color: white;
   text-decoration: none;
}
.column2header a:hover
{
   text-decoration: underline;
}

.column2content
{
   padding: 4px 8px 8px 8px;
   border-right: solid 1px #CCCCCC;
}

.headerbar
{
   background-image: url(pawplacementheaderbar.jpg);
   background-repeat: repeat-x;
   border-right: solid 1px #CCCCCC;
   height: 51px;
   font-family: Arial;
   font-size: 10pt;
   font-weight: bold;
   font-variant: small-caps;
   color: black;
}
.headerbar div
{
   height: 22px;
   padding: 0px 12px 0 4px;
   text-align: right;
   position: relative;
   top: 3px;
}

.footerbar
{
   clear: both;
   background-image: url(pawplacementfooterbar.jpg);
   background-repeat: repeat-x;
   height: 24px;
}
.footerbar div
{
   padding: 0 4px 0 185px;
   position: relative;
   top: 4px;
}

.headerbar a, .footerbar a
{
   font-family: Arial;
   font-size: 10pt;
   font-weight: bold;
   font-variant: small-caps;
   color: black;
   text-decoration: none;
}
.headerbar a:hover, .footerbar a:hover
{
   text-decoration: underline;
}

.footer
{
   clear: both;
   background-image: url(pawplacementfooterbackground.jpg);
   background-repeat: repeat-x;
   height: 58px;
   font-family: Arial;
   font-size: 10pt;
   font-weight: bold;
   color: white;
}
.footer a
{
   font-family: Arial;
   font-size: 10pt;
   font-weight: bold;
   color: white;
   text-decoration: none;
}
.footer div
{
   padding: 8px;
}
.footer a:hover
{
   text-decoration: underline;
}

.contentbox
{
   float: left;
   clear: left;
   width: 350px;
}
.contentbox h4
{
   background-image: url(pawplacementtitlebar.jpg);
   background-repeat: no-repeat;
   width: 350px;
   height: 28px;
   padding: 2px 12px 0 12px;  
   margin: 0;
}
.contentbox div
{
   font-size: 10pt;
   padding: 0px 12px 4px 12px;  
}

.contentcolumn1
{
   float: left;
   padding-right: 18px;
   border-right: solid 1px #CCCCCC;
}
.contentcolumn2
{
   float: left;
   padding-left: 18px;
}

.featuredpet img
{
   display: block;
   width: 180px;
}



.biocaption
{
   width: 350px;
   height: 28px;
   padding: 2px 12px 0 12px;  
   margin: 0;
   background-image: url(pawplacementtitlebar.jpg);
   background-repeat: no-repeat;
   font-weight: bold;
}
.biotext
{
   padding: 8px 8px 8px 12px;
}
.biotext a
{
   float: right;
}

.biophoto
{
   float: right;
   background-color: #FFFFFF;
   width: 375px;
   margin: 0 0 18px 18px;
}
.biophoto img
{
   width: 375px;
   margin: 0;
   padding: 0;
}
.biophototext
{
   border: solid 1px #909090;
   padding: 12px;
   font-style: italic;
}
.biophototext a
{
   font-style: normal;
}
.biophototext .biocaption
{
}

.browse_list_item_box
{
   border: solid 1px #CCCCCC;
   padding: 18px;
   margin: 0 12px 12px 0;
}
.cartitem
{
   padding: 12px 0 0 0;
}

.sponsorbox
{
   color: #999999;
}
.sponsormessage
{
   font-style: italic;
}