* { margin: 0; outline: none; padding: 0; }
body { background: #000; margin: 10px; }

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form, input, textarea { font-family: tahoma, verdana, arial, sans-serif; font-size: 12px; }
p { color: #FFF; line-height: 16px; margin: 10px 0; }
blockquote { margin: 10px 40px; padding: 0; }
#content ul { color: #FFF; list-style: disc; margin: 10px 15px; }
#content ul li { margin: 10px 0; }
#footer p { font-size: 11px; margin: 5px 0; }
#footer p.identity { font-size: 12px; margin: 10px 0; }
#footer div.hr { background: #000 url(../images/footer-line.jpg) no-repeat; height: 3px; margin: 0 auto 20px; padding: 0; width: 875px; }
#footer div.hr hr { display: none; }
#raw { color: #FDD017; font-size: 14px; }
.cost { margin: 0px; }
div.hr { background: #FDD017; height: 1px; margin: 20px 0; padding: 0; width: 100%; }
div.hr-small { background: #FDD017; height: 1px; margin: 20px 0; padding: 0; width: 647px; }
div.hr hr, div.hr-small hr { display: none; }



/* - - - LINKS - - - */
a { color: #FDD017; font-weight: bold; }

/* - - - HEADERS - - - */
h1 { color: #FFF; font-family: tahoma, verdana, arial, sans-serif; font-size: 14px; margin: 10px 0; }
h2 { color: #FFF; font-family: tahoma, verdana, arial, sans-serif; font-size: 12px; margin: 10px 0; }

/* - - - - - - - - - - FORMS - - - - - - - - - - */
input { background: #FFF; border: none; height: 15px; padding: 5px; width: 200px; }
textarea { background: #FFF; border: none; height: 100px; overflow: auto; padding: 5px; resize: none; width: 450px; }
#content ul.form { list-style: none; margin: 20px 0; }
#content ul.form li { margin-bottom: 10px; }
.error { color: #FDD017; font-weight: bold; }
.reset { background: #000; border: 1px solid #FDD017; color: #FFF; cursor: pointer; height: 30px; padding: 5px; text-align: left; width: 100px; }
.send { background: #FDD017; border: 1px solid #FDD017; color: #000; cursor: pointer; height: 30px; padding: 5px; text-align: left; width: 225px; }
.success { color: #FFF; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
img.center { clear: both; margin: 30px auto; }
img.book { background: #000; clear: right; float: right; margin: 0 0 20px 20px; }
img.da-button { float: right; }

/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
#container { background: url(../images/content-bg.jpg) repeat-y; margin: 0 auto; width: 985px; }
#content { clear: both; padding: 10px 55px; margin: 0 auto; width: 875px; }
#header { background: url(../images/header-bg.jpg) no-repeat top; clear: both; height: 163px; padding-top: 54px; width: 985px; }
#header a { background: url(../images/header.jpg) no-repeat; display: block; height: 163px; margin: 0 auto; overflow: hidden; text-indent: -9999px; width: 875px; }
#flash-prosecution-of-bush-video { float: left; height: 326px; margin: 20px 20px 20px 0; width: 400px; }
#flash-bugliosi-etheredge-video { height: 431px; margin: 20px 0; width: 540px; }
#flash-bugliosi-video { float: left; height: 266px; margin: 20px 20px 20px 0; width: 320px; }
#footer { background: url(../images/footer-bg.jpg) no-repeat bottom; clear: both; padding-bottom: 40px; text-align: center; width: 985px; }
.columns { clear: both; }
.flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }

/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
#navigation { background: url(../images/nav/bg.jpg) no-repeat; clear: both; height: 60px; margin: 0 auto; width: 875px; }
#navigation ul { list-style: none; margin: 0 64px 0 72px; width: 739px; }
#navigation li { float: left; }
#navigation a { display: block; height: 60px; overflow: hidden; text-indent: -9999px; }

/* - - - NAVIGATION IMAGES - - - */
a#the-mission { background: url(../images/nav/the-mission.jpg); width: 110px; }
a#cover-letter { background: url(../images/nav/cover-letter.jpg); width: 118px; }
a#the-book { background: url(../images/nav/the-book.jpg); width: 88px; }
a#the-da-list { background: url(../images/nav/the-da-list.jpg); width: 110px; }
a#the-petition { background: url(../images/nav/the-petition.jpg); width: 113px; }
a#contact { background: url(../images/nav/contact.jpg); width: 79px; }
a#links { background: url(../images/nav/links.jpg); width: 59px; }
a#home { background: url(../images/nav/home.jpg); width: 62px; }

/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#navigation ul a:hover, #navigation ul a.active { background-position: 0 -60px; }