body {
color: #000;
font-family:  trebuchet ms, arial, sans-serif;
font-size: 80%;
margin: 0;
padding: 0;
width: 100%;
background: #858585;
text-align: center;
}

html {
text-align: left;
}

a {
color: #666;
text-decoration: none;
font-size: 1.2em;
font-weight: bold;
}

a:visited {
color: #666;
}

a:hover {
color: #fff;
text-decoration: underline;
}

a:active {
color: #ccc;
}

a img {
border: none;
}

a:hover img {
border: solid 2px #ccc;
}

a.current, a:visited.current {
color: #fff;
text-decoration: underline;
}

h1 {
font-size: 1.5em;
font-weight: normal;
text-align: left;
}

h2 {
font-size: 1.4em;
font-weight: normal;
text-align: left;
}

h3 {font-size: 1.3em;
font-weight: bold;
text-align: left;
}

h4 {font-size: 1.2em;
font-weight: bold;
text-align: right;
}

p {
margin-top: 0;
text-align: left;
line-height: 1.3em;
font-size: 1.2em;
}

/* text decoration */

.ital {
font-style: italic;
}

.bold {
font-weight: bold;
}

.small {
font-size: 0.9em;
}

#container {
margin: 0;
padding: 0 0 5px 0;
width: 100%;
min-height: 490px;
background: #b3b3b3 url(images/bodybg.gif) top left repeat-x;
}

#content {
position: relative;
margin: 0 auto;
padding: 20px 0 0 0;
width: 1011px;
background: url(images/face.gif) 851px 0px no-repeat;
}

#drawcontent {
position: relative;
margin: 0 auto;
padding: 20px 0 0 0;
width: 1011px;
}

#mainnav {
position: absolute;
top: 0;
left: 0;
width: 211px;
min-height: 468px;
text-align: center;
background: url(images/navbg3.gif) top left no-repeat;
}

#mainnav ul {
list-style: none;
margin: 90px 0 0 7px;
padding: 0;
}

#mainnav ul li {
display: block;
margin: 0;
padding: 2px 0;
}

#mainnav ul li.current {
border-bottom: dashed 1px #ccc;
}

#wall {
position: relative;
margin: 0 0 20px 209px;
padding: 0;
width: 800px;
min-height: 600px;
}

#control {
position: absolute;
top: 440px;
left: 25px;
width: 171px;
height: 77px;
padding: 0;
}

#text {
margin: 20px 0 20px 0px;
padding: 40px 20px;
width: 600px;
min-height: 320px;
text-align: left;
background: #d9d9d9;
border: 1px solid #949494;
}

#text a{
font-family: arial, helvetica, sans-serif;
color: #000;
font-size: 1em;
font-weight: normal;
text-decoration: underline;
}

#text a:hover, #text a:visited, #text a:active {
color: #666;
}

#text ul {
list-style: none;
margin: 0 0 20px 0;
padding: 0;
text-align: left;
}

#text ul li {
border-left: solid 2px #b6a5a5;
margin: 5px 0 5px 0;
padding: 0 0 0 10px;
}

#footer {
margin: 0;
padding: 0;
width: 100%;
min-height: 152px;
background: #858585 url(images/bottombg.gif) top left repeat-x;
}

#footer p {
padding-top: 20px;
text-align: center;
}

#thumbs {
margin: 0;
padding: 20px 0 12px 0;
width: 100%;
height: 76px;
overflow: hidden;
background: url(images/thumbbg.gif) top left repeat-x;
}

#thumbs .thumbnail{
float: left;
cursor: pointer;
background-position: center left;
}