body { /* this is the entire page */
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin:20px 0 0 0;
padding:0 0 0 0;
}
p {
margin-bottom:10px;
line-height:1.5em;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

ul, ol {
margin:0 0 12px 0;
padding:0;
}

li {
margin:0 0 5px 15px;
padding-left:15px;
font-size:1em;

}

a {
color:#6E312A;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}

.hl {
background:#ffff00;
}

#container { /* this is the holder for the page content */
width: 748px;
border: 1px solid #cccccc;
background-color: #ffffff;
padding: 10px; /* pad the content a little */
font-size:1em;
color:#000000;
margin: 0px auto; /* this centers the container */
}
#header { /* this affects the whole header */
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
padding: 30px 20px;
background-color: #cccccc;
}
#header h1 { /* this only affects any h1 tags within the header */
margin: 0; /* remove extra margin from h1 */
padding: 0; /* remove extra padding from h1 */
border-bottom: 1px dotted #ffcc66; /* bottom border of header */
font-weight: normal; /* remove bold from h1 tag */
font-size: 3.2em;
line-height: 1.1em;
color: #9C291D;
text-align: center; /* center the text */
}

/* Center Content Column */

#container h2 {
margin:0 0 5px 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.2em;
color:#9C291D;
}

#container h3 {
margin:0 0 5px 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
line-height:1.2em;
color:#2C2C2C;
}

#container h3.center {
text-align:center;
}

#container h3.red {
color:#9C291D;
}

#container img.left {
padding: 3px;
margin: 0.5em 15px 0.5em 0;
border: 3px double #bbb;
float: left;
clear: left;
}

#container img.right {
padding: 3px;
margin: 0.5em 0px 0.5em 15px;
border: 3px double #bbb;
float: right;
clear: right;
}

#container blockquote {
font-size: 1.2em;
line-height:1.5em;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
color: #555;
margin: 0 30px 1.5em 30px;
padding: 0 0 0 10px;
}

#container ul, ol {
margin:0 0 12px 0;
padding:0;
list-style-type:disc;
}

#container li {
margin:5px 0 0 0;
padding-left:15px;
list-style-position: inside;
/* list-style:none; Remove to see what bullets do */
background-image: none;
background-position:0;
background-repeat:no-repeat;
font-size: 1em;
line-height:1.5em;
color:#454545;
/* color:#6E312A; remove color to try 454545 */
}

/* Bonus Container */
#bonuscontainer {
width:648px;
margin:20px auto;
padding:10px;
border: 1px solid #cccccc;
background-color: #cccccc;
}

/* Order Container */
#ordercontainer {
width:648px;
margin:20px auto;
padding:10px;
border: 1px solid #cccccc;
}

#ordercontainer h2 {
margin: 0; /* remove extra margin from h2 */
padding: 0; /* remove extra padding from h2 */
font-weight: bold; /* remove bold from h1 tag */
font-size: 2em;
line-height:1.5em;
color: #ffffff;
background-color:#FF0000;
text-align: center; /* center the text */
}

#ordercontainer h3 {
text-align:center;
}

#ordercontainer p {
margin:10px;
font-size:1.2em;
line-height:1.5em;
text-align:center;
}

#ordercontainer img.center {
display: block;
margin: 30px auto;
}

/* Footer */
#footer {
margin:30px 0 10px 0;
padding:0;
width:748px;
height:100px;
background-image:url(image-files/footer-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#footer p {
margin:0;
padding:0 150px 0 0;
line-height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#454545;
text-align:right;
}

#footer a {
color:#9C291D;
text-decoration:none;
}

#footer a:hover {
color:#999999;
text-decoration:underline;
}