body {
  background-color: white;
  font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, sans-serif;
  font-size: 12pt;
  color: rgb(51,51,153);
}
  

/* Architectural Table Styles */
.MainTableStyle{
	vertical-align: top;
    width: 790px; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto;
	border-width: 3px 3px 3px 3px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: rgb(129, 129, 190);
	border-collapse: separate;
	background-color: white;
}

.SiteTitleCellStyle {
	border-width: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-style: none none none none;
	border-color: red red red red;
	background-color: rgb(60, 60, 140);
}

.ColoredCellStyle {
	vertical-align: top;
	border-width: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-style: none none none none;
	border-color: red red red red;
	background-color: rgb(79, 79, 159);
}

.TransparentCellStyle {
	vertical-align: top;
	border-width: 2px 0px 0px 2px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: rgb(129, 129, 190);
	background-color: rgb(255,255,255);
}

/* Donations info table */
table.Donations {
	vertical-align: top;
    width: 95%; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto;
	border-width: 3px 3px 3px 3px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: rgb(129, 129, 190);
	border-collapse: separate;
	background-color: white;
}

table.Donations td {
    text-align: center; 
	border-width: 1px 1px 1px 1px;
	padding: 4px 2px 4px 2px;
	border-color: rgb(129, 129, 190); 
	border-style: solid solid solid solid;
	background-color: white;
    font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, sans-serif;
    font-size: 12pt;
    color: rgb(51,51,153);
}

/* front page positioning table */
table.Announcement {
	vertical-align: top;
    width: 95%; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto;
	border-width: 3px 3px 3px 3px;
	border-spacing: 0px;
	border-style: none;
	border-color: rgb(129, 129, 190);
	border-collapse: separate;
	background-color: white;
}

table.Announcement.td {
    text-align: center; 
	padding: 4px 2px 4px 2px;
	border-style: nonde;
	background-color: white;
}

/* Board Members table styles */
table.Board {
	vertical-align: top;
    width: 80%; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto;
	border-width: 3px 3px 3px 3px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: rgb(129, 129, 190);
	border-collapse: separate;
	background-color: white;
}

table.Board td {
    text-align: center; 
	border-width: 1px 1px 1px 1px;
	padding: 4px 2px 4px 2px;
	border-color: rgb(129, 129, 190); 
	border-style: solid solid solid solid;
	background-color: white;
}

/* Hours of Operation table styles */
table.HoursOp {
	vertical-align: top;
    width: 65%; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto;
	border-width: 3px 3px 3px 3px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: rgb(129, 129, 190);
	border-collapse: separate;
	background-color: white;
}

table.HoursOp th {
    text-align: center; 
    font-size: 16pt;
    font-weight: bold; 
	border-color: rgb(129, 129, 190);
    background-color: rgb(204, 204, 255); 
    font-family: Georgia, serif;
	border-width: 0px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
    text-transform: uppercase;
}

table.HoursOp td {
    text-align: center; 
	border-width: 1px 1px 1px 1px;
	padding: 4px 2px 4px 2px;
	border-color: rgb(129, 129, 190); 
	border-style: solid solid solid solid;
	background-color: white;
}

/* Contact form table styles */
table.ContactForm {
	vertical-align: top;
    width: 100%; 
	margin-left: auto; 
	margin-right: auto;
	border-width: 3px 3px 3px 3px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: separate;
}

table.ContactForm td {
	border-width: 1px 1px 1px 1px;
	padding: 4px;
	border-style: none;
    text-align: right;
    vertical-align:top;    
}
/* Work-around for retarded standards preventing cols from having text
   align in most browsers. "first-child" seems to indicate first TD in row. 
   '+TD' causes it to refer to 2nd TD in row.  Who makes this stuff up? */
table.ContactForm td:first-child + td { text-align:left; }  

/* Apparently this does work for some other browsers. */
col.ContactRightCol { text-align:left; }  


/* Upcoming Events table styles */
tr.eventsOddRow td {
	background-color: white; 
	color: black;
}

tr.eventsEvenRow td {
    background-color: rgb(255, 255, 0);
	color: black;
}

table.Events {
	vertical-align: top;
    width: 585px; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto;
	border-width: 0px 3px 3px 3px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: rgb(204, 204, 255);
	border-collapse: separate;
	background-color: white;
}

/* All tds in tables with style Events take on the following properties */
table.Events td { 
    text-align: center; 
	border-width: 1px 1px 1px 1px;
	padding: 4px 2px 4px 2px;
	border-color: rgb(204, 204, 255); 
	border-style: solid solid solid solid;
}

/* All ths in tables with style Events take on the following properties */
table.Events th {
    text-align: center; 
    font-size: 16pt;
    font-weight: bold; 
	border-color: rgb(204, 204, 255); 
    background-color: rgb(204, 204, 255); 
    font-family: Georgia, serif;
	border-width: 0px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
}

/* Navigation bar link styles 
 * These have to be applied to <a> links for the colors to work, far as I know.
 */ 

/* Text styles for nav bar.. colors don't seem to work
 * without using the link styles above.  */
a.NavbarLink:link,
a.NavbarLink:visited,
a.NavbarLink:hover,
a.NavbarLink:active {
  font-family: Georgia, serif;
  font-size: 14pt;
  font-weight: bold;
  color: rgb(255,255,255);
  text-transform: uppercase;
}

a.NavbarCurrentLink:link,
a.NavbarCurrentLink:visited,
a.NavbarCurrentLink:hover,
a.NavbarCurrentLink:active {
  font-family: Georgia, serif;
  font-size: 14pt;
  font-weight: bold;
  color: rgb(255, 255, 0);
  text-transform: uppercase;
}

a.NavbarHighlightLink:link,
a.NavbarHighlightLink:visited,
a.NavbarHighlightLink:hover,
a.NavbarHighlightLink:active {
  font-family: Georgia, serif;
  font-size: 14pt;
  font-weight: bold;
  color: rgb(255, 210, 32);
  text-transform: uppercase;
}


/* Text Styles */ 
.EventName { 
  font-family: arial, helvetica, sans-serif; 
  font-size: 15pt;
  font-weight: bold; 
  text-transform: uppercase;
  color:#009; 
}

.EventLocation,
.EventDate { 
  font-family: arial, helvetica, sans-serif; 
  font-size: 13pt;
  font-weight: bold; 
  color:#009; 
}

.ShelterLocationText {
  text-align: center;
  font-family: Helvetica;
  font-size: 12pt;
  color: rgb(255,255,255);
}

.SiteTitleText {
  text-align: right;
  font-family: Georgia, serif;
  font-size: 30pt;
  font-weight: bold;
  color: rgb(255,255,255);
  text-transform: uppercase;
} 
 
.CornerBlockText{
  text-align: center;
  font-family: Georgia, serif;
  font-size: 19pt;
  font-weight: bold;
  color: rgb(255,255,255);
  background-color: rgb(79, 79, 159);
  text-transform: uppercase;
}

.PageTitleBlockText {
  vertical-align: middle;
  font-family: Georgia, serif;
  font-size: 22pt;
  font-weight: bold;
  color: rgb(255,255,255);
  background-color: rgb(79, 79, 159);
  text-transform: uppercase;
}

/* Text styles for paragraphs, section titles, etc */

/* title styles being dual-used for h1/h2 */
h1,
.SectionTitleText {
  margin-top: 6px;
  margin-bottom: 6px;
  font-family: Georgia, serif;
  font-size: 18pt;
  font-weight: bold;
  color: #000000;
  text-align: center;
  text-transform: uppercase;
}

h2,
.SectionSubtitleText {
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Georgia, serif;
  font-size: 15pt;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
}

/* Text in p's is left-justified with margins. */
p {
  text-align: justify;
  margin-left: 15px;
  margin-right: 15px;
}

.unjust {
  text-align: left;
}

.SectionText {
  font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, sans-serif;
  font-size: 12pt;
  color: rgb(51,51,153);
}

.HappyEndParagraph {
  font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, sans-serif;
  text-align: justify;
  font-size: 11pt;
  color: rgb(51,51,153);
}

.HappyEndPetname {
  font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, sans-serif;
  font-size: 13pt;
  font-style: italic;
  font-weight: bold;
  color: rgb(51,51,153);
}

.HiliteLinkText {
  color:rgb(0,0,0); 
  background-color:rgb(255,255,0);
}
 
.EventPrice,
.LtBlueTxt { 
  font-family: helvetica, arial, sans-serif; 
  font-size: 12pt;
  font-weight: bold; 
  color:#39f; 
 }

.SmallTextLtBlue { 
  font-family: helvetica, arial, sans-serif; 
  font-size: 8pt;
  color:#39f; 
 }

.SmallText { 
  font-family: helvetica, arial, sans-serif; 
  font-size: 8pt;
  color:#000; 
 }

.BoldedText { 
  font-family: helvetica, arial, san-serif; 
  font-size: 12pt;
  font-weight: bold; 
  color:#000; 
 }

.EventDetails {
  font-family: helvetica, arial, san-serif; 
  font-size: 12pt;
  color:#000; 
 }
 
 

 /* make HR fit better with other styling */
hr,
.hrstyle {
  border: 0;
  color: rgb(129, 129, 190);
  background-color: rgb(129, 129, 190);
  width: 100%;
  height: 2px;
  margin-top: 10px;
  margin-bottom: 10px;
}



/* Styles for back to top links */
a.Toplink:link,
a.Toplink:visited,
a.Toplink:active {
  color: rgb(255, 102, 10);
  font-family: Georgia, serif;
  font-size: 14pt;
  font-weight: bold; 
  text-transform: uppercase;
}
a.Toplink:hover {
  color: rgb(255, 200, 100);
  font-family: Georgia, serif;
  font-size: 14pt;
  font-weight: bold; 
  text-transform: uppercase;
}

/* no-border links for some image links. */
img.Noborder {
  border-style: none;
}

/* border for photos showing visited/not visited/highlight*/
.ImageBorder {
  padding:5px;
  text-align: center;
}

.ImageBorder a {
  text-decoration: none;
}
.ImageBorder>a:link>img {
  border-width: 2px;
  border-spacing: 0px;
  border-style: solid;
  border-color: rgb(204, 204, 255); 
  background-color: rgb(204, 204, 255); 
}
.ImageBorder>a:visited>img {
  border-width: 2px;
  border-spacing: 0px;
  border-style: solid;
  background-color: rgb(129, 129, 190);
  background-color: rgb(129, 129, 190);
}
.ImageBorder>a:hover>img {
  border-width: 2px;
  border-spacing: 0px;
  border-style: solid;
  border-color: rgb(255, 102, 10);
  background-color: rgb(255, 102, 10);
}
.ImageBorder>a:active>img {
  border-width: 2px;
  border-spacing: 0px;
  border-style: solid;
  border-color: rgb(255, 102, 10);
  background-color: rgb(255, 102, 10);
}


/* Unordered lists on thankyous page */
.ThanksList {
  text-align: left;
  list-style-type: square;
}
/* Unordered lists on thankyous page */
.ThanksSublist {
  text-align: left;
  list-style-type: circle;
}

/* Ordered list on Cruelty page */
.OrderedListStyle {
  text-align: left;
}

/* Style for lone links (not in paragraphs) */
.LoneLink {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}


/* using h6 to label lists where labels needed. */
h6 {
  margin: 0px;
  font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  color: rgb(0,0,0);
  text-align: left;
  margin-left: 15px;
  margin-right: 15px;
}

/* 'hot off the press' highlight */
.HighlightBox {
    border-style: dashed; /* dotted dashed double groove ridge inset outset */
    border-width: 3px;
    border-color: rgb(255, 165, 020);
    padding: 5px;
}

/* Form fields and buttons */
.TextBox {
    background-color: rgb(245, 245, 255); 
    border-color: rgb(129, 129, 190);
    border-width: 2px;
    border-style: solid;
    color: #000000;
    font-size: 10pt;
    font-family: arial;
}
.SubmitButton {
    background-color: rgb(255, 165, 020);
    border-color: rgb(155, 95, 010);
    border-style: solid;
    border-width: 2px;
    font-size: 12pt;
    font-family: arial, helvetica, sans-serif; 
}

/* red highlight for text. */
.critical {
    color:rgb(245,20,30);
}