body
{
background-image:url('images/back3.jpg');
background-size: 100%;
background-repeat: no-repeat;

font-family:garamond;
align:left;
color:#A99665;
}

a:link
{
color:#A3B4AC;
}

a:visited
{
color:#AD9964;
}

a:hover
{
color:#5D3110;
}

a:active
{
color:#5D3110;
}

#main
{
background-image:url('images/box.png');
width:600px;
height:300px;
overflow:auto;

border-width:0px 12px;
border-image:url('images/border.png') 0 12 repeat;
-moz-border-image:url('images/border.png') 0 12 round;
-webkit-border-image:url('images/border.png') 0 12 round;

position:absolute;
top:50%;
left:10%;
margin: 0.3em auto;
padding: 15px;
}

.fixedwidth {
width: 550px;
height: auto;
position: relative;
padding: 1px;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position:absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;}

.vscrollerbar {
width: 10px;
background-color: black;}

.hscrollerbase {
height: 10px;
background-color: white;}


.hscrollerbar {
height: 10px;
background-color: black;}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}