/* ========================================= */
/* These are definitions for headers         */
/* ========================================= */

h1
  {
  font-size:       300%;
  font-family:     "times new roman";
  font-style:      italic;
  color:           black;
  font-weight:     bold;
  text-align:      center;
  text-transform:  capitalize;
  }
h1:first-letter {color: #D80000}

h2
  {
  font-size:       200%;
  font-family:     "times new roman";
  font-style:      italic;
  color:           blue;
  font-weight:     bold;
  text-align:      center;
  }

h3
  {
  font-size:       150%;
  font-family:     "times new roman";
  font-style:      italic;
  color:           purple;
  font-weight:     bold;
  text-align:      center;
  }

/* ========================================= */
/* These are definitions for paragraphs      */
/* ========================================= */
p.general
  {
  color:         black;
  font-size:     110%;
  font-weight:   normal;
  padding-left:  10%;
  padding-right: 10%;
  }

p.general-left
  {
  color:         black;
  font-size:     110%;
  font-weight:   normal;
  text-align:    left;
  padding-left:  10%;
  padding-right: 10%;
  }

p.general-left-sm
  {
  color:         black;
  font-size:     70%;
  font-weight:   normal;
  text-align:    left;
  padding-left:  5%;
  }

p.general-purple
  {
  color:         purple;
  font-size:     120%;
  font-weight:   normal;
  padding-left:  10%;
  padding-right: 10%;
  text-align:    center;
  }
p.general-purple-left
  {
  color:         purple;
  font-size:     120%;
  font-weight:   normal;
  padding-left:  10%;
  padding-right: 10%;
  text-align:    left;
  }

p.general-green-left
  {
  color:         green;
  font-size:     110%;
  font-weight:   normal;
  padding-left:  10%;
  padding-right: 10%;
  text-align:    left;
  }

p.contact-info
  {
  color:         blue;
  font-size:     110%;
  font-weight:   bold;
  text-align:    center;
  }
p.contact-info-left
  {
  color:         blue;
  font-size:     130%;
  font-weight:   bold;
  text-align:    left;
  padding-left:  30%;
  }

p.urgent
  {
  color:         #D80000;	/* dark red */
  text-align:    center;
  font-size:     110%;
  font-weight:   normal;
  padding-left:  10%;
  padding-right: 10%;
  }
p.urgent:first-line
  {
  font-size:     120%;
  font-weight:   bold;
  text-align:    center;
  padding-left:  10%;
  padding-right: 10%;
  }

p.urgent-l5-r5
  {
  color:         #D80000;	/* dark red */
  text-align:    center;
  font-size:     110%;
  font-weight:   normal;
  padding-left:  5%;
  padding-right: 5%;
  }
p.urgent-l5-r5:first-line
  {
  font-size:     120%;
  font-weight:   bold;
  text-align:    center;
  padding-left:  5%;
  padding-right: 5%;
  }

p.urgent-left
  {
  color:         #D80000;	/* dark red */
  font-size:     110%;
  font-weight:   normal;
  text-align:    left;
  padding-left:  10%;
  padding-right: 10%;
  }

p.donations
  {
  color:         green;
  font-size:     110%;
  font-weight:   normal;
  padding-left:  10%;
  padding-right: 10%;
  text-align:    left;
  }

p.in-table-green-left
  {
  color:         green;
  font-size:     100%;
  font-weight:   normal;
  padding-left:  1%;
  padding-right: 1%;
  text-align:    left;
  }

p.foster
  {
  color:         #006633;  /* was green; */
  font-size:     110%;
  font-weight:   normal;
  padding-left:  10%;
  padding-right: 10%;
  text-align:    left;
  }
p.foster:first-line
  {
  color:         #10A0A0;
  font-size:     115%;
  font-weight:   bold;
  }

p.success-stories
  {
  color:         #9900CC;
  font-size:     110%;
  font-weight:   normal;
  padding-left:  10%;
  padding-right: 10%;
  text-align:    left;
  }

p.info
  {
  color:         black;
  font-size:     110%;
  font-weight:   normal;
  padding-left:  10%;
  padding-right: 10%;
  text-align:    left;
  }
p.info:first-line
  {
  color:         #B060A0;
  font-size:     115%;
  font-weight:   bold;
  }


/* ========================================= */
/* definition for tables                     */
/* ========================================= */
table.pets
  {
  display:              table;
  background-color:	#FFFFF0;
  border-color:	        #C0C0C0;
  border-width:         thick;
  border-style:         outset;
  width:                90%;
  /* text attributs */
  color:                black;
  font-size:            110%;
  font-weight:          normal;

  }
th.pets
  {
  display:		table-cell;
  border-color:         #C0C0C0;
  border-style:         solid;
  border-width:         thick;
  padding:              8px;
  font-size:            150%;
  font-weight:          bold;
  text-align:           center;
  }
td.pets-text
  {
  display:		table-cell;
  border-color:         #C0C0C0;
  border-style:         solid;
  border-width:         thick;
  padding:              8px;
  text-align:           center;
  }
td.pets-text-left
  {
  display:		table-cell;
  border-color:         #C0C0C0;
  border-style:         solid;
  border-width:         thick;
  padding:              8px;
  text-align:           left;
  }


td.pets-jpg
  {
  display:		table-cell;
  background-color:	#C0C0C0;
  border-color:         #C0C0C0;
  border-style:         solid;
  border-width:         thick;
  padding:              8px;
  text-align:           center;
  }

/* ========================================= */
table.sstories
  {
  display:              table;
  background-color:	#FFFFF0;
  border-color:	        #C0C0C0;
  border-width:         thick;
  border-style:         outset;
  width:                940px;

  /* text attributs */
  color:                black;
  font-size:            120%;
  font-weight:          normal;
  text-align:           center;
  }
th.sstories
  {
  display:		table-cell;
  border-color:         #C0C0C0;
  border-style:         solid;
  border-width:         thick;
  padding:              8px;
  font-size:            120%;
  font-weight:          bold;
  }
td.sstories-text
  {
  display:		table-cell;
  background-color:	#FFFFF0;
  border-color:         #C0C0C0;
  border-style:         solid;
  border-width:         thin;
  background-color:	#C0C0C0;
  }

td.sstories-jpg
  {
  display:		table-cell;
  background-color:	#C0C0C0;
  border-color:         #C0C0C0;
  border-style:         solid;
  border-width:         thick;
  width:                25%;
  valign:               top;

  }

/* ========================================= */
/* definition for Shows and Fees tables      */
/* ========================================= */
table.shows
  {
  display:              table;
  background-color:	#C0D8D0;
  border-color:	        #CC99CC;
  border-width:         thick;
  border-style:         outset;
  width:                90%;
  padding:              0px;
  /* text attributs */
  color:                purple;
  font-size:            125%;
  font-weight:          normal;
  text-align:           center;
  }
th.shows
  {
  display:		table-cell;
  border-color:	      #CC99CC;
  border-style:         solid;
  border-width:         thin;
  font-weight:          bold;
  padding:              8px;
  }
td.shows
  {
  display:		table-cell;
  border-color:	        #CC99CC;
  border-style:         solid;
  border-width:         thin;
  padding:              16px;
  text-align:           left;
  }

table.fees
  {
  display:              table;
  background-color:	#FFFFCC;
  border-color:	        teal;
  border-width:         thick;
  border-style:         outset;
  width:                60%;
  padding:              0px;
  /* text attributs */
  color:                teal;
  font-size:            125%;
  font-weight:          normal;
  }
th.fees
  {
  display:		table-cell;
  border-color:         teal;
  border-style:         solid;
  border-width:         thin;
  padding:              8px;
  text-align:           center;
  }
td.fees
  {
  display:		table-cell;
  border-color:         teal;
  border-style:         solid;
  border-width:         thin;
  padding:              8px;
  text-align:           left;
  }

/* ========================================= */
/* These are list definitions                */
/* ========================================= */
ul.generic_list
  {
  list-style-type:  circle; 
  padding-left:     10%;
  font-weight:      normal;
  color:            black;
  text-align:       left;
  }

ul.donations_list
  {
  list-style-type:  circle; 
  padding-left:     30%;
  font-weight:      bold;
  color:            green;
  text-align:       left;
  }

ul.tips_list
  {
  list-style-type:  circle; 
  padding-left:     10%;
  padding-right:    10%;
  font-weight:      bold;
  font-size:        110%;
  color:            teal;
  text-align:       left;
  }
/* ========================================= */
/* These are img definitions                 */
/* ========================================= */
img.ir1
  {
  float:         center;
  margin:        5px 5px 5px 5px;
  width:         300px;
  }
img.w400
  {
  float:         center;
  margin:        5px 5px 5px 5px;
  width:         400px;
  }
img.h400
  {
/*  float:         center;*/
/*  margin:        5px 5px 5px 5px;*/
  hight:         400px;
  }

img.ir-w100pr
  {
  float:         center;
/*  margin:        5px 5px 5px 5px;*/
  width:         100%;
  hight:         200px;
  }

img.ir-w200
  {
/*  float:         top;*/
  margin:        5px 5px 5px 5px;
/*  width:         200px;*/
/*  hight:         150px;*/
  }

img.ir-w300
  {
  float:         center;
  margin:        5px 5px 5px 5px;
  width:         300px;
  }

img.ir-h300
  {
  float:         center;
  margin:        5px 5px 5px 5px;
  hight:         300px;
  }

img.framed-right
  {
  background-color:  #E0D8D0;
  border-color:	     #C0D8D0;
  border-width:      0.3em;
  border-style:      outset;
  float:             right;
  margin:            0.5em;
  width:             17.0em;
  }

img.framed-right-small
  {
  background-color:  #E0D8D0;
  border-color:	     #C0D8D0;
  border-width:      0.3em;
  border-style:      outset;
  float:             right;
  margin:            0.5em;
  width:             7.0em;
  }

img.framed-left
  {
  background-color:  #E0D8D0;
  border-color:	     #C0D8D0;
  border-width:      0.3em;
  border-style:      outset;
  float:             left;
  margin:            0.5em;
  width:             17.0em;
  }

img.framed-center
  {
  background-color:  #E0D8D0;
  border-color:	     #C0D8D0;
  border-width:      0.3em;
  border-style:      outset;
  float:             center;
  margin:            0.5em;
  width:             17.0em;
  }

img.framed-center-no-size
  {
  background-color:  #E0D8D0;
  border-color:	     #C0D8D0;
  border-width:      0.3em;
  border-style:      outset;
  float:             center;
  margin:            0.5em;
  }

/* ========================================= */
/* These are img definitions                 */
/* ========================================= */
img.foster
  {
  float:            right;
  margin:           10px 10px 20px 20px;
  width:            300px;
  }
img.foster-left
  {
  float:            left;
  margin:           10px 10px 20px 20px;
  width:            300px;
  }

/* ========================================= */
/* These are anchor (link) definitions       */
/* ========================================= */

/* allow to change link color when mouse is over them */
a.pet-list:link    {color: blue;     font-weight: bold; font-size: 150%;}
a.pet-list:visited {color: blue;     font-weight: bold; font-size: 150%;}
a.pet-list:hover   {color: red;      font-weight: bold; font-size: 150%;}
a.pet-list:active  {color: green;    font-weight: bold; font-size: 150%;}

a.contact-info:    {color: blue;  font-weight: bold;}

a.pet-of-the-week:link     {color: black;   font-weight: normal; font-size: 110%;}
a.pet-of-the-week:visited  {color: black;   font-weight: normal; font-size: 110%;}
a.pet-of-the-week:hover    {color: blue;    font-weight: normal; font-size: 110%;}
a.pet-of-the-week:active   {color: black;   font-weight: normal; font-size: 110%;}

a.success-pets:link     {color: #CC0099;   font-weight: normal; font-size: 90%;}
a.success-pets:visited  {color: #CC0099;   font-weight: normal; font-size: 90%;}
a.success-pets:hover    {color: blue;      font-weight: normal; font-size: 90%;}
a.success-pets:active   {color: #CC0099;   font-weight: normal; font-size: 90%;}

a.page:link      {color: blue;     font-weight: bold; font-style: italic; font-size: 150%;}
a.page:visited {color: blue;     font-weight: bold; font-style: italic; font-size: 150%;}
a.page:hover  {color: red;      font-weight: bold; font-style: italic; font-size: 150%;}
a.page:active  {color: green;    font-weight: bold; font-style: italic; font-size: 150%;}