/* *************************** */
/*        basic elements       */
/* *************************** */

body {
    BACKGROUND: url(http://www.memphispugs.org/redesign/images/leftcollage.jpg) #635F56 fixed top left no-repeat;
	PADDING: 0px;
    MARGIN: 0px;
	min-width: 774px;
    font-family: "Comic Sans MS";
}

.pnp {
    BACKGROUND: url(http://www.memphispugs.org/redesign/images/pu1004003.jpg) fixed top left no-repeat;
}

.application {
  background-color: #F2F2E2;
}

a {
  color: #000000;
}

a:visited {
  color: #993333;
}

a:hover {
  color: #800080;
  text-decoration: none;
}

ul {
  margin: 0px 0px 0px 10px;
}

li {
  line-height: 150%;
}

h1 {
  font-weight: bold;
  color: #800080;
  font-size: 300%;
}

h2 {
  font-weight: bold;
  color: #800080;
  font-size: 200%;
}

h3 {
  font-weight: bold;
  color: #800080;
  font-size: 150%;
}

h4 {
  font-weight: bold;
  color: #000000;
  font-size: 125%;
  margin: 0px;
}

p {
  color: #000000;
  font-size: 100%;
}

input {
  font-size: 10px;
  background-color: #C8C6B7;
  color: #000000 
}

textarea {
  font-size: 10px; 
  background-color: #C8C6B7; 
  color: #000000 
}

select {
  font-size: 10px;
  background-color: #C8C6B7;
  color: #000000 
}

img.floatLeft {
  float: left; 
  margin: 0px 4px 0px 0px;
}
 
img.floatRight {
  float: right; 
  margin: 0px 0px 0px 4px;
} 

img.floatNo {
  margin: 0px;
}

/* *************************** */
/*        text classes         */
/* *************************** */

.center { text-align: center; }
.big { font-size: 200%; }
.bigger { font-size: 300%; }
.biggest { font-size: 400%; }
.bigbold { font-size: 200%; font-weight: bold; }
.small { font-size: 80%; }
.smaller { font-size: 60%; }
.smallest { font-size: 50%; }

/* *************************** */
/*        large boxes          */
/* *************************** */

.container {
  width: 774px;
  float: right;
}
.mainbody {
  margin: 0px 0px 0px 3px;
  width: 582px;
  float: left;
}
.sidebar {
  font-size: 80%;
  margin: 0px 3px 0px 0px;
  width: 180px;
  float: left;
}

.invisible {
  width: 582px;
}

/* *************************** */
/*         outer box           */
/* *************************** */

.outer {
  margin: 3px 0px;
  float: left;
  background-color: #C8C6B7;
  width: 100%;
}

.outer-half-left {
  margin: 3px 0px;
  float: left;
  background-color: #C8C6B7;
  width: 50%;
}

.outer-half-right {
  margin: 3px 0px;
  float: right;
  background-color: #C8C6B7;
  width: 50%;
}

/* *************************** */
/*        content box          */
/* *************************** */

.clear {
  clear: both;
}

.adhoc-flyer {
  color: #000000;
  margin: 10px;
  padding: 10px;
  background-color: #F2F2E2;
}

.pugshots {
  font-size: 80%;
  color: #000000;
  margin: 10px;
  padding: 10px 5px 5px 5px;
  background-color: #F2F2E2;
  height: 132px;
  text-align: center;
}

.header {
  color: #000000;
  margin: 10px;
  background-color: #F2F2E2;
  text-align: center;
  height: 132px;
}

.last-mod {
  font-size: 60%;
  color: #FF0000;
  margin: 10px;
  background-color: #F2F2E2;
  text-align: right;
}

.flip-book {
  color: #000000;
  margin: 10px;
  background-color: #F2F2E2;
  text-align: center;
  height: 350px;
}

.sitelinks {
  font-size: 80%;
  color: #000000;
  margin: 10px;
  padding: 0px 0px 5px 10px;
  background-color: #F2F2E2;
}

.dog-story {
  font-size: 75%;
  line-height: 150%;
  color: #000000;
  margin: 10px;
  padding: 30px;
  background-color: #F2F2E2;
  text-align: justify;
}

.web-ring {
  color: #000000;
  margin: 10px;
  background-color: #F2F2E2;
}

.fontsizer {
  color: #000000;
  margin: 10px;
  padding: 1px;
  background-color: #F2F2E2;
}

.generic {
  font-size: 75%;
  color: #000000;
  margin: 10px;
  padding: 10px;
  background-color: #F2F2E2;
}

.generic-side {
  font-size: 80%;
  color: #000000;
  margin: 10px;
  padding: 10px;
  background-color: #F2F2E2;
  text-align: center;
}

.generic-ad {
  font-size: 75%;
  color: #000000;
  margin: 10px;
  padding: 10px;
  background-color: #F2F2E2;
  text-align: center;
}

.subheader {
  color: #000000;
  margin: 10px;
  padding: 5px;
  background-color: #F2F2E2;
  text-align: center;
}

.webmaster {
  font-size: 70%;
  color: #000000;
  margin: 10px;
  background-color: #F2F2E2;
}

.pinups {
  color: #000000;
  margin: 10px;
  padding: 10px;
  background-color: #F2F2E2;
  text-align: center;
}

/* **************************************** */
/*                 old stuff                */
/*              delete when done            */
/* **************************************** */
.xsmall { font-family: "Comic Sans MS"; font-size: 60%; color: #000000; text-decoration: none }
.xxsmall { font-family: "Comic Sans MS"; font-size: 50%; color: #000000; text-decoration: none }
.table0 {
  margin: 0px;
  padding: 0px;
  width: 100%;
  border: 0px;
}
.table10s {
  margin: 10px;
  padding: 0px;
  width: 100%;
  border: 0px;
}
.table10b {
  margin: 0px;
  padding: 5px 5px 5px 5px;
  width: 100%;
  border: 10px #C8C6B7 solid;
  background: #F2F2E2;
}
.table10p {
  margin: 0px;
  padding: 50px 50px 50px 50px;
  width: 100%;
  border: 10px #C8C6B7 solid;
  background: #F2F2E2;
  line-height: 1.25;
}
.table10sb {
  margin: 10px;
  padding: 5px;
  width: 100%;
  border: 10px #C8C6B7 solid;
  background: #F2F2E2;
}
.td10b {
  margin: 0px;
  padding: 5px 5px 5px 5px;
  border: 10px #C8C6B7 solid;
  background: #F2F2E2;
}
.td10p {
  margin: 0px;
  padding: 50px 50px 50px 50px;
  border: 10px #C8C6B7 solid;
  background: #F2F2E2;
  line-height: 1.25;
}