html, body { height: 100%; }
body { margin: 0; padding: 0; color: #4b473d; text-align: center; background: url(img/bg.jpg) repeat-x center -165px; }

#wrapper { width: 900px; min-height: 100%; text-align: left; margin: 0 auto -165px; background: url(img/bg_mike_fornes.jpg) no-repeat right 35px; }
#header { width: 900px; height: 105px; padding: 67px 0 68px; }
#content { float: left; width: 550px; padding: 0 0 1.125em 2px; }
#side { float: right; width: 300px; padding: 110px 0 0 0; }
#books { width: 900px; clear: both; }
#push { height: 165px; clear: both; }
#sock { clear: both; height: 165px; width: 100%; margin: 0; background: url(img/bg.jpg); }
#footer { width: 900px; margin: 0 auto; text-align: left; }

#nhl #wrapper { background: url(img/bg_nhl_announcer.jpg) no-repeat right 35px; }
#ef #wrapper { background: url(img/bg_ef.jpg) no-repeat right 35px; }

a { color: #a11300; }
a:hover { color: #2c5f5a; }

h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-bottom: 0.125em; color: #2c5f5a; }
h1 { font-size: 2.5em; }
h2 { font-size: 1.5em; }

p, address, ul { font: normal 1em/1.5em Arial, Helvetica, sans-serif; margin-top: 0; }
address { margin: 0 0 1em; }
ul { margin-left: 0; padding-left: 1.5em; }

img { border: 0; }
.sm { font-size: 75%; }
.ctr { text-align: center; }
.speaker { font-size: 80%; text-align: center; margin-top: 1em; }
h1.title { line-height: 0.9375em; }
h1 span.sub-title { font-size: 0.666em; color: #444; }

#nav { float: left; margin: 0; padding:40px 0 20px; list-style: none; font:1em/30px Georgia, "Times New Roman", Times, serif; color: #cac3a2; }
#nav li { float: left; margin: 0; padding: 0; }
#nav li span { padding: 0 8px; }
#nav li a { text-decoration: none; color: #cac3a2; }
#nav li a:hover { color: #a11300; }

#books ul { float: left; margin: 0 0 1em; padding: 0; list-style: none; }
#book1, #book2, #book3, #book4, #book5, #book6,#book7 { float: left; width: 280px; margin: 0 30px 0 0; padding: 0; background: url(img/it-happened-on-the-mackinac-bridge-book.jpg) no-repeat center top; text-align: center; }
#book2 { background: url(img/grand-hotel-book.jpg) no-repeat center top; }
#book3 { background: url(img/mackinac_bridge_images.jpg) no-repeat center top; margin-right:0; }
#book4 { background: url(img/uscgc_mackinac.jpg) no-repeat center top; }
#book5 { background: url(img/wlbb-30.jpg) no-repeat center top; }
/* #book6 { background: url(img/the-legend-lives-on-book.jpg) no-repeat center top; margin-right: 0;} */
#book7 { background: url(img/hockey_scorebook.jpg) no-repeat center top; margin-right:0; }

#books ul li p { padding: 0; margin: 0; font: 1em/1.375em Georgia, "Times New Roman", Times, serif; color: #23251d; }
#books ul li p a { display: block; text-decoration: none; height: 80px; padding: 220px 0 0; color: #23251d; }
#books ul li p a span.title { font-size: 1.25em; color: #a11300; }
#books ul li p a:hover span.title { color: #2c5f5a; }

ul.book-list { margin:0.25em 0 1em; padding: 0; }
ul.book-list li { margin-left: 1.125em; padding: 0 0 0.25em 0; }
ul.book-list li a { color: #2c5f5a; }
ul.book-list li a:hover { color: #a11300; }

#announcer { float: right; width: 164px; margin: 0.25em 0 1em 1.5em; }
#announcer p { margin: 0; font-size: 0.6875em; color: #666; text-align: center; font-style: italic; }

#footer p { color: #7a786d; }
#footer p.copyright { font-size:0.6875em; line-height:1em; margin:0; clear:both; }
#footer p.copyright a { color:#7a786d; text-decoration: none; }
#footer p.copyright a:hover { color: #a11300; text-decoration: underline; }

.alignright{float: right;margin: 0 0 1.5em 1.5em;}