html { background-color: #000000; padding: 15px 0px; }
.content { background-color: #FFFFFF; padding: 15px 25px; }
.content .footer { text-align: center; margin-top: 25px; padding-top: 10px; 
  border-top: 1px dashed #CCCCCC; color: #666666; }
.sidebar { text-align: right; }

h1, h2, p, ul { margin-bottom: 15px; }
h1, h2 { text-align: center; }
h1 { font-size: 227%; font-weight: bold; font-family: Verdana; color: #CC0000; }
h2 { font-size: 169.3%; font-weight: bold; color: #CC0000; }
h2.black {color: #000000;}
h3 { font-size: 123.1%; font-weight: bold; }
p, ul, th, td, blockquote { font-size: 108%; line-height: 120%; }
ul { margin-left: 25px; }
li { margin-bottom: 5px; list-style-type: square;  }
h1 em, h2 em { font-weight: bold; font-style: italic; }
em { font-style: italic; }
strong { font-weight: bold; }
blockquote { margin-left: 25px; margin-bottom: 15px; }

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }
* html .clear {height: 1%;}

p.note { margin-left: 25px; margin-right: 25px; font-style: italic; }
p.message { font-weight: bold; font-style: italic; text-align: center; }
p.last { margin-bottom: 0px; }
  
th span.hint { font-weight: normal; }
span.quote {color: #0000FF; font-weight: bold; font-size: 123.1%; }

div.image { text-align: center; margin: 25px 0px 15px; }
div.image div.caption { font-size: 93%; font-weight: bold; margin-top: 10px; }

div.video { text-align: center; margin: 25px 0px 15px; }
div.video object { margin: 0 auto; }

.box { background-color: #FFFFCC; border: 4px solid #660000; margin: 15px 25px; padding: 15px; }
.box ul { margin-left: 15px; }
.box li { margin-bottom: 10px; }

.order-box { border: 4px dashed black; margin: 25px 75px 15px; padding: 10px 15px 15px; }

.navigation { padding: 15px 0px; border-top: 1px solid #808080; }
.navigation-home { border-top: none; }
.navigation h4 { font: bold 108% verdana; color: #FFFFFF; }
.navigation h4 a { color: #FFFFFF; }
.navigation p { font-size: 93%; color: #CCCCCC; margin-bottom: 0px; margin-top: 5px; }

#logos { margin-top: 15px; }
#logos p { color: #FFFFFF; font-size: 93%; margin-bottom: 5px; }

table.listing { border: 1px solid #CCCCCC; margin-bottom: 15px; }
table.listing th { background-color: #FFFFCC; }
table.listing th, table.listing td { padding: 5px; text-align: center; }
table.listing th.first, table.listing td.first { text-align: left; }

form { margin: 15px 0px; }
form fieldset { margin-bottom: 15px; }
form fieldset legend { font-weight: bold; margin-bottom: 15px; }
form fieldset dt { margin-bottom: 5px; text-align: left; }
form fieldset dd { margin-bottom: 5px; margin-left: 15px; text-align: left; }
form fieldset dt.optional { font-style: italic; color: #666666; }
form input, form select, form textarea { font: normal 100% arial; }
form input {  }
form textarea { width: 300px; height: 50px; }
div.submit { padding: 5px 15px; text-align: center; background-color: #F7F7F7; }

div.errorExplanation { margin: 15px 0px; padding: 10px; background-color: #FFCCCC; 
  border: 1px solid #FF0000; }
div.errorExplanation * { font-weight: normal; font-family: arial; color: black; }
div.errorExplanation h2 { font-size: 138.5%; }
div.errorExplanation ul { margin-left: 15px; margin-bottom: 0px; }
div.errorExplanation ul li { list-style-type: square; margin-bottom: 0px;  }

div.flash-notice { padding: 5px 15px; background-color: #CCFFCC;
  border: 1px solid #00FF00; margin-bottom: 15px; }
div.flash-warning { padding: 5px 15px; background-color: #FFCCCC;
  border: 1px solid #FF0000; margin-bottom: 15px; }