body	{
	font-size: .8125em;
	font-family: Trebuchet MS, verdana, san-serif;
	padding: 0;
	margin: 0;
	color: #ffffff;
	text-align: center;
	background: #000 url('images/annaBanner.gif') repeat-x top left;
	}

#wrapper {
width: 980px;
text-align: left;
margin: 0 auto;
}

#top	{
	height: 100px;
	width: 100%;
	text-align: center;
	}

#topcontents {
position: relative;
width: 980px;
margin: 0 auto;
color: #fff;
text-align: left;
}


#main	{
position: relative;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 95%; 
	line-height: 150%; 
padding-bottom: 60px;
padding-left: 0px;
	}
	
#bottom	{
position: relative;
width: 100%;
	text-align: center;
	font-size: 80%;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	font-weight: bold;
	background-image: url('images/stitchingOnly.gif');
	background-repeat: repeat-x;
height: 100%;
}

#bottom a	{
	color: #fff;
	}
	

/* ---------------------------------- top nav ----------------- */
#topnav {
position: relative;
background-color: #000;
height: 30px;
}

#topnav ul {
height: 30px;
margin: 0;
padding: 0;
list-style-image: url(images/buttons/topnav-bullet.gif);
}


#topnav li {
padding: 0 7px 0 0px;
float: left;
color: transparent;
height: 30px;
line-height: 40px;
font-size: 8px;
margin: 0 10px;
list-style-image: url(images/buttons/topnav-bullet.gif);
}

#topnav li a {
color: transparent;
height: 30px;
display: block;
margin: 0;
padding: 0;
}

#topnav li.home {
background: url(images/buttons/topnav-home-off.gif) top left no-repeat;
list-style-image: none;
width: 51px;
margin-left: 0px;
}

#topnav li.home a:hover {
background: url(images/buttons/topnav-home-on.gif) top left no-repeat;
list-style-image: none;
}

#topnav li.home a.active {
background: url(images/buttons/topnav-home-on.gif) top left no-repeat;
list-style-image: none;
}

#topnav li.galleries {
background: url(images/buttons/topnav-galleries-off.gif) top left no-repeat;
width: 67px;
}

#topnav li.galleries a:hover {
background: url(images/buttons/topnav-galleries-on.gif) top left no-repeat;
}

#topnav li.galleries a.active {
background: url(images/buttons/topnav-galleries-on.gif) top left no-repeat;
}

#topnav li.lectures {
background: url(images/buttons/topnav-lectures-off.gif) top left no-repeat;
width: 127px;
}

#topnav li.lectures a:hover {
background: url(images/buttons/topnav-lectures-on.gif) top left no-repeat;
}

#topnav li.lectures a.active {
background: url(images/buttons/topnav-lectures-on.gif) top left no-repeat;
}

#topnav li.news {
background: url(images/buttons/topnav-news-off.gif) top left no-repeat;
width: 96px;
}

#topnav li.news a:hover {
background: url(images/buttons/topnav-news-on.gif) top left no-repeat;
}

#topnav li.news a.active {
background: url(images/buttons/topnav-news-on.gif) top left no-repeat;
}

#topnav li.about {
background: url(images/buttons/topnav-about-off.gif) top left no-repeat;
width: 120px;
}

#topnav li.about a:hover {
background: url(images/buttons/topnav-about-on.gif) top left no-repeat;
}

#topnav li.about a.active {
background: url(images/buttons/topnav-about-on.gif) top left no-repeat;
}

/* ---------------------------------- buttons ----------------- */

#left {
position: relative;
float: left;
width: 290px;
padding-top: 15px;
padding-bottom: 40px;
text-align: left;
}


ul#leftnav, ul#leftnav li, ul#leftnav li ul, ul#leftnav li ul li {
margin: 0;
padding: 0;
list-style-type: none;
}

ul#leftnav li ul  {
margin: 0 0 0 30px;
padding: 0 0 0 0;
}

#leftnav li, #leftnav li ul li {
color: transparent;
font-size: 8px;
line-height: 10px;
}

#leftnav li a, #leftnav li a.active, #leftnav li a:hover {
color: transparent;
text-decoration: none;
height: 30px;
width: 260px;
display: block;
font-size: 8px;
line-height: 10px;
}

#leftnav li.historical {
background: url(images/buttons/button-historical-off.gif) top left no-repeat;
height: 30px;
font-size: 8px;
}
#leftnav ul li.papers a {
background: url(images/buttons/button-papers-off.gif) top left no-repeat;
}
#leftnav ul li.scarf a {
background: url(images/buttons/button-scarf-off.gif) top left no-repeat;
}
#leftnav li.blocks {
background: url(images/buttons/button-blocks-off.gif) top left no-repeat;
height: 30px;
font-size: 8px;
}
#leftnav ul li.repeating a {
background: url(images/buttons/button-repeating-off.gif) top left no-repeat;
}
#leftnav ul li.leaf a {
background: url(images/buttons/button-leaf-off.gif) top left no-repeat;
}
#leftnav ul li.beads a {
background: url(images/buttons/button-beads-off.gif) top left no-repeat;
}
#leftnav li.colors a {
background: url(images/buttons/button-colors-off.gif) top left no-repeat;
}
#leftnav li.landscapes a {
background: url(images/buttons/button-landscapes-off.gif) top left no-repeat;
}
#leftnav li.fish a {
background: url(images/buttons/button-fish-off.gif) top left no-repeat;
}
#leftnav li.carpets a {
background: url(images/buttons/button-carpets-off.gif) top left no-repeat;
}
#leftnav li.marbled a {
background: url(images/buttons/button-marbled-off.gif) top left no-repeat;
}

#leftnav li.historical a.active {
background: url(images/buttons/button-historical-on.gif) top left no-repeat;
}
#leftnav li.papers a.active {
background: url(images/buttons/button-papers-on.gif) top left no-repeat;
}
#leftnav li.scarf a.active {
background: url(images/buttons/button-scarf-on.gif) top left no-repeat;
}
#leftnav li.blocks a.active {
background: url(images/buttons/button-blocks-on.gif) top left no-repeat;
}
#leftnav li.repeating a.active {
background: url(images/buttons/button-repeating-on.gif) top left no-repeat;
}
#leftnav li.leaf a.active {
background: url(images/buttons/button-leaf-on.gif) top left no-repeat;
}
#leftnav li.beads a.active {
background: url(images/buttons/button-beads-on.gif) top left no-repeat;
}
#leftnav li.colors a.active {
background: url(images/buttons/button-colors-on.gif) top left no-repeat;
}
#leftnav li.landscapes a.active {
background: url(images/buttons/button-landscapes-on.gif) top left no-repeat;
}
#leftnav li.fish a.active {
background: url(images/buttons/button-fish-on.gif) top left no-repeat;
}
#leftnav li.carpets a.active {
background: url(images/buttons/button-carpets-on.gif) top left no-repeat;
}
#leftnav li.marbled a.active {
background: url(images/buttons/button-marbled-on.gif) top left no-repeat;
}


#leftnav li.historical a:hover {
background: url(images/buttons/button-historical-on.gif) top left no-repeat;
}
#leftnav li.papers a:hover {
background: url(images/buttons/button-papers-on.gif) top left no-repeat;
}
#leftnav li.scarf a:hover {
background: url(images/buttons/button-scarf-on.gif) top left no-repeat;
}
#leftnav li.blocks a:hover {
background: url(images/buttons/button-blocks-on.gif) top left no-repeat;
}
#leftnav li.repeating a:hover {
background: url(images/buttons/button-repeating-on.gif) top left no-repeat;
}
#leftnav li.leaf a:hover {
background: url(images/buttons/button-leaf-on.gif) top left no-repeat;
}
#leftnav li.beads a:hover {
background: url(images/buttons/button-beads-on.gif) top left no-repeat;
}
#leftnav li.colors a:hover {
background: url(images/buttons/button-colors-on.gif) top left no-repeat;
}
#leftnav li.landscapes a:hover {
background: url(images/buttons/button-landscapes-on.gif) top left no-repeat;
}
#leftnav li.fish a:hover {
background: url(images/buttons/button-fish-on.gif) top left no-repeat;
}
#leftnav li.carpets a:hover {
background: url(images/buttons/button-carpets-on.gif) top left no-repeat;
}
#leftnav li.marbled a:hover {
background: url(images/buttons/button-marbled-on.gif) top left no-repeat;
}

	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #000;
		padding: 0px;
		width: 540px;
	}
	#gallery ul { list-style: none; }
	#gallery ul img {
		border: 5px solid #000;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #000;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }


/* ------------------------------ content styles ---- */


		
#content	{
	font-size: 1.2em;
	line-height: 140%;
	margin-left: 300px;
	width: 650px;
	text-align: left;
	}

#content table td {
width: 300px;
}

#content img	{
	margin: 10px 10px;
	}

#content a:visited, #content a:link	{
	color: #c39e67;
	}
#content p {
	margin: 2px 0 12px 0;
	}
	
p.indent {
	padding-left: 20px;
	}

p.date {
	font-weight: bold;
	}
	
h1 {
	font-size: 130%;
	font-weight: bold;
	color: #c39e67;
	}

h2 {
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	color: #c39e67;
	margin: 0;
	padding: 0;
	}
	
h3 {
	font-size: 110%;
	font-weight: normal;
	color: #c39e67;
	}
	
dt	{
	font-weight: bold;
	}

dd	{
	margin-left: 0px;
	padding-left: 28px;
	padding-bottom: 6px;
	}
span	{
	font-weight: normal;
	color: #666;
	}