#bodywide {background: #F5FFD2 url("images/bkgwide.gif") top left no-repeat; text-align: center; font: 100%/1.125em Georgia, serif;}

#wrap {margin: 0 0 0 180px; padding: 0; text-align: left; font-size: .8em;}
#content {margin: 0 0 0 14em; padding: 65px 0 0; background: url("images/title.gif") top left no-repeat;}
#footer {clear: left; float: left; margin: 2em auto; padding: 0; height: 80px;}
#footer img {float: left; margin: 0 5px;}

#content h1 {font-size: 1.25em; text-transform: uppercase; margin-bottom: 30px;}

#cardmenu {float: left; margin: 9em 0 0 0; padding: 0; text-align: left; list-style: none;}
#cardmenu .cardcategory {text-transform: uppercase; margin-top: .5em;}
#cardmenu ul {margin-left: 5px; padding: 0; list-style: none; text-transform: none;}

.cardpic {float: left; width: 175px; padding: 0; margin: 0 10px 15px; height: 11.5em;}
.cardpic img {border: none; width: 167px; height: 93px; margin: 0 auto; display: block;}
.cardpic p.cardtitle {font-weight: bold; text-align: center; margin: 3px 0 0; padding: 0;}
.cardpic p.cardtitle a, .cardpic p.cardtitle a:visited {color: #000;}
img {border: none;}

#cardinfo {width: 500px;}
#cardinfo h2 {text-transform: uppercase; color: #4d380b; font-size: 1em; margin: 10px 0 0; padding: 0; float: left;}
#cardnumber {text-transform: uppercase; color: #AABF5F; font-size: .85em; margin: 10px 0 0; padding: 0; float: right;}
#cardtext {clear: right; font-style: italic; margin: 0 5px 0;}
#etsy {float: right;}

a:link, a:visited {color: #5F7F27; text-decoration: none;}
#content a:hover {text-decoration: underline;}

hr {clear: both; border: 0;}