/***************************************\
		 SITE COLORS
  GREY-BROWNS	YELLOW-BROWNS	GREENS
     4e3926	    67471a	2f5c2e
     6f5947	    9b7352	426036
     8b7765	    ae8964	56744a
     9f8f7f	    bc9f76	6b895f
     b5a799	    ccb693	809677
     c1b4a7	    d9cbb2	a2b49a
     dbd4c9	    eae3d0	d0daca
     e7e7df	    fff8e5
\***************************************/
a:link    { color: #258000; }
a:visited { color: #8b6f56; }
a:active, a:hover {
  color: #fff8e5;
  background-color: #6b895f;
  text-decoration: none;
}

body {
  background: #809677 url('../images/bg-stone.jpg') repeat;
  color: #4e3926;
  margin: 0px;
}
body, p, ul, ol, li, td, div, input, textarea, select {
  font-family: verdana,geneva,arial,helvetica,sans-serif;
}
body, p, ul, ol, li, .text, input, textarea {
  font-size: 9pt;
}
.big {
  font-size: 12pt;
}
.med {
  font-size: 8pt;
}
.small, .footer, a.footerNav, .button, a.nav, .navHeader {
  font-size: 7pt;
}
h1, h2, h3, .callout {
  font-family: arial,helvetica,verdana,geneva,sans-serif;
  font-size: 14pt;
  font-weight: bold;
  color: #56744a;
  padding-bottom: 1px;
  border-bottom: 1px solid #809677;
}
h2, .callout {
  color: #6b895f;
  font-size: 12pt;
  border-color: #809677;
}
h3 {
  color: #9b7352;
  font-size: 10pt;
  border: none;
  margin-bottom: -10px;
}
.callout {
  font-style: italic;
  border: none;
}

.footer {
  color: #8b7765;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
a.nav:link, a.nav:visited, a.nav:active, .navHeader {
  color: #eae3d0;
  padding: 3px 5px 3px 5px;
  display: block;
  width: 115px;
  white-space: nowrap;
  border-bottom: 1px solid #a2b49a;
  background:  url('../images/clear.png');
  text-decoration: none;
}
a.nav:hover {
  color: #4e3926;
  background: #d9cbb2;
  border-bottom: 1px solid #4e3926;
  text-decoration: none;
}
.navHeader {
  color: #eae3d0;
  font-weight: bold;
  text-align: center;
  background: #56744a;
  border-bottom: 1px solid #4e3926;
  border-top: 1px solid #4e3926;
  text-decoration: none;
}
a.navHeader:hover {
  color: #e7e7df;
  background: #2f5c2e;
  text-decoration: none;
}

a.footerNav:link, a.footerNav:visited, a.footerNav:active {
  text-decoration: none;
}
a.footerNav:active, a.footerNav:hover, a.nohover:hover {
  background-color: transparent;
}
a.footerNav:active, a.footerNav:hover {
  text-decoration: underline;
  color: #6b895f;
}

.thead {
  font-weight: bold;
  text-align: center;
  background: #809677;
  color: #fff8e5;
}
.error {
  color: #990000;
  font-weight: bold;
}
.lightLine {
  margin: 20px 25% -10px 25%;
  width: 50%;
  border: 1px solid #a2b49a;
  line-height: 0px;
  font-size: 0px;
}
.special {
  color: #990000;
  font-weight: bold;
  border: 1px solid #990000;
  text-align: center;
  padding: 5px;
}

img {
  behavior: url('http://petportraits.bushong.net/includes/pngbehavior.htc');
}
.imgBorder, .bigImgBorder, .darkBorder, .sideImg {
  border: 2px solid #4e3926;
}
.bigImgBorder {
  border-width: 5px;
}
.sideImg {
  margin-top: 40px;
}
.darkBorder {
  background: #fff8e5;
  border: 4px solid #6f5947;
  padding: 1px;
  margin: 5px 10px 5px 10px;
}

.topBorder {
  border-top: 1px solid #9f8f7f;
}
.botBorder {
  border-bottom: 1px solid #9f8f7f;
}

ul {
  list-style-image: url('../images/bullet-copper.png');
}
li {
  margin-left: -20px;
}
.mainBg, .content {
  background: #dbd4c9 url('../images/bg-canvas.jpg');
}
.content {
  padding: 50px 15px 0 15px;
}
.vertBarLBg {
  background: #dbd4c9 url('../images/bg-copper-vert-l.png') repeat-y;
}
.vertBarRBg {
  background: #dbd4c9 url('../images/bg-copper-vert-r.png') repeat-y;
}
.horizBarBg {
  background: #dbd4c9 url('../images/bg-copper-horiz.png') repeat-x;
}

input, select, textarea {
  background: #fff8e5;
  border: 1px solid #4e3926;
}
input, textarea {
  padding-left: 3px;
}
textarea {
  background: #fff8e5 url('../images/bg-paws.jpg') no-repeat bottom left;
}
.noinput {
  background: transparent;
  border: none;
}

.button, .smallbutton, a.button:link, a.button:visited, a.button:active, a.button:hover {
  color: #fff8e5;
  background: #56744a;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
  border: 1px solid #4e3926;
  text-decoration: none;
}
.smallbutton {
  font-size: 6pt;
  letter-spacing: 1pt;
  padding-left: 0px;
  padding-right: 0px;
}
a.button:hover {
  background: #6b895f;
}

#pageHeaderBG, #pageHeaderContent {
  position: absolute;
  top:  0px;
  left: 0px;
  width: 100%;
}
#pageHeaderBG {
  z-index: 3;
}
#pageHeaderContent {
  z-index: 4;
}
#pageNav {
  position: absolute;
  top:  125px;
  right: 0px;
  width: 125px;
  z-index: 5;
}
#pageContent {
  position: absolute;
  top:  100px;
  right: 125px;
  z-index: 1;
  width: 85%;
}
#pageImgs {
  position: absolute;
  top:  100px;
  left: 0px;
  width: 80px;
  text-align: center;
  z-index: 2;
}