body {
   background: #A77;
   margin: 0;
   }

h1 {
   margin: 0;
   }

h2 {
   text-align: center;
   color: #676
   }

#main {
   float:left;
   padding: 10px 30px 0 30px;
   width: 460px;
   color: #333;
   }

.content {
   position:absolute;
      left: 50%;
   width: 720px;
   margin-left: -360px; 
   background: #FFF;
   padding: 0;
   }

#footer {
   clear:both;

   width: 100%;
   height: 135px;
   text-align: center;
   z-index: 1;
   font-size: small;
   color: #666;
   background: url('images/scrollBottom.jpg') no-repeat;
   margin-top: 40px;
   padding-top: 20px
   }

.text p:first-Letter {
   font-size: 300%;
   float: left;
   padding: 0 5px 0 5px;
   margin-right: 3px;
   border: #666 solid 1px;
   background: #676;
   color: #FFF;
   }

#breadCrumbs {
   margin-left: -10px;
   font-weight: bold;
   color: #676;
   }

a {
   font-weight: bold;
   text-decoration: none;
   }

a:link, a:visited {
   color: #676;
   }

a:focus, a:hover, a:active {
   color: #FFF;
   background: #676;
   }

.image {
   padding: 20px;
   background: #676;
   }

.scrollSeparator {
   padding: 20px 105px 20px 105px;
   }

.scrollHeader {
   padding: 0 79px 0 79px;
   margin: 0;
   }

.question {
   font-weight: bold;
   margin-top: 30px;
   margin-bottom: 0;
   color: #666;
   }

.answer {
   margin-top: 0;
   color: #666;
   }

ul {
   list-style: none;
   }

li {
   margin-top: 10px;
   }

table {
   font-size: small;
   }

th {
   padding-bottom: -20px;
   font-size: large;
   text-align: left;
   }

td {
   padding: 10px 2px 10px 2px;
   text-align: left;
   vertical-align: top;
   }

.image {
   width: 300px;
   height: 225px;
   padding: 20px;
   background: #676;
   }

.exampleLeft{
   width: 100px;
   height: 100px;
   padding: 20px;
   background: #676;
   float: left;
   margin-right: 10px;
   border: 0 solid #FFF;
   }

.exampleRight{
   width: 100px;
   height: 100px;
   padding: 20px;
   background: #676;
   float: right;
   margin-left: 10px;
   border: 0 solid #FFF;
   }

.exampleRightLong {
   width: 200px;
   height: 100px;
   padding: 20px;
   background: #676;
   float: right;
   margin-left: 10px;
   border: 0 solid #FFF;
   }

#menu {
   float:right;
   width: 200px;
   height: 470px;
   margin-top: 10px;
   z-index: 2;
   }

#menu h1 {
   font-weight: bold;
   font-size: x-large;
   line-height: 1em;
   color: #676;
   margin: 0;
   padding: 0;
   }

#authorName {
   display: block;
   width: 194px;
   padding: 0 5px 0 0;
   font-size: small;
   color: #676;
   font-weight: bold;
   text-align: right;
   margin-top: -15px;
   padding-right: 20px;
   }

#links {
   height: 470px;
   margin: 20px 0;
   background: url('images/scrollMenu.jpg') no-repeat;
   }

.menuLink {
   display: block;
   width: 188px;
   padding: 1px 0 1px 10px;
   }

#menu a {
   font-weight: bold;
   text-decoration: none;
   }

#menu a:link, #menu a:visited {
   color: #676;
   }

#menu a:focus, #menu a:hover, #menu a:active {
   color: #FFF;
   background: #676;
   }


h3 {
   
margin: 0;
   
padding: 0;
   
font-size: normal;
   
font-weight: bold;
   
color: #676;
   }



.productLeft {
   
display: block;
   
clear: right;
   
padding-top: 20px;
   
color: #666;
   }



.productLeft p {
   
margin: 0;
   }



.productRight {
   
display: block;
   
text-align: right;
   
clear: left;
   
padding-top: 20px;
   
color: #666;
   }



.productRight p {
   
margin: 0;
   }



.thumbnailLeft {
   
width: 100px;
   
height: 100px;
   
padding: 20px;
   
background: #676;
   
float: left;
   
margin-right: 10px;
   
border: 0 solid #FFF;
   }



.thumbnailRight {
   
width: 100px;
   
height: 100px;
   
padding: 20px;
   
background: #676;
   
float: right;
   
margin-left: 10px;
   
border: 0 solid #FFF;
   }



.picture {
   
width: 225px;
   
height: 225px;
   
padding: 20px;
   
background: #676;
   
float: left;
   
margin-right: 15px;
   
margin-bottom: 15px;
   }