/* CSS Document */

html, body {background: url(../images/bkg.gif) top repeat-x #fff;}
body {width: 340px; margin: 0 auto; padding: 0; text-align: center; font-size: 70%;}
#container {width: 340px; text-align: left;}
.hide, h1 {display: none;}
img {margin: 60px 0 1em 0;}
h2 {margin: 1.5em 0 2em 0; padding: 0 0 0.2em 0; font: 1.3em arial, helvetica, sans-serif; text-transform: uppercase; color: #666; letter-spacing: 0.2em; background: url(../images/dotted-underline.gif) bottom repeat-x;}
p {margin: 0.6em 0 1.5em 0; padding: 0 0 0.2em 0; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #888; line-height: 1.7em;}
#credits {margin: 8em 0 0 0; padding: 0.1em 0 0 0; background: url(../images/dotted-underline.gif) bottom repeat-x;}
#credits p {font-size: 0.8em !important; background: url(../images/dotted-underline.gif) top repeat-x; line-height: 2em; color: #ABABAB;}

a {color: #8A7721; text-decoration: none; background: url(../a-link.gif);}
a:visited {color: #8A7721; text-decoration: none; background: url(../a-visited.gif);}
a:hover {color: #8A7721; text-decoration: none; background: url(../images/a-hover.gif) center bottom no-repeat;}

#credits a {color: #A8AA85; text-decoration: none; background: url(../a-link.gif);}
#credits a:visited {color: #A8AA85; text-decoration: none; background: url(../a-visited.gif);}
#credits a:hover {color: #A8AA85; text-decoration: none; background: url(../images/a-hover.gif) center bottom no-repeat;}