* {margin: 0; padding: 0;}
body {margin: 0; padding: 0; text-align: center; margin: 0 auto 0 auto; font: normal 14px verdana, arial, sans-serif; 
color: black; background-color: #EEEEEE;}
h1 {padding: 0; margin: 0; font-size: 115%; font-weight: bold;}
h3 {padding: 0; margin: 0; font-size: 95%; font-weight: bold;}
p {padding: 0; margin: 5px 20px 0 20px; font-size: 90%;}
li {font-size: 90%;}
span {padding: 0; margin: 0; font-size: 95%; font-weight: bold;}



#container {width: 800px; margin: 0 auto 0 auto; border: 1px solid black; background-color: white; clear: both;}
#header {width: 800px; height: 77px; margin: 0; padding: 0; background: url(../images/jpg/hdtoplayer.jpg) no-repeat;}
#header h1 {text-align: right; padding: 20px 20px 0 0;}
#header h3 {text-align: right; padding: 2px 20px 0 0;}
#imgbanner {width: 800px; height: 61px; float: left; margin: 18px 0 0 0; background: url(../images/jpg/hdbottomlayer.jpg) no-repeat;}
#imgbanner img {float: left; margin: 1px 0 0 1px;}
#navigation {width: 540px; height: 30px; margin: -26px 0 0 0; float: right; clear: both;}
#navigation ul {list-style-type: none; }
#navigation li {float: right; width: 85px; height: 25px; margin: 0 1px 0 0; padding: 0 0 0 4px; background: url(../images/gif/button.gif) top left no-repeat; }
#navigation a {height: 20px; color: black; font-weight: bold; font-size: 12px;  padding: 5px 0 0 0;
text-decoration: none; display: block; background: url(../images/gif/button.gif) top right no-repeat;   }
#pagebox {width: 800px; min-height: 1000px; height: 100%;}
#leftcolumn {width: 165px; height: 600px;  float: left;}
#middlecolumn {width: 450px; float: left; text-align: left; }
#middlecolumnC {width: 600px;  padding: 20px 0 0 0; float: left; }
#middlecolumnS {width: 625px;  margin: 0 auto 0 auto; padding: 20px 0 0 0; height: 2200px; background-color: white;}
#terms {height: 850px; margin: 20px 0 0 0; text-align: left; overflow: auto;}
#terms ol {list-style-type: upper-alpha; padding: 3px 5px 3px 50px; font-weight: normal; font-size: 89%;}

#middlecolumn ul {margin: 10px 0 0 20px;}
#middlecolumnb li {float: left; margin: 5px 0 5px 5px; text-align: left;}

#middlecolumn h1, #middlecolumnB h1 {margin: 20px 20px 0 20px;}
#middlecolumn h3, #middlecolumnB h3 {margin: 10px 0 0 20px;}
#rightcolumn {width: 165px; float: right; clear: right; border: 1px solid white;}
#copyright {width: 800px; height: 50px; text-align: left; border-top: 1px solid black; padding: 3px 0 5px 0;}
#copyright p {margin: 2px 0 2px 4px; font-size: 85%;}
#sitemap {width: 800px; }
#sitemap ul {width: 800px; margin: 0 auto 0 auto; padding: 0; list-style-type: none; height: 18px; text-align: left;}
#sitemap li {float: left; height: 41px; font-size: 80%; padding: 5px 4px 0 4px; text-align: left;}

#chapterPick {width: 145px; float: left; margin: 5px 0 0 10px; background: url(/images/gif/placard-left.gif) top left no-repeat; text-align: left;}
#chapterPick img {float: left; margin: 10px 0 0 10px; padding: 0 10px 0 0;}
#chapterPick h2 {background: url(/images/gif/placard-righttop.gif) top right no-repeat; padding:15px; margin: 0; font: bold 13px verdana, arial, sans-serif;}
#chapterList {background: url(/images/gif/placard-rightborder.gif) top right repeat-y; margin:0; margin-top:-2em; padding:15px;}
#chapterList ul { margin: 10px 0 0 10px; padding: 0; list-style: none;}
#chapterList li {height: 30px; padding: 0; margin: 2px 0 2px 0; font: 12px verdana, arial, sans-serif; border-bottom: 1px dashed #ccc;}
#chapterList a {text-decoration: none; padding: 0 0 0 5px; display: block;}
#chapterList a:hover {background-color: #FDFDFD; display: block;}
#chapterLine {background: url(/images/gif/placard-leftbottom.gif) bottom left no-repeat; margin: 0 0 0 0;}
#chapterLine p {background: url(/images/gif/placard-rightbottom.gif) bottom right no-repeat; padding: 0 0 10px 0;
  margin: 0 0 0 0; text-align: center; font: bold 13px verdana, arial, sans-serif;}
#scroll {height: 100px; overflow: auto;}

#pitch {margin: 0 0 0 10px; }
#pitch h1 {text-align: center; color:red; font-size: 170%; padding: 10px 0 20px 0;}
#pitch h2 {text-align: center; color:red; font-size: 115%; padding: 10px 0 20px 0;} /* RJL */
#pitch h3 {text-align: center; color:black; font-size: 115%; padding: 10px 0 20px 0;} /* RJL */
#coupon {width: 450px; height: 820px; margin: 0 auto 0 auto; border: 3px dashed black; background-color: rgb(255, 255, 204); }
#coupon h2 {padding: 20px 0 20px 0; font-size: 170%; text-align: center;}
#coupon h3 {padding: 10px 15px 10px 15px; font-size: 120%; text-align: center;}
#coupon p {padding: 20px 0 20px 0; text-align: center; font-size: 80%; font-weight: bold;}
#coupon ul {padding: 10px 10px 10px 20px;}
#coupon li {font-size: 90%; margin: 10px 10px; }
#coupon ul li span {font-weight: bold; background-color: yellow; padding: 1px 1px;} 

#coupon form label {font-weight: bold; width: 200px; float: left; margin: 0 15px 0 30px; text-align: right;}
#coupon form label span {color: red; }
#coupon form input {margin: 0; padding: 0;}
.clearfix {font: 95% verdana, arial, sans-serif; padding: 7px 0px; vertical-align: top; clear: left;}
.clearFix2 {font: 95% verdana, arial, sans-serif; padding: 7px 0px; vertical-align: top; clear: left;}
#button {text-align: center; margin: 20px auto 20px auto;}
#coupon form #button input { width: 75%; padding: 5px 3px; font-weight: bold; border: 2px solid red;}

#coupon2 {width: 450px; margin: 0 auto 0 auto; border: 3px dashed black; background-color: rgb(255, 255, 204); } /* RJL */
#coupon2 p {padding: 20px 0 20px 0; text-align: center; font-size: 80%; font-weight: bold;} /* RJL */