/* IMPORTANT *
/* This design is not a template. You may not reproduce it elsewhere without both the designer's and artist's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */
/* What you may use - .css files. What you may not use - .jpg, .gif, and .png files. */


/* CSS by Barbara Reece */

/* Artwork by Wendy Willis */
/* For more work by the artist, see http://www.wswillis.com */

/* have a great day! :) */




/******************************************************************* primary elements */
body {
	background: #669999 url(body.gif) top left repeat-y;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #fff;
}


	
/******************************************************************* primary hyperlink styling */
#headlines a:link, #main a:link, #exhibitions a:link, #bottom a:link {
	font-weight: normal;
	text-decoration: none;
	background: transparent;
	color: #A4562D;
	border-bottom: 1px solid #A4562D;
}

#headlines a:visited, #main a:visited, #exhibitions a:visited, #bottom a:visited {
	font-weight: normal;
	text-decoration: none;
	background: transparent;
	color: #A4562D;
	border-bottom: 1px solid #A4562D;
}

#headlines a:hover, a:active, #main a:hover, a:active, #exhibitions a:hover, a:active, #bottom a:hover, a:active {
	text-decoration: none;
	background: transparent;
	color: #D0A8A7;
	border-bottom: 1px solid #D0A8A7;
}


/***********************************************/

#linkList a:link, #footer a:link {
	font-weight: normal;
	text-decoration: none;
	background: transparent;
	color: #bcf;
}

#linkList a:visited, #footer a:visited {
	font-weight: normal;
	text-decoration: none;
	background: transparent;
	color: #bde;
}

#linkList a:hover, a:active, #footer a:hover, a:active {
	background: transparent;
	color: #FAEBE6;
}


/******************************************************************* body content */
#container {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;

	padding: 1px;

	background: transparent url(container-back.gif) top left no-repeat;

	width: 751px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:750px;
}

html>body #container {
	width: 750px;
}

#pageHeader {
	position: absolute;
	top: 0px;
	left: 0px;

	width: 0px;
	hegith: 0px;

	margin: 0px;
	padding: 0px;

	overflow: hidden;
	text-indent: -100em;
}
	

/******************************************************************* top of the page */
#main{
	margin-top: 243px;
	margin-left: 58px;
	margin-right: 242px;
	margin-bottom: 0px;

	padding: 15px;

	border-bottom: 1px solid #333333;
} 

	#main p {
		margin-top: 0px;
		margin-bottom: 8px;

		font-family: "Goudy", "Arial", Sans-Serif;
		font-size: 14px;
		font-weight: normal;

		text-align: left;

		color: #fff; background: transparent;
	}

	#main p2 {
		margin-top: 0px;
		margin-bottom: 10px;

		font-family: "Goudy", "Arial", Sans-Serif;
		font-size: 14px;
		font-weight: normal;

		text-align: left;

		color: #fff; background: transparent;
	}

	#main p.link {
		margin-top: 0px;
		margin-bottom: 10px;

		font-family: "Goudy", "Arial", Sans-Serif;
		font-size: 10px;
		font-weight: normal;

		text-align: center;

		color: #fff; background: transparent;
	}

	#main h3 {
		width: 100%;
		height: 30px;

		margin-top: 10px;
		margin-left: -2px;
		margin-bottom: 5px;
		margin-right: 0px;

		padding: 0px;

		text-align: center;
		color: #fff;
		font-size: 25px;

		border-bottom: 1px solid #A4562D;

	}

	#main h2 {
		width: 100%;
		height: 30px;

		margin-top: 20px;
		margin-left: -2px;
		margin-bottom: 0px;
		margin-right: 0px;

		padding: 0px;

		text-align: center;
		color: #fff;
		font-size: 20px;

	}

	#main span.heading {font-weight: bold;}

	#main hr {color: #A4562D; background-color:#A4562D; height: 1px; border: 0px;}

/*------------------- for thumbnails*/

	div.float {
		float: left;
		padding-left: 4px;
		padding-right: 4px;
		border: none;
		padding-top:2px;	
		width: 25%;
		}
  
	div.float p {
		margin-top: 0px;
		margin-bottom: 8px;

		font-family: "Goudy", "Arial", Sans-Serif;
		font-size: 8px;
		font-weight: normal;

		text-align: center;

		color: #fff; background: transparent;
		
		}

	br.cl {
		clear: both;
		font-size: 1px;
		}



	#main div.float a.image {border: 0;} 
/*-------------------- for resume and form layout*/

	div.row {
		clear: both;
		padding-top: 1px;

		}

	div.row span.date {
		float: left;
		width: 70px;
		text-align: right;

		}
	
	div.row span.formleft {
		float: left;
		width: 85px;
		text-align: right;

		}

	div.row span.event {
		float: right;
		width: 335px;
		text-align: left;
  	  
		}

	div.row span.rightlist {
		float: right;
		width: 425px;
		text-align: left;
  	  
		}

/******************************************************************* anything below the top section */

#bottom {
	margin-top: 0px;
	margin-left: 58px;
	margin-right: 242px;

	padding: 15px;

}

	#bottom p {
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 8px;

		font-family: "Goudy", "Arial", Sans-Serif;
		font-size: 14px;
		font-weight: normal;

		/*word-spacing: 0.03em;
		letter-spacing: 0.03em;

		line-height: 1.4em; */

		text-align: left;

		color: #fff; background: transparent;
	}

	#bottom p.p2 {
		margin-top: 5px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 8px;

		font-family: "Goudy", "Arial", Sans-Serif;
		font-size: 9px;
		font-weight: normal;

		/*word-spacing: 0.03em;
		letter-spacing: 0.03em;

		line-height: 1.4em; */

		text-align: center;

		color: #fff; background: transparent;
	}
	#bottom h3 {
		width: 100%;
		height: 30px;

		margin-top: 10px;
		margin-left: -2px;
		margin-bottom: 5px;
		margin-right: 0px;


		text-align: center;
		color: #fff;
		font-size: 20px;

		border-bottom: 1px solid #5F705E;

	}

	#bottom h2 {
		width: 100%;
		height: 30px;

		margin-top: 20px;
		margin-left: -2px;
		margin-bottom: 0px;
		margin-right: 0px;

		padding: 0px;

		text-align: center;
		color: #fff;
		font-size: 20px;

	}

/******************************************************************* exhibitions section */
#exhibitions {
	margin-top: 243px;
	margin-left: 58px;
	margin-right: 242px;
	margin-bottom: 0px;

	padding: 15px;

	border-bottom: 1px solid #333333;
}

	#exhibitions p {
		margin-top: 0px;
		margin-bottom: 0px;

		font-family: "Goudy", "Arial", Sans-Serif;
		font-size: 14px;
		font-weight: normal;

		text-align: center;

		color: #fff; background: transparent;
	}
	
	#exhibitions .p2 {
		margin-top: 0px;
		margin-bottom: 8px;

		font-family: "Goudy", "Arial", Sans-Serif;
		font-size: 14px;
		font-weight: normal;

		text-align: left;

		color: #fff; background: transparent;
	}
	
	#exhibitions p.link {
		margin-top: 0px;
		margin-bottom: 8px;

		font-family: "Goudy", "Arial", Sans-Serif;
		font-size: 10px;
		font-weight: normal;

		text-align: center;

		color: #fff; background: transparent;
	
	}
	
	#exhibitions h3 {
		width: 100%;
		height: 30px;

		margin-top: 10px;
		margin-left: -2px;
		margin-bottom: 5px;
		margin-right: 0px;

		padding: 0px;

		text-align: center;
		color: #fff;
		font-size: 25px;

		border-bottom: 1px solid #A4562D;

	}

	#exhibitions h2 {
		width: 100%;
		height: 30px;

		margin-top: 20px;
		margin-left: -2px;
		margin-bottom: 0px;
		margin-right: 0px;

		padding: 0px;

		text-align: center;
		color: #fff;
		font-size: 20px;

	}

	#exhibitions span {font-weight: bold;}
	#exhibitions span.party {color: #85E0F7; font-weight: bold;}
	

#exhibitions {
	margin-top: 243px;
	margin-left: 58px;
	margin-right: 242px;
	margin-bottom: 0px;

	padding: 15px;

	border-bottom: 1px solid #333333;
}

/******************************************************************* gallery section */

#gallery {
	background-color: #999999
}
	
	#gallery p {
		margin-top: 0px;
		margin-bottom: 0px;

		font-family: "Goudy", "Arial", Sans-Serif;
		font-size: 14px;
		font-weight: normal;

		text-align: center;

		color: #fff; background: transparent;
	}

	#gallery p.link {
		margin-top: 0px;
		margin-bottom: 8px;

		font-family: "Goudy", "Arial", Sans-Serif;
		font-size: 10px;
		font-weight: normal;

		text-align: center;

		color: #fff; background: transparent;
	
	}
	
	#gallery h3 {
		width: 100%;
		height: 30px;

		margin-top: 10px;
		margin-left: -2px;
		margin-bottom: 5px;
		margin-right: 0px;

		padding: 0px;

		text-align: center;
		color: #fff;
		font-size: 25px;

		border-bottom: 1px solid #A4562D;

	}

	#gallery h2 {
		width: 100%;
		height: 30px;

		margin-top: 20px;
		margin-left: -2px;
		margin-bottom: 0px;
		margin-right: 0px;

		padding: 0px;

		text-align: center;
		color: #fff;
		font-size: 20px;

	}
	
	#gallery div.row {
		clear: both;
		padding-top: 1px;

	}

	#gallery div.row span.previous {
		float: left;
		width: 70px;
		text-align: left;

	}

	#gallery div.row span.next {
		float: right;
		width: 70px;
		text-align: right;
  	  
	}
	
	#gallery img {
		padding: 8px;
	}
/******************************************************************* footer section */
#footer {
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;

	padding: 6px;

	font-family: "Arial", sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: bold;

	color: #fff;

	text-align: center;

	background-color: #785486;
	border: 1px solid #955DA4;
}
	#footer a:link, #footer a:visited {
		margin-left: 3px;
		margin-right: 3px;

		padding-left: 3px;
		padding-right: 3px;

		border-bottom: 0px;

		border-left: 1px solid #955DA4;
		border-right: 1px solid #955DA4;
	}

/******************************************************************* link list */

#linkList {
	position: absolute;

	top: 0px;
	left: 0px;

	margin-top: 243px;
	margin-left: 509px;

	padding-top: 251px;
	padding-left: 20px;
	padding-right: 0px;

	text-align: center;

	background: transparent url(linklist-back.gif) top left no-repeat;

    width: 242px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:222px;
}

	#linkList p {
		margin-top: 0px;
		margin-bottom: 8px;

		font-family: "Goudy", "Arial", Sans-Serif;
		font-size: 10px;
		font-weight: normal;

		text-align: right;

		color: #fff; background: transparent;
	}
	
	
	#linkList img {
		padding: 2px;
	
	}

html>body #linkList {
  width: 222px;
}

#navigation, #lfavorites, #larchives, #lresources {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 10px;

	padding: 4px;

	border: double #878BA6;
	/*background-color: #785486;*/
}

/*	#linkList h3 {
		font-family: "Verdana", serif;
		font-size: 10px;
		font-weight: normal;

		margin: 0px;
		padding: 0px;

		border-bottom: 1px solid #878BA6;
	}

	h3.select {
		text-align: left;

		width: 100%;
		height: 14px;

		background: transparent url(header-select.gif) no-repeat top left;
	}
		#linkList h3.select span {display:none;}

	h3.favorites {
		text-align: left;

		width: 100%;
		height: 14px;

		background: transparent url(header-favorites.gif) no-repeat top left;
	}
		#linkList h3.favorites span {display:none;}

	h3.archives {
		text-align: left;

		width: 100%;
		height: 14px;

		background: transparent url(header-archives.gif) no-repeat top left;
	}
		#linkList h3.archives span {display:none;}

		#larchives ul>li {
			margin-bottom: 0px;
			margin-left: -10px;
			text-align: left;

			padding-left: 9px;
			padding-bottom: 0px;

			border-left: 1px solid #878BA6;
			border-right: 1px solid #878BA6;
			border-bottom: 0px solid #878BA6;
		}

		#larchives ul>li+li {
			margin-bottom: 0px;
			margin-left: -10px;
			text-align: left;

			padding-left: 9px;
			padding-bottom: 5px;

			border-left: 1px solid #878BA6;
			border-right: 1px solid #878BA6;
			border-bottom: 1px solid #878BA6;
		}

		#larchives ul>li+li+li {
			margin-top: 5px;
			margin-bottom: 0px;
			margin-left: 0px;
			text-align: left;

			padding-left: 0px;
			padding-bottom: 0px;

			border-left: 0px;
			border-right: 0px;
			border-bottom: 0px;
		}

	h3.resources {
		text-align: left;

		width: 100%;
		height: 14px;

		background: transparent url(header-resources.gif) no-repeat top left;
	}
		#linkList h3.resources span {display:none;} */

	#linkList ul {
		margin-top: 7px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding: 0px;
	}
		#linkList li {
			font-family: "Goudy", "Arial", sans-serif;
			font-size: 20px;
			font-weight: normal;

			color: #fff; background: transparent;

			line-height: 10px;

			list-style-type: none;
			display: block;

			padding-top: 5px;
			margin-bottom: 10px;
		}

		/*#larchives li {
			padding-top: 4px;
			margin-bottom: 0px;
		}


			#navigation a, #lfavorites a { display:block; text-transform:lowercase;}
			#navigation a.c, #lfavorites a.c {display:inline; text-transform: none; }*/