/*  styles to set defaults  */
a:link,
a:visited,
a:active {
color: #333;
text-decoration: none;
}
a:hover {
color: #8d7867;
}
body,div,h1,h2,h3,h4,h5,h6,hr,html,li,ol,p,span,table,td,th,tr,ul {
font-size: 1.0em;
margin: 0;
padding: 0;
}
h1,h2,h3,h4,h5,h6 {
font-family: "Times New Roman", serif;
font-weight: normal;
}
body,div,ol,p,table,td,th,tr,ul {
font-family: "Times New Roman", serif;
}
li, p  {
color: #8d7867;
font-size: 0.8em;
line-height: 1.4em;
letter-spacing: 0.05em;
}
ol, ul  {
margin-left: 1.5em;
}
p, ol, ul  {
padding-bottom: 0.5em;
}
r {
text-align: right;
}
td {
vertical-align: top;
}

/* styles for the viewport */
html {
background: #36211c;
}
body {
margin-left: auto;
margin-right: auto;
text-align: center;
}
#wrapper {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 600px;
}

/* styles for the header */
#header {
/*background: url(images/header_bg.jpg) no-repeat left top;
height: 35px;
margin-left: auto;
margin-right: auto;
width: 600px;*/
}
#logo {
background: url(images/logo.jpg) no-repeat left top;
height: 160px;
margin-left: auto;
margin-right: auto;
width: 600px;
}

/* styles for the main content */
#content {
background: #faf7e7 url(images/paper_bg.jpg) no-repeat center top;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 600px;
}
h1 {
color: #333;
font-size: 1.4em;
font-variant: small-caps;
letter-spacing: 0.1em;
padding-bottom: 0.25em;
padding-top: 1em;
word-spacing: 0.1em;
}
#content ul {
border: 0px solid red;
margin-left: auto;
margin-right: auto;
width: 215px;
text-align: left;
}
* html #content ul {
width: 240px; /* extra width needed for IE */
}
#content ul li {
line-height: 1.8em;
list-style-image: url(images/bullet.gif);
margin-left: 1.5em;
}
* html #content ul li {
padding-left: .75em; /* spacing between the bullets and text for IE */
}
#divider {
background: url(images/wings.gif) no-repeat center bottom;
clear: both;
height: 30px;
}

/* styles for the thumbnails */
.clear {
clear: both;
}
.thumbs {
border: 0px solid red;
text-align: center;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
width: 87%;
}
* html .thumbs {
width: 87%; /* extra width needed for IE */
}
.thumbs div {
float: left;
margin: 1px;
}
.thumbs div a:link,
.thumbs div a:visited,
.thumbs div a:active {
border: 1px solid #36211c;
display: block;
height: 100px;
width: 100px;
}
div#t1 a:link,
div#t1 a:visited,
div#t1 a:active {
background: url(images/t1gs.jpg) no-repeat center;
}
div#t1 a:hover {
background: url(images/t1.jpg) no-repeat center;
}
div#t2 a:link,
div#t2 a:visited,
div#t2 a:active {
background: url(images/t2gs.jpg) no-repeat center;
}
div#t2 a:hover {
background: url(images/t2.jpg) no-repeat center;
}
div#t3 a:link,
div#t3 a:visited,
div#t3 a:active {
background: url(images/t3gs.jpg) no-repeat center;
}
div#t3 a:hover {
background: url(images/t3.jpg) no-repeat center;
}
div#t4 a:link,
div#t4 a:visited,
div#t4 a:active {
background: url(images/t4gs.jpg) no-repeat center;
}
div#t4 a:hover {
background: url(images/t4.jpg) no-repeat center;
}
div#t5 a:link,
div#t5 a:visited,
div#t5 a:active {
background: url(images/t5gs.jpg) no-repeat center;
}
div#t5 a:hover {
background: url(images/t5.jpg) no-repeat center;
}
div#t6 a:link,
div#t6 a:visited,
div#t6 a:active {
background: url(images/t6gs.jpg) no-repeat center;
}
div#t6 a:hover {
background: url(images/t6.jpg) no-repeat center;
}
div#t7 a:link,
div#t7 a:visited,
div#t7 a:active {
background: url(images/t7gs.jpg) no-repeat center;
}
div#t7 a:hover {
background: url(images/t7.jpg) no-repeat center;
}
div#t8 a:link,
div#t8 a:visited,
div#t8 a:active {
background: url(images/t8gs.jpg) no-repeat center;
}
div#t8 a:hover {
background: url(images/t8.jpg) no-repeat center;
}
div#t9 a:link,
div#t9 a:visited,
div#t9 a:active {
background: url(images/t9gs.jpg) no-repeat center;
}
div#t9 a:hover {
background: url(images/t9.jpg) no-repeat center;
}
div#t10 a:link,
div#t10 a:visited,
div#t10 a:active {
background: url(images/t10gs.jpg) no-repeat center;
}
div#t10 a:hover {
background: url(images/t10.jpg) no-repeat center;
}

/* styles for the footer */
#footer {
background: #faf7e7 url(images/footer_bg.jpg) no-repeat center top;
height: 100px;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 600px;
}
* html #footer {
width: 601px; /* extra width needed for IE */
}
#footer p,
#header p,
.thumbs div {
font-size: .7em;
font-variant: small-caps;
}
#footer p {
padding-top: 60px;
}
#header p {
padding-top: 15px;
}
.thumbs div p {
font-size: 1em;
padding-top: 5px;
}