body {
	margin: 0;
	padding: 0;
	width: 800px;
	background: black url(graphics/background.png) repeat-y;
	color: #808080;
	font-family: "Trebuchet MS",sans-serif;
}

#content {
	width: 580px;
	/*margin-left: 200px;*/
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	/*margin-top: 250px;*/
	position: absolute; 
	top: 250px;
	left: 200px;	
}	


a:link
{
color: #808080;
font-weight: 100;
/*text-decoration: none;*/
}

a:visited
{
color: #FFFFF0;
font-weight: 100;
/*text-decoration: none;*/
}

a:hover
{
background-color: black;
color: #FFFFF0;

}

/* Rollover menu based on Russ Weakley's "Rollover Lists" at List-o-Matic:
http://css.maxdesign.com.au/listamatic/vertical08.htm
*/

#sidebar { 
	width: 200px;
	height: 300px;
	position: absolute; 
	top: 250px;
	left: 0px;	

	}

#sidebar ul
{
margin-left: 0;
padding-left: 0;

list-style-type: none;


}

#sidebar a
{
display: block;
padding: 3px;
width: 193px;
background-color: #696969;
border-bottom: 1px solid #696969;
text-align: center;
}

#sidebar a:link, #sidebar a:visited
{
color: white;
text-decoration: none;
}

#sidebar a:hover
{
background-color: white;
color: #696969;

}

			#thumbnail {
				width: 193px;
				height: 100px;
				float: left;
			}
				
			#description {
				width: 193px;
				height: 200px;
				float: left;
			}
				
			#thumbnail img {
				display: block;
				margin-right: auto;
				margin-left: auto;
				margin-top: 10px;					
			}
					
			.name {
				font-weight: bold;
				text-align: center;
			}
						
			.caption {
				font-size: smaller;
				width: 160px;
				margin-right: auto;
				margin-left: auto;
				text-align: justify;
				text-align: center;
			}
			
			.first {
				clear: left;
			}
			
			#content p { text-align: center; }
			
			

/*#footer {
	width: 600px;
	margin-left: 200px;
	padding-left: 10px;
	clear: left;
	background: #848484;
}*/

/*img.juicy {
   padding:2px;
   border:2px solid #808080;
   width: 200px;
  display:  block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1px;
  margin-bottom: 1px;

}*/

div.figure {
  //float: right;
  width: 50%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  margin-left: auto;
  margin-right: auto;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
img.scaled {
  width: 100%;
}