@charset "utf-8";
/* style sheet for Botanical Art of the Sonoran Desert exhibit*/


/* -------- color guide ----------
#cdc194: tan  
#edeae6: chalk (wrapper background)
#b37f05: ochre 
#4e6625: green (link hover)
#861316: red (link)

#994725: rust 
#c0d679: light green (header)
#363636:  85% gray (text body)
#252525: 90% gray (text headers)
#43413d: gallery background
*/
/* --------------------------- HTML5  -------------------------*/
	
	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section {
			display: block;
}

/* --------------------------- CSS resets -------------------------*/
	html, body, h1, h2, h3, h4, h5, h6, div, img,{
		margin: 0;
		padding: 0;
}
	p {
		margin: 0;
		padding: 0;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

/* --------------------------- global constants -------------------------*/
	
	body {
	font: 100% "Palatino Linotype", "Book Antiqua", Palatino, serif;
	/* [disabled]text-align: center; */
	background-image: url(PlateBG.jpg);
	background-repeat: repeat;
}
	
	#wrapper1 {
		margin: 35px auto 35px auto;
		padding: 20px;
		width: 980px;
		border: 2px solid #4e6625;
		position: relative;
		background-color: #f1efe3;
		
}
/* --------------------------- wrapper alt for annotated drawings in main section  -------------------------*/
	#wrapperalt	{
		margin: 35px auto 35px auto;
		padding: 20px;
		width: 980px;
		border: 2px solid #4e6625;
		position: relative;
		background-color: #f1efe3;
	}
		



	h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.5em;
	letter-spacing: 2px;
	color: #555555;
	clear: both;
	text-align: center;
	
	}

	hr {
	/* [disabled]width: 50%; */
	margin: 35px auto 0px auto;
	clear: both;
	}
/* --------------------------- top nav buttons  -------------------------*/
	
	 .next {
	float: right;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left: 5px;
	 }
	 .previous {
		float: right;
		margin-bottom: 15px;
		margin-top: 15px;
	 }
	 
	 .shortnavTop  {
		float: left;
		width: 350px;
		display: block;
		text-align: left;
		margin: 15px 0px 5px 75px;
		letter-spacing: 2px;
		color: #363636;
		font-size: 0.9em;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-variant: small-caps;
	
}
	.shortnavTop a:link {
		text-decoration: none;
		color: #363636;
}
	.shortnavTop a:hover {
	    color: #363636;
		background-color: #e0d5cc;
		text-decoration: underline;
}

	
/* --------------------------- numbered navigation  -------------------------*/	
	#shortnav {
		font-size: 1em;
		text-align: center;
		color: #363636;
		margin: 0;
	}
	#shortnav a{
		padding: 0 3px 0 3px;
		font-size: 1em;
		color: #363636;
		
	}
	#shortnav a:hover {
		color: #993333;
		background-color: #e0d5cc;
	}
	
	.current {
		background-color:none;
		color: #a32d61;
		font-weight: bold;
	}
		
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}	
	
/* --------------------------- main content -------------------------*/
	#content {
		margin: 15px auto 15px auto;
		}
	
	
	#content img {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	#content h2 {
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-variant: small-caps;
		font-weight: bold;
		letter-spacing: 2px;
		color: #363636;
		margin-top: 10px;
		text-align: center;
		color: #555555;
		font-size: 1.3em;
	}
		
	.multiline {
		auto 15px auto;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 1em;
		letter-spacing: 2px;
		color: #363636
		margin-top: 35px;
	}
	.final {
		font-size: 1em;
		letter-spacing: 2px;
		margin-top: 35px;
		margin-bottom: 15px;
		}
	.intro {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin: 0;
	margin: 20px 75px 5px 75px;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #363636;
	padding-bottom: 10px;
	text-align: justify;
	
		}
	.standard {
	margin: 0;
	padding: 0;
	margin-left: 45px;
	margin-right: 75px;
	padding-bottom: 10px;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #363636;
	}
	figure {
		margin-top: 0px;
	}
	.single {
	margin-left: 75px;
	padding-top: 5px;
	}
/* --------------------------- singleLG for annotated drawings in main section  -------------------------*/	
	.singleLG {
	margin-left: 0px;
	padding-top: 5px;
	}
	
	
	figcaption {
		text-align: center;
		font-size: 1.1em;
		color: #464646;
	}
	
	/*#content ul {
		color: #363636;
		list-style-type: none;
	}
	#content ul li{
		text-align: left;
	}*/
/* --------------------------- gallery display -------------------------*/

	.array {
		width: 750px;
		margin-left: 120px;
		margin-top: 15px;
		margin-bottom: 25px;
		float: left;
	}

	.array img {
	display: block;
	float: left;
	margin: 0px 20px 5px 5px;
	}

	.arraytitle{
		margin: 0;
		padding: 0;
		clear: both;
		text-align: center;
		font-variant: small-caps;
	
	}
	.arrayatt {
	font-size: 0.9em;
	text-align: left;
	clear: both;
	margin-left: 75px;
	}
	
	.arrayindent{
	font-size: 0.9em;
	margin-left: 100px;
	margin-right: 50px;
	
	}
	
	.arraycopy {
	text-align: center;
	color: #993333;
	font-style: italic;
	font-weight: bold;
		
		
		
		}
	.attweb {
		font-style: italic;
		color: #993333;
	}

/* --------------------------- container styles -------------------------*/
	
		#containerright {
		float: right;
		width: 305px;
		margin: 25px 75px 15px 30px;
	/* [disabled]padding: 10px; */
		}
		
		#containerright p {
		margin:0;
		padding:0;
		font-size: 0.95em;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 15px;
		text-align: justify;
		color: #363636;
		}
		#containerright ul {
		color: #363636;
		}
		#containerright li {
		text-align: left;
		padding-left: 15px;
		list-style-type: circle;
		list-style-position: inside;
		}
		
/* --------------------------- containerrightALT, containerrightALT p, containerrightALT ul, containerrightALTli for annotated drawings in main section  -------------------------*/		
	#containerrightALT {
		float: right;
		width: 330px;
		margin: 25px 15px 15px 15px;
	/* [disabled]padding: 10px; */
		}	
		
	#containerrightALT p {
		margin:0;
		padding:0;
		font-size: 0.95em;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 15px;
		/*text-align: justify;*/
		color: #363636;
		}	

	#containerrightaltALT ul {
		color: #363636;
		}
	#containerrightALT li {
		text-align: left;
		padding-left: 15px;
		list-style-type: none;
		color: #363636;
		
		}



		
	#containerleft {
	float: left;
	width: 450px;
	margin-left: 75px;
	margin-bottom: 25px;
		}
		#containerleft img {
	margin-left: 30px;
	margin-right: auto;
		}
	.copyrightart {
	color: #993333;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.copyrightsketch {
	text-align: center;
	margin-bottom: 10px;
	color: #363636;

	}	
		
		

/* ---------------------------Footer Styles  -------------------------*/	
	footer {
		clear: both;
		height: 45px;
	
}
	.copyright {
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-variant: small-caps;
		font-size: .85em;
		color: #363636;
		text-align: center;
		padding-top: 5px;
}
	.novariant {
		font-variant: normal;
}

	a {
		color: #363636;
		text-decoration: none;
	}
	a:link {
		color: #363636;
	}
	a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
		border: none;
		background: none;
	}
	.ital {
		font-style:italic;
	}
	
	.center {
	text-align: center;
	}
	
	.boldul {
		font-weight: bold;
		text-decoration: underline;
	}
	.bold {
		font-weight: bold;
	}

	
/* --------------------------- bottom nav buttons  -------------------------*/
		
	
	/*#gallerynavMain  {
	margin: 0px 75px 5px 0;
	letter-spacing: 2px;
	color: #363636;
	font-size: 0.9em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-variant: small-caps;
	float: right;
}
	#gallerynavMain a:link {
		text-decoration: none;
		color: #363636;
}
	
	#gallerynavMain a:hover {
	    	color: #363636;
			background-color: #e0d5cc;
			text-decoration: underline;
	}*/	
/* --------------------------- General Styles  -------------------------*/