﻿* {margin: 0;}

html, body {height: 100%;}
.wrapper {min-height: 100%;	height: auto !important; height: 100%;	margin: 0 auto -182px; /* the bottom margin is the negative value of the footer's height */}
.footer, .push {height: 182px; /* .push must be the same height as .footer */}
body {text-align: center; background: url('../images/bodyBG.gif') repeat-x left top;
}
.wrapper { position: relative;	width: 933px; font-size: 0.9em;	margin: 0 auto -182px; text-align: left; background: url('../images/contentBG.gif') repeat-y;
}
.c { clear:both; }
.img {	border: 0;}
.imgright {float:right;padding:10px 20px 10px 10px;}
.imgleft {float:left;padding:10px 20px 10px 10px;}
h1 { text-indent: -500em;}
h2 {color: #293747;	font: normal 24px Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; padding: 0px 0px 10px 0px;}
h3 {color: #293747;	font: normal 20px Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; padding: 0px 0px 5px 0px;}
h4 {color: #293747;	font: normal 18px Georgia, "Times New Roman", Times, serif; text-align:left; letter-spacing: -1px; padding: 0px 0px 5px 0px;}
.quote{ font-size:10px}

#content a a:visited{ font:11px Verdana, Arial, Helvetica, sans-serif; color: #3366cc }
div#content a:link, div#content a:visited, div#content a:active {font:11px Verdana, Arial, Helvetica, sans-serif; color: #3366cc;text-decoration:none}
div#content a:hover {font:11px Verdana, Arial, Helvetica, sans-serif; color: #ff0000;text-decoration:none}

.header { height: 177px;	background: url('../OLD%20SITE%202/new/header.png') no-repeat;
}
#headerTop { height: 43px; width: 933px; margin: 0 auto; background-color:#4b5a73}
#headerBottom { background: url('../images/headerBottom.gif') repeat-x left top; 
height: 134px; width: 933px; margin: 0 auto; padding: 0px
}

#date {height: 20px; width: 800px; margin: 0 auto; border:0px; font-size:14px;}
.news {
	font-size:12px;color:#0066CC;font-weight:normal;
}
#menuBar {height: 32px; width: 800px; margin: 0 auto; border-bottom:1px #444 solid;}


#content { width: 890px; margin: 0 auto; height: 100%; font: 12px arial, sans-serif; line-height:19px;
}

#contentsingle { width:880px; height: 100%; padding: 0 5px 15px 5px}

#contentforums{ width:890px; height: 100%; padding: 0 0px 0px 0px; margin: 0 auto; }
#contentLeft { width:615px; height: 100%; float:left; padding: 0 10px 15px 10px}
#contentRight { width: 240px; height: 100%; float:left; padding: 0 5px 15px 10px;  line-height:16px;}

.contentfloatright{ float:right; width:260px; height: 100%; padding:10px 20px 10px 10px;}
.contentfloatleft{ float:left; width:310px; height: 100%; padding:0px 0px 10px 0px;}

.footer { position: relative; width: 100%; margin: 0 auto;	background: url('../images/footerBG.gif') repeat-x left top;
}
#footerTop  { background: url('../images/footerTop.gif') repeat-x left top; 
height: 46px; width: 933px; margin: 0px auto; padding: 0px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666;
}
div#footerTop a:link, div#footerTop a:visited, div#footerTop a:active { color: #666;text-decoration:none}
div#footerTop a:hover { color: #4570b6;text-decoration:none}
#footerMenu {width: 650px; text-align:center; border-top: 1px #666 solid;margin: 0 auto; padding:5px 0 0 0}

#footerBottom  { height: 122px; width: 873px; margin: 0 auto; padding: 0px;}
#footerCopy { width: 100%; margin: 0 auto; padding: 0px; text-align:center; font:11px Verdana, Arial, Helvetica, sans-serif; color: #fff }
#footerCopy a a:visited{ font:11px Verdana, Arial, Helvetica, sans-serif; color: #fff }
div#footerCopy a:link, div#footerCopy a:visited, div#footerCopy a:active {font:11px Verdana, Arial, Helvetica, sans-serif; color: #fff;text-decoration:none}
div#footerCopy a:hover {font:11px Verdana, Arial, Helvetica, sans-serif; color: #ccc;text-decoration:none}

.style1 {	border-width: 0px;}

.style3 {	color: #FFFF00;	text-align: left;	background-color: #4570B6;}
.style4 {	color: #FFFF00;}
.style5 {	text-decoration: none;}
.style6 {	color: #FFFF00;	text-align: center;	background-color: #4570B6;}
.style8 {	text-align: center;}

#location { width:505px; height:20px; float:left; padding: 0 10px 0px 50px}
#contentLeft_contact { width:505px; padding-left:100px; float:left;}
#contentLeft_directions { width:505px; padding-left:100px; float:left;}
#contentLeft_registration { width:505px; padding-left:100px; float:left;}
#contentLeft_events { width:585px; padding-left:10px; float:left;}

#contentLeft_events1 { width:585px; padding:0px; background-color:#d8e4f1}
#contentLeft_events2 { width:585px; padding:0px; background-color:#e6ecf9}

#contentLeft_classes { width:585px; padding-left:10px; float:left;}

#contentLeft_classes1 { width:585px; padding:0px; background-color:#d8e4f1}
#contentLeft_classes2 { width:585px; padding:0px; background-color:#e6ecf9}

#contentLeft_doginfo { width:565px; padding-left:25px; float:left; line-height:14px;}







#contentRight_doginfo { width: 240px; height: 100%; float:right; padding: 0 5px 15px 10px;  line-height:16px;}
#contentRight_doginfo a a:visited{ font:11px Verdana, Arial, Helvetica, sans-serif; color: #fff;text-transform:capitalize; }
div#contentRight_doginfo a:link, div#contentRight_doginfo a:visited, div#contentRight_doginfo a:active {font:11px Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; color: #666;text-decoration:none}
div#contentRight_doginfo a:hover {font:11px Verdana, Arial, Helvetica, sans-serif; color: #ccc;text-decoration:none;text-transform:capitalize;}



/* Barrel cutout Borders*/
.barrel {background: transparent; width:100%; margin:0 auto;}
.barrel h1, .barrel p {margin:0 10px;}
.barrel h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.barrel p {padding-bottom:0.5em;}

.barrel .top, .barrel .bottom {display:block; background:transparent; font-size:1px;}
.barrel .b1, .barrel .b2, .barrel .b3, .barrel .b4, .barrel .b5 {display:block; overflow:hidden; height:1px; background:#fde6a9;}
.barrel .b1 {border-left:10px solid #dfd5c0; border-right:10px solid #dfd5c0;}
.barrel .b2 {border-left:5px solid #dfd5c0; border-right:5px solid #dfd5c0;}
.barrel .b3 {border-left:3px solid #dfd5c0; border-right:3px solid #dfd5c0;}
.barrel .b4 {border-left:2px solid #dfd5c0; border-right:2px solid #dfd5c0;}
.barrel .b5 {border-left:1px solid #dfd5c0; border-right:1px solid #dfd5c0;}
.barrel .b1 {margin:0 33%;}
.barrel .b2 {margin:0 20%;}
.barrel .b3 {margin:0 12%;}
.barrel .b4 {margin:0 5%;}
.barrel .b5 {margin:0 1px;}

.barrel .boxcontent {display:block; background:#fde6a9; border-left:1px solid #fff; border-right:1px solid #999;}








