* {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%;}
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; display: none;}
#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 {}
#leftcolumn {width: 165px; float: left;}

#middlecolumn {width: 700px; margin-left: 50px; padding: 10px 0 30px 0;}
#middlecolumn p {text-align: left; font-size: 95%; margin: 15px 0 15px 0;}

#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: 600px; }
#sitemap ul {width: 600px; 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: center;}

#pitch {padding: 40px 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: 20px 0 20px 0;} /* RJL */
#pitch ul {width: 450px; margin: 0 auto 0 auto;}
#pitch li {text-align: left; margin: 10px 10px 10px 10px;}
#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: 2px solid black; background-color: rgb(255, 255, 204); } /* RJL */
.coupon2 p {padding: 5px 0 5px 0; text-align: center; font-size: 95%; font-weight: bold; line-height: 15px;} /* RJL */
.end p {font-size: 110%;}
.end p span {color: red;}
.end ul {margin: 0 0 0 0; padding: 0;}
.end li {list-style-type: square; margin: 0; padding: 0;}