body{
background: #c69e6d;
text-align: center; padding-top: 10px; margin: 0 auto;
color: black; font: 10pt comic sans ms, arial; 
scrollbar-base-color: #decfac;
scrollbar-track-color: #d8c79e}

#container{
background-image: url(images/bckgr-body.jpg); background-repeat: no-repeat;
position: relative; width: 975px; margin: 0 auto; height: 675px; text-align: left;}

div{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

#leftalign{text-align: left}

#rightalign{width: 946px; text-align: right}

#column-left{
position: absolute; left:0px; top: 0px; width: 340px; height: 552px; vertical-align: bottom; text-align: left;
margin-left: 0px; padding: 0px;
Z-index: 3} 

#logo{
background: url(images/logo.gif) no-repeat left bottom; 
width: 350px; height: 98px; vertical-align: bottom; text-align: left}

#menu{
background: url(images/bckgr-menu.jpg) no-repeat left bottom; 
height: 455px; width: 350px; text-align: left; 
padding-top: 0px; padding-left: 110px; 
font: 13pt comic sans ms, arial; color: black;
}

#column-right, #column-right1{
position: absolute; left: 330px; top: 87px; width: 645px; height: 465px; 
padding: 25px 10px 0px 10px;
text-align: left;
overflow: auto}

#column-far-right{
position: absolute; left: 990px; top: 87px; 
text-align: left; overflow: auto} 

#column-right1{
padding-top: 2px;
}

#title{
position: absolute; left: 340px; top: 60px}

#foto-canvas{
position: absolute; left: 330px; top: 10px; width: 645px; height: 500px; 
}

#foto{
width: 133px; height: 180px; padding: 7px; 
font: 8pt; text-align: center; float: left;
}

.mybutton{
background: #decfac} 	

.myfield{
background: #eee7d5} 	

.uneditable{
background: #e1c08b; text-align: right}
 	
table{
color: black; font: 10pt comic sans ms, arial}

td {height: 26px}

#title-corner{
position: absolute; left: 870px; top: 10px}

#shop{
width: 250px; display: block; background-color: #6e361f;
padding: 7px; 
font: 10pt comic sans ms, arial; color: #decead;
z-index: 3;
border-right: 2px solid #542b18;
border-left: 1px solid #c69e6d;
}

#circles{
background: url(images/bckgr-circles.jpg) no-repeat left bottom; width: 200px; height: 60px; padding-top: 20px; padding-left: 25px} 

#arrow1{
background: url(images/bckgr-arrow-down.jpg) no-repeat right bottom; height: 60px} 

h1,h2{
display: inline;
color: #decfac; font: 14pt comic sans ms, arial; 
letter-spacing: 2px; font-weight: normal; font-style: normal}

h2{
color: black}

div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000; left: -1000px; top: -1000px;
background: #cca677;
color: black;
padding: 3px;
width: 250px;}

#loadarea{
width: 620px; height:550px;  
vertical-align: middle; text-align: left; z-index: 2}

#loadarea image{
border: 2px solid #decfac; 
}

#mask{
background: #decead;
border: 2px solid #decfbc}

a{
COLOR: #a9040b;
TEXT-DECORATION: none}

a:hover{
COLOR: #70899F} 

#copy{
position: absolute; top: 570px; text-align: left; padding-left: 20px;
color: #fff2cc; font: 8pt arial, sans-serif; text-decoration: none; letter-spacing: 1px; z-index: 0}

#copy a{letter-spacing: 4px;}

#off-screen
{display: none;}