#leftColumn {
    float: left;
    width: 185px;
    margin-top:1em;
    margin-left:.5em;
    text-align:center;
    border-bottom: 2px solid rgb(134,48,20);
    border-top: 2px solid rgb(134,48,20);
}
.anAdd {
    padding: .5em 0;
    border-bottom:1px solid rgb(134,48,20);
    border-top:1px solid rgb(134,48,20);

}
.anAdd .emphasize {
    padding-top:3px;
    color: rgb(134,48,20);
    font: bold 20px Arial;    
}
.anAdd .subtitle {
    padding-top: 3px;
    color: rgb(134,48,20);
    font: bold 15px Arial;
}
.anAdd .content {
    font: normal 13px Arial;
    margin: 0 1.3em;
    padding: 0 0 .5em 0;
}
.anAdd .content A:link {text-decoration: underline; color: rgb(0,0,128); }
.anAdd .content A:visited {text-decoration: underline; color: rgb(0,0,128); }
.anAdd .content A:hover {text-decoration: underline; color: rgb(0,0,255); }
.anAdd #adoptionTimes {
    padding:.5em;
    color: black;
    font: normal 14px Arial;
}
.leftColumn A:link {text-decoration: none; color: rgb(134,48,20); }
.leftColumn A:visited {text-decoration: none; color: rgb(134,48,20); }
.leftColumn A:hover {text-decoration: none; color: rgb(134,48,20); }

/* RIGHT COLUMN */
#rightColumn {
    float: right;
    width: 320px;
}
#TRWSite {
 margin-top: .5em;
 padding-left: .5em;
}
#missionStatement {
    color: rgb(134,48,20);
    font: italic 17px Arial;
    line-height: 90%;
    text-align: center;
}
/* CONTENT */

p, ul{
    padding:0 1em;
}
li {
    margin-left: 1em;
}
        
#content {
   width:100%;
}
#topContent, #mainContent, .list1 {
    font: normal 14px arial, sans-serif;

}

#centerContent {
    margin-top: .5em;
    margin-left: 200px;
    margin-right: 305px;
    font: normal 16px arial, sans-serif;

}

#mainContentBanner {
    padding-top:.3em;
    margin-bottom: -.25em;
    font: bold 27pt 'Monotype Corsiva', 'Comic Sans MS', Arial, sans-serif;
    text-align:center;
    color:rgb(134,48,20);
}


#promotions {
    width: 85%;
    height: 110px;
    border: 4px ridge rgb(134,48, 20);
    margin: .2em 0 0 1em;
    padding-bottom:.5em;
    font: bold 21pt 'Monotype Corsiva', 'Comic Sans MS', Arial, sans-serif;
    color:rgb(134,48,20);
    text-align: center;
}
#offers {
    text-align: center;
}
/* NOTE: When 3 columns are used, widths are 33% 33% 27%, 
         promotions margin is .2em 0 0 0
         promotions height is 130px,
         and the combined .daycareOffer, .boardingOffer, .groomingOffer
         height is 100px. 
         
         Need to remove 'display: none' from .daycareOffer */
.daycareOffer {
    display: none;
    width: 33%; 
    border-right: 2px solid rgb(134,48,20);
}

.groomingOffer {
    width: 45%;
}
.daycareOffer, .boardingOffer, .groomingOffer {
    float: left;
    color: black;
    margin: 4px;
    height: 80px;
}
.daycareOffer .subtitle, .boardingOffer .subtitle, .groomingOffer .subtitle {
    padding-top: 3px;
    color: rgb(134,48,20);
    font: bold 18px Arial;                        
}
.daycareOffer .content, .boardingOffer .content, .groomingOffer .content {
    font: normal 13px Arial;
    margin: 0 1.3em;
    padding: 0;
}
.video {
	padding-bottom: 1em; 
	margin-left: .5em;

}
#party {
    text-align: center;
}

#servicesNote {
	margin-top: 5em;
	font-size: 7pt;
}
#canineSpecial {
	width: 130px;
}