﻿/* ------------------------ Root Stylesheet ---------------- */
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	/* font-size: 15px; */
}
#menu {
	width: 157px;
	margin: 0 0 10px 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
	background-color: #006699;
}
#menu ul {
	list-style: none;
	width: 157px;
	margin: 0 0 0px 0;
	padding: 0;
}
#menu li {
}
#menu li a {
	font-weight: bold;
	height: 20px;
	text-decoration: none;
	color: #006699;
	display: block;
	padding: 2px 0 0 6px;
	background: #C8D7DD;
	border-left: 4px solid #221111;
	border-left-color: #006699;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#menu li a:hover {
	background: #EAEAEA;
	color: #006699;
	border-left: 4px solid #ddbb33;
	border-style: solid;
	border-width: 1px 4px 1px 4px;
	border-color: #006699;
}
.menu-externals {
	width: 157px;
}
h2 {
	font-family: Arial;
	font-size: 14pt;
	color: #336699;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}
/* ----- Header menu control -------*/
.hdrlinkstable {
	color: #336600;
	font-size: x-small;
	background-image: url('images/header_div/background-160x124.gif');
	background-repeat: no-repeat;
	background-position: center center;
}
.hdrlinkscell {
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	width: 160px;
	color: #006600;
	table-layout: auto;
	line-height: 22px;
}
.hdrlinkscell a:link {
	text-decoration: none;
	color: #336600;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.hdrlinkscell a:visited {
	text-decoration: none;
	color: #336600;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.hdrlinkscell a:hover {
	text-decoration: underline;
	color: #993300;
	font-style: italic;
	font-size: small;
}
/*--------------------------------*/
.header-links {
	font-family: Arial, Helvetica, sans-serif;
	width: 160px;
	height: 124px;
	background-image: url('images/header_div/background-160x124.gif');
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 1.2em;
	position: inherit;
	text-align: left;
	float: left;
	margin-right: 10px;
}
.header-links div {
	margin: 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #336600;
	border-bottom-color: #336600;
	position: absolute;
	width: 140px;
	height: 104px;
}
.header-links a:link {
	text-decoration: none;
	color: #336600;
	font-variant: normal;
	font-size: 13px;
}
.header-links a:visited {
	text-decoration: none;
	color: #336600;
	font-variant: normal;
	font-size: 13px;
}
.header-links a:hover {
	text-decoration: underline;
	color: #993300;
	font-style: italic;
	font-size: 13px;
}
/* ----- End, header menu control -------*/
.menu-headercell {
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	border-color: #006699;
	color: #FFFFFF;
	background-color: #336699;
	text-indent: 6px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.adoptlist {
	border: 1px Solid #C0C0C0;
	font-family: Arial;
	font-size: 8pt;
}
.adopttitle {
	padding-top: 4px;
	text-align: center;
}
.adoptcell {
	padding: 4px;
}
.adoptable {
	font-family: Verdana;
	font-size: 10pt;
	border: 1px solid #C0C0C0;
}
/* ---------------- Mail List Panel ----------- */
/* ------------------ E-news Display Block ---------- */   
#joinlist_table {
	border-collapse: collapse;
	width: 128px;
}
#joinlist {
	border: 1px ridge #006600;
	width: 128px;
}
#joinlist ul {
	margin-left: 0;
	padding-left: 0;
	text-align: left;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	text-indent: 2px;
	line-height: 2.5em;
}
#joinlist a {
	background-position: center;
	display: block;
	padding: 2px;
	width: 124px;
	background-image: url('images/joinbox/gradient.jpg');
	background-repeat: repeat-x;
}
#joinlist a:link, #joinlistitem a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}
#joinlist a:hover {
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}
#joinlist_header {
	background-position: bottom;
	color: #FFFFFF;
	text-align: center;
	height: 18px;
	background-image: url('images/joinbox/header.gif');
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 10px;
}
#joinlist_footer {
	background-position: top;
	color: #FFFFFF;
	background-image: url('images/joinbox/footer.gif');
	background-repeat: no-repeat;
}
#enews_footer a {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/* ------------------ Index Page right panel ---------------*/
.rc_box_134588 {
	background: url("images/roundcorner_box/roundedcornr_134588_tl.png") no-repeat top left;
}
.rc_top_134588 {
	background: url("images/roundcorner_box/roundedcornr_134588_tr.png") no-repeat top right;
}
.rc_bottom_134588 {
	background: url("images/roundcorner_box/roundedcornr_134588_bl.png") no-repeat bottom left;
}
.rc_bottom_134588 div {
	background: url("images/roundcorner_box/roundedcornr_134588_br.png") no-repeat bottom right;
}
.rc_content_134588 {
	background: url("images/roundcorner_box/roundedcornr_134588_r.png") top right repeat-y;
}

.rc_top_134588 div,.rc_top_134588,
.rc_bottom_134588 div, .rc_bottom_134588 {
	width: 100%;
	height: 20px;
	font-size: 1px;
}
.rc_content_134588, .rc_bottom_134588 {
	margin-top: -10px;
}
.rc_content_134588 {
	padding: 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #CCD9DF;
}
.rc_content_134588 hr {
	line-height: 10px;
	color: #000000;
	font-size: 10px;
}
.rc_content_134588 p {
	margin-top: 1px;
	margin-bottom: 1px;
}
.rc_title_134588 {
	font-variant: small-caps;
	font-weight: 600;
	font-size: 14px;
}
.rc_content_134588 a:link, .rc_content_134588 a:visited {
	text-decoration: none;
	color: #336699;
}
.rc_content_134588 a:hover {
	text-decoration: underline;
	color: #CC3300;
	font-style: italic;
}
/* ------------------        ---------------*/
span.Title1 {
	color: #336699;
	font-weight: bold;
}
.sum-title {
	font-weight: lighter;
	color: #336699;
	letter-spacing: .1em;
}
.summarycell {
	line-height: 1.2em;
	text-align: left;
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}
.summarycell p  {
	padding: 0px;
	margin: 0;
}
.summarycell hr  {
    margin-top: 0; 
    margin-bottom: 0
    }              
.summarycell a:link  {
	color: #336699;
	text-decoration: underline;
}
.summarycell a:visited  {
	color: #660066;
	text-decoration: underline;
}

.summarycell a:hover  {
	text-decoration: underline;
	color: #FF0000;
	font-style: italic;
}
.articlecell p  {
    margin-top: 0; 
    line-height:150%
    }  
.articlecell hr  {
	margin-top: 0;
	margin-bottom: 0;
	height: 1px;
}
.articlecell h1  {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial;
}
/* ------------------- OUTER TABLE AND LAYOUT CELLS ------------ */ 
.maintable {
	border-collapse: collapse;
	width: 1000px;
}
.bannercell {
	padding: 0px;
	margin: 0px;
}
.leftnavcell	{
	background-image: url('http://happytrailsfarm.org/images/Bkg4.jpg');
	background-repeat: repeat-y;
	background-position: left top;
	vertical-align: top;
	width: 160px;
}
.pad_cell_10 {
	vertical-align: top;
	width: 10px;
}
/* ----------------- END OF OUTER TABLE -------------------------- */
.menucell {
	padding: 0px;
	margin: 0px;
	background-color: #336699;
	height: 20px;
}
.graycell {
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 6px;
	background-color: #CCCCCC;
	font-weight: bold;
	color: #000000;
}
/* ------------- Old Menu System ------------*/
.menu {
	color: #006699;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #006699;
	background-color: #C8D7DD;
	border-collapse: collapse;
}
.menu td {
	border: 1px solid #336699;
}
.menu a:link {
	color: #336699;
	text-decoration: none;
	font-size: 10pt;
	font-family: Arial;
	padding-left: 2px;
	font-weight: bold;
}
.menu a:visited {
	color: #336699;
	text-decoration: none;
	font-size: 10pt;
	font-family: Arial;
	padding-left: 2px;
	font-weight: bold;
}
.menu a:hover {
	color: #FF0000;
	text-decoration: none;
	font-family: Arial;
	font-size: 10pt;
	padding-left: 4px;
	font-style: italic;
	font-weight: bold;
}
.menu a:active {
	color: #006699;
	text-decoration: none;
	padding-left: 4px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}
/* -------- New Menu System --------- */
.nav {
	background-color: #C8D7DD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #336699;
}
.nav a {
	display: block;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.nav a:link, .nav a:visited  {
	display: block;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #336699;
	font-weight: bold;
}
.nav a:hover {
	display: block;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: none;
	background-color: #7CA2AF;
	color: #333333;
	font-weight: bold;
	font-style: italic;
}
.nav-headercell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336699;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.style1 {
	height: 68px;
	width: 144px;
	float: left;
	border-width: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.nav img {
	text-decoration: none;
}
/* -------- Link Definitions --------- */
A:link {
	color: #336699;
	text-decoration: underline;
}
A:visited {
	color: #800080;
	text-decoration: underline;
}
A:active {
	color: #CC0000;
	text-decoration: underline;
}
A:hover {
	color: #FF0000;
	text-decoration: underline;
}
a:link.dark {
	color: #003366;
	text-decoration: none;
}
a:visited.dark {
	color: #003366;
	text-decoration: none;
}
a:active.dark {
	color: #003366;
	text-decoration: none;
}
a:hover.dark {
	color: #EFF4F4;
	text-decoration: none;
}
.headercell {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	background-color: #336699;
	text-indent: 6px;
	text-align: left;
}
.cmscell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: top;
	line-height: 1.3em;
	margin-bottom: 10;
}
.cmscell p {
	margin-top: 1px;
}
.faq_question {
	color: #336699;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding-left: 6px;
	background-color: #E0E0E0;
}
.faq_answer {
	font-family: Arial;
	font-size: 12px;
	padding-left: 20px;
	font-style: italic;
	padding-top: 4px;
	padding-bottom: 8px;
	line-height: 1.3em;
}
.MonthTable {
	font-family: Arial;
	font-size: 10pt;
}
.formfield {
	border: 1px solid #C0C0C0;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}
.formbutton {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006699;
}
select {
	border: 1px solid #C0C0C0;
	width: 196px;
}
hr {
	height: 1px;
}
.spaced {
	line-height: 150%;
}
.list-block {
	padding: 6px; 
}
.list-block-gray {
	padding: 6px; 
	background-color: #F0F0F0;
}
/* ------------------------------ CALENDAR STYLE CONTROL ------------------------------- */
.cal_table {
	border: 1px solid #336699;
	font-family: Arial;
	font-size: 10pt;
	color: #336699;
	background-color: #E6F7FF;
	margin-top: 0;
	margin-bottom: 0;
}
.cal_table p {
	margin-top: 0;
	margin-bottom: 0;
}
.cal_table li {
	margin-top: 0;
	margin-bottom: 0;
}
.cal_headercell {
	color: #FFFFFF;
	background-color: #336699;
}
.cal_headercell a:link {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
}
.cal_headercell a:hover {
	color: #FFFF00;
	font-style: italic;
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	background-color: #000080;
}
.cal_headercell a:visited {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
}
.cal_headercell a:active {
	color: #FFFF00;
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
}
.cal_form {
	margin-top: 1;
	margin-bottom: 1;
}
.small_cal {
	border: 1px solid #000000;
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 0;
}
.small_cal a:link {
	color: #0000FF;
	background-color: #CCCCCC;
}
.small_cal a:visited {
	color: #0000FF;
	background-color: #CCCCCC;
}
.small_cal a:active {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF0000;
}
.small_cal a:hover {
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
	background-color: #FF0000;
}
.admin_cal {
	border: 1px solid #000000;
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 0;
}
.admin_cal a:link {
	color: #0000FF;
}
.admin_cal a:visited {
	color: #0000FF;
}
.admin_cal a:active {
	font-weight: bold;
	color: #FFFF00;
	background-color: #FF0000;
}
.admin_cal a:hover {
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
	background-color: #FF0000;
}
.rightpanel {
	border: 1px solid #336699;
	vertical-align: top;
	width: 142px;
}
.screenresblock {
	visibility: hidden;
}
.hide {
  visibility: hidden;		
}
.unhide {
	visibility: visible;
}
/* ------------------------ Form controls -------- */
.show_archive_list {
	border: thin solid #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}
.show_archive_link {
	font-family: Verdana;
	font-size: x-small;
}
.show_archive_date {
	font-family: Verdana;
	font-size: x-small;
	color: #FF0000;
}

/* ------------------------ Form controls -------- */
.red_submit {
	background-color: #990000;
	color: #FFFFFF;
}
.number_input {
	border: 1px solid #990000;
	text-align: left;
	padding-left: 2px;
}
#content_table {
	text-align: left;
}
.page-title {
	font-size: large;
	font-weight: bold;
	color: #808080;
}
.right_input {
	text-align: right;
	padding-right: 2px;
	border-style: none;
}
.header-links div {
	margin: 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #336600;
	border-bottom-color: #336600;
	position: absolute;
	width: 140px;
	height: 104px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.blog-list-cell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	text-align: justify;
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #C0C0C0;
	padding-top: 10px;
	padding-bottom: 15px;
}
.blog-list-cell img {
	border-width: 0px;
}
.blog-list-cell-date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 15px;
	font-style: italic;
	color: #993300;
}
.blog-list-cell-title a:link, .blog-list-cell-title a:visited, .blog-list-cell-title a:hover{
	font-size: 15px;
	letter-spacing: .1em;
	font-weight: 500;
	font-style: normal;
	text-decoration: underline;
}
.blog-article-cell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	text-align: justify;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #C0C0C0;
	letter-spacing: .1em;
}
.blog-photo-cell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 4px;
	margin-top: 4px;
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #C0C0C0;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: justify;
}
.blog-doc-cell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 4px;
	margin-top: 4px;
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #C0C0C0;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
}

