body{
padding:0;
margin:0;
background:#fff;
color:#444;
font:75%/1.6  helvetica, trebuchet ms, verdana, sans-serif;
}
		
#container {
width:600px;
\width:620px;
w\idth:600px;
margin:0;
margin-left:auto;
margin-right:auto;
background:#fff url(images/tinshed-bg.gif) repeat-y;
}

#header{
padding:20px 20px 0 20px;
}

#nav {
margin:0 22px;
padding:6px 10px;
background:#333;
font-size:95%;
}

#art {
padding:0 5px;
margin:0 15px;
height:230px;
background-color:#fff;
}

#content {
padding:10px 40px 30px 40px;
margin:5px 15px 0 15px;
background:#fff;
}

#content p{
margin-bottom:20px;
}

#footer {
clear:both;
margin:20px 22px 0 22px;
padding:5px;
background:#333;
color:#999;
}
		
a{
color:#888;
text-decoration:none;
border-bottom: 1px dotted #bbb;
}

a:hover{
color:#000;
border-bottom: 1px solid #333;
}

#nav a{
color:#ddd;
padding:4px 8px;
background:#333;
border:none;
}

#on a{
color:#fff;
text-decoration:none;
padding:4px 8px;
background:#555;
}

#nav a:hover{
color:#000;
background:#ccc;
text-decoration:none;
padding:4px 8px;
}

ul{
margin:0;
padding:0;
}

li{
display:inline;
list-style:none;
margin:0;
padding:0 0 0 4px;
}

.small{
text-align:center;
font-size:80%;
margin-top:10px;
letter-spacing: 1px;
}

.copy{
text-align:center;
font-size:80%;
margin-top:10px;
letter-spacing: 1px;
color:#555;
}


/* headings
----------------------------------------------- */
h1{
color:#999;
font:200%/1.6 helvetica, arial, trebuchet ms, verdana, sans-serif;
margin:5px 0;
letter-spacing: -1px;
}

h2{
color:#999;
font:200%/1.6 arial, trebuchet ms, verdana, sans-serif;
margin:5px 0 0 0;
letter-spacing: -1px;
}

h3{
color:#000;
font:150% arial, trebuchet ms, verdana, sans-serif;
border-bottom:1px solid #ccc;
margin:20px 0 0 0;
}


/* images
----------------------------------------------- */
img.left{
padding:4px;
border:0px solid #ddd;
float:left;
margin:10px 14px 0 0;
}