@charset "utf-8";

html {
height: 100%;
}

body { 
text-align: center; 
background: url(yellow.jpg) repeat;
margin: 0px;
padding: 0px; 
height: 100%;
}

img {
border: none;
}

#wrapper { 
margin: 0px auto; 
width: 924px; 
height: 100%;
}

#header {
text-align: left;
padding: 0px 55px 0px 45px;
height: 120px;
background: url(papertop.png) no-repeat;
}

#header2 {
height: 100px;
background: url(papertop2.png) no-repeat;
}

.headline {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
color: #663300;
letter-spacing: -2px;
float: left;
}

.contact { 
color: #663300; 
font-family: "lucida sans", "lucida grande", verdana, arial, sans-serif; 
font-size: 13px;
font-weight: bold;
line-height: 18px;
float: right;
text-align: right;
}

.contact a:link, .contact a:visited, .contact a:active  { 
color: #663300; 
text-decoration: underline; 
}

.contact a:hover { 
color: #ff7900;
text-decoration: underline;
}

#thumbs {
background: url(papermiddle.png) repeat;
}

.text1 {
padding: 3px;
color: #663300;
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold;
}

.text1 a:link, .text1 a:visited, .text1 a:active {
color: #663300;
text-decoration: underline;
}

.text1 a:hover {
color:   #ff7900;
text-decoration: underline;
}

.preview img {
background-color: #f3ede3;
border: 1px solid #cccccc;
padding: 3px; 
}

.preview img:hover {
background-color: #ff7900;
border-color: #cccccc;
}

.thumbname {
color: #663300; 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px;
}

#footer {
background: url(paperbottom.png) no-repeat;
height: 65px;
}

#buttons {
height: 50px;
width: 170px;
margin: 0px auto;
}

#prev {
background-image: url(previous.png);
background-repeat: no-repeat;
background-position: 0 -50px;
width: 50px;
height: 50px;
float: left;
}

#index {
background-image: url(index.png);
background-repeat: no-repeat;
background-position: 0 -50px;
width: 50px;
height: 50px;
float: left;
margin-left: 8px;
}

#next {
background-image: url(next.png);
background-repeat: no-repeat;
background-position: 0 -50px;
width: 50px;
height: 50px;
float: left;
margin-left: 8px;
}

#buttons #prev:hover, #buttons #next:hover, #buttons #index:hover {
background-position: 0 0;
}

#main_content {
width: 924px;
margin: 0px auto;
clear: both;
background: url(papermiddle.png) repeat;
}

#caption {
width: 500px;
margin: 0px auto;
text-align: left;
clear: both;
}

.caption { 
color: #000000; 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 12px; 
}

.center {
margin: 0px auto;
}