/***** Body and main container *****/

body    { color: #3a3a3a; font: 76% Verdana, Helvetica, Arial, sans-serif; background: #f2eab6 url("images/bg3.gif") repeat-y center top; text-align: center; margin: 0 auto; padding: 0 }

#wrap    { color: #000; background-color: #fff; text-align: left; margin: 0 auto; padding: 1px 6px; width: 750px }

/***** Header *****/
#header_cat      { color: #505050; background: #dccda3 url("images/cats.jpg") no-repeat left bottom; margin: 0; padding: 0; width: 750px; height: 180px }

#header_dog     { color: #505050; background: #dccda3 url("images/dog.jpg") no-repeat left bottom; margin: 0; padding: 0; width: 750px; height: 180px }

#header_pony     { color: #505050; background: #dccda3 url("images/pony.jpg") no-repeat left bottom; margin: 0; padding: 0; width: 750px; height: 180px }

#header_rabbit     { color: #505050; background: #dccda3 url("images/rabbits.jpg") no-repeat left bottom; margin: 0; padding: 0; width: 750px; height: 180px }

#header_goat      { color: #505050; background: #dccda3 url("images/goats.jpg") no-repeat left bottom; width: 750px; height: 180px }

#header_gallery       { color: #505050; background: #dccda3 url("images/header_gallery.jpg") no-repeat left bottom; width: 750px; height: 180px }


.header_name { padding-top: 125px; height: 180px }
/***** Main content *****/

#content  { line-height: 1.5em; text-align: left; margin: 10px 140px 10px 180px; padding: 0; width: 400px }

div#maincontent {padding: 2%;
text-align: justify;
margin-left: 154px;
margin-right: 154px;
background-color: #ffffff;
color: #999999; }



div#leftcolumn   { background-color: #ffffff; text-align: left; margin-top: 20px; width: 160px; float: left }



div#rightcolumn   { color: #999999; background-color: #ffffff; margin-top: 20px; width: 190px; float: right }

#left ul  { font-size: 0.8em; font-weight: bold; background-color: #fff6eb; list-style-image: url("img/redback.gif"); display: block; padding: 4px; width: 160px; float: left; border-left: 10px }

#left li  { color: #328545; font-size: 0.8em; list-style-image: none; padding-top: 4px; padding-left: 5px; width: 160px; float: left; border-bottom: 1px dotted #9d8d75 }

#right ul     { font-size: 0.8em; background-color: #fff6eb; list-style-image: url("img/redback.gif"); display: block; margin-right: 5px; padding: 4px; width: 140px; float: right }

#right li   { color: #328545; font-size: 0.8em; list-style-image: none; margin-right: 5px; padding-top: 4px; padding-left: 5px; width: 140px; float: right; border-bottom: 1px dotted #9d8d75 }

#content_home     { line-height: 1.5em; text-align: justify; margin: 23px 210px 10px 180px; padding: 0 }
/***** Footer *****/

#footer   { color: #3a5859; font-size: 0.9em; background-color: #dccda3; text-align: center; margin: 0 auto; padding: 8px 0; width: 760px; clear: both }

#footer p {
padding:0;
margin:0;
}

#footer a {
color:#808080;
background-color:inherit;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

/***** Various tags *****/

a  { color: #328545; text-decoration: none }

a:hover  { color: #c52420; text-decoration: underline }



div#navbar     { font-size: 0.9em; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; background-color: #cec390; text-align: center; margin-bottom: 8px; padding-top: 3px; padding-bottom: 5px; width: 750px }



#navbar ul li a:link, #navbar ul li a:visited  { color: #423c33; text-decoration: none; display: inline; margin-right: 0; padding: 3px 8px }



#navbar ul li a:hover, #navbar ul li a.current   { color: #c52420; text-decoration: none; border-bottom: 10px none #578ac3 }



#navbar ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
display: inline;
}



#navbar ul {
margin: 0px;
padding: 0px;
}



a img {
border:0;
}

p  { }
.section_title   { color: #ffc; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal }

.section_title_red    { color: #c52420; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal }


blockquote {
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
margin:16px;
padding:7px 7px 7px 11px;
background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;
color:#505050;
}

blockquote p {
font-size:1.1em;
line-height:1.3em;
margin:0;
}
.caption { color: #444a5d }
/***** Various classes *****/

.left  { margin: 10px 10px 5px 0; width: 160px; float: left }

.right {
margin:10px 0 5px 10px;
float:right;
}
.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.large {
font-size:1.3em;
}

.bold  { color: #f5e58f; font-weight: bold }

.highlight1   { color: #fff; background-color: #8bb995; padding: 3px }

.highlight2   { color: #fff; background-color: #5388c2; padding: 3px }

.highlight3   { color: #fff; background-color: #ff4548; padding: 3px }

.highlight4    { color: #fff; background-color: #dccda3; padding: 3px }

.event { color: #fa2400 }
.nextevent { color: #fcffe7; font-size: 0.8em; font-weight: bold; background-image: url("img/redback.gif"); background-repeat: no-repeat; padding: 2px 2px 1px }
.nexteventinfo { color: #fcffe7; font-size: 0.8em; padding: 3px }
.events    { color: #ff4548; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; padding-bottom: 6px; border-bottom: thin dotted #fa2400 }

.eventsblue     { color: #fff; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; padding-bottom: 6px; border-bottom: 1px dotted #ff0 }

.eventtype { color: #7fffd4; font-size: 0.8em; font-weight: bold; text-align: right }
.text  { color: #fff }

.gallery   { background-color: #fff; text-align: center; padding: 0.5em; width: 600px }

.gallery a {
	text-decoration: none;
}
.gallery a img  { vertical-align: middle }

/* outer container for each image/caption pair */
.gallery p {
	display: inline;
}

/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a   { background-color: #fffaeb; display: table-cell; margin: 0.5em; padding: 5px; width: 160px; min-width: 110px; vertical-align: top; border: solid 1px #9d8d75 }


/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span  { line-height: 170px; text-align: center; display: block; height: 170px; vertical-align: middle }

/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i  { color: #9ba2b1; font-size: 0.8em; font-style: normal; line-height: 120%; text-align: center; display: block; padding: 5px 5px 0; height: 2.5em }

/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
	display: inline;
}
* html .gallery a:hover i {
	cursor: hand; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */

/* end hacks */