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


/* -------- color guide ----------
#cdc194: tan (wrapper background) 
#edeae6: chalk (container background)
#b37f05: ochre (footer background)
#854d53: purplish
#913d1e: burnt ochre
#532828: caput mortum violet
#43413d: dusky black

#4e6625: green (link hover)
#861316: red (link)

#a94625: rust-new (header and footer)
#994725: rust (header and footer)

#363636:  85% gray (text body)
#252525: 90% gray (text headers)
#ded3b0: alt light brown




*/
/* --------------------------- HTML5  -------------------------*/
	aside, article, section, header, footer, nav {
		display:block;
		}


/* --------------------------- CSS resets -------------------------*/
	html, body, h1, h2, h3, h4, h5, h6, div, img, ul, li{
		margin: 0;
		padding: 0;
	}
/* --------------------------- global constants -------------------------*/
	
	body {
	font: 100% "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
	margin-top: 25px;
	/*background-image: url(../images/SDFlor_BG2.jpg);
	background-attachment: fixed;*/
	background-color: #d5d2c3;
	}



/* --------------------------- Home Page Header -------------------------*/

	#pageHeaderHome {
	height: 75px;
	background-color: #a9af89;
	margin-bottom: 5px;
	
	}

	#pageHeaderHome h1{
	font-size: 2em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #FFF;
	padding-top: 20px;
	font-weight: 300;
	}
	
	#pageHeaderHome a:link{
	text-decoration: none;
	color: #edeae6;
	outline: 0px;
	}
	#pageHeaderHome a:visited{
		color: #edeae6;
		outline: 0px;
	}
		
	#wrapper1 {
	margin: 0 auto;
	width: 960px;
	/*border: 1px solid #333;*/
	position: relative;
	/*background-color: #B8D6D6;
	background-image: url(../images/LTback.jpg);
	background-repeat: repeat;*/
	background-color: #f1efe3;
	}

/* --------------------------- Flor Main Nav -------------------------*/
	#florNav {
	margin: 0;
	padding: 0;
	background-color: #a9af89;
	height: 45px;
	color: #fff;
	}
	#florNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
		}
	#florNav li{
	font-size: 1em;
	line-height: 3em;
	display: inline;
	padding-left: 10px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-right: 10px;
	letter-spacing: 1px;
	}
	#florNav li a {
	text-decoration: none;
	color: #fff;
	/* [disabled]padding-top: 0.1em; */
	/* [disabled]padding-bottom: 0.2em; */
	}
	#florNav li a:hover {
	background: #d5d2c3;
	color: #861316;
	/* [disabled]text-decoration: underline; */
	}
/* --------------------------- Flor Sub Nav -------------------------*/	
	
	#florSubNav {
		font-size: 0.8em;
		font-variant:small-caps;
		color: #544f1d;
		letter-spacing: 2px;
	}
		
	#florSubNav a:link {
		color: #861316;
		text-decoration: none;
	}
	#florSubNav a:visited {
		color: #861316;
		text-decoration: none;
	}
	#florSubNav a:hover {
	/* [disabled]background: #c0d679; */
		color: #4e6625;
		text-decoration: underline;
	}
	
/* ---------------------------Single-column page styles  -------------------------*/	
		
	#mainHome {
	margin-bottom: 30px;
	margin-right: 140px;
	margin-left: 140px;
	margin-top: 0px;
	}
	#content {
		color: #43413d;
		margin: 0;
		padding: 0;
		margin: 30px 40px 30px 45px;
	}	
	 #content p {
	text-align: justify;
	/*text-align: left;*/	
		font-size: 1em;
	color: #666;
	
	}
	#content img {
		padding-top: 20px;
	}
	
	#content h1 {
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 2em;
		text-align: center;
		font-style: italic;
		font-weight: bold;
		
	}
	#content h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	color: #666;
	padding: 7px;
			
	}
	
	#content h3 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1em;
	text-align: left;
	text-decoration: underline;
	font-weight: bold;
	color: #43413d;
	}
	#content h4 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	font-variant: small-caps;
	margin-top: 10px;
	color: #666;
	}
	
	
	#content ul {
		text-align: left;
		
	}
	#content ul li{
	list-style-type:disc;
	list-style-position:inside;
	color: #666;
		}
	
	
	#content a:link {
	color: #861316;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	/* [disabled]text-decoration: underline; */
	}
	#content a:visited {
		color: #861316;
		text-decoration: none;
	}
	#content a:hover {
		color: #4e6625;
		text-decoration: underline;
	}
	


/* ---------------------------2 column style for artist list  -------------------------*/
	#listcontainer {
	color: #363636;
	margin: 0;
	padding: 0;
	
	}	
	#listcontainer h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.5em;
	font-variant: small-caps;
	text-align: center;
	font-weight: bold;
	margin-top: 25px;
	color: #666;
		}
		
	#listcontainer ul {
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 1.1em;
		font-variant: small-caps;
		list-style: none;
		}

	#listcontainer ul li {
	list-style: none;
	font-size: 1em;
	line-height: 2em;
		}
	
	#listcontainer a:link {
		text-decoration: none;
		color: #861316;
	}
	#listcontainer a:visited {
		color: #959595;
	}
	
	#listcontainer a:hover {
		background: #ded5b3;
		outline: none;
		text-decoration: underline;
	}
	
	#listcontainerRight {
	float: right;
	width: 260px;
	margin-right: 125px;
	margin-top: 25px;
	margin-bottom: 200px;
		}
		
	#listcontainerLeft {
	/* [disabled]float: left; */
	width: 260px;
	margin-left: 125px;
	margin-top: 25px;
	margin-bottom: 200px;
		}
		
/* ---------------------------2 column style for plant list  -------------------------*/
	#Plistcontainer {
	color: #363636;
	margin: 0;
	padding: 0;
	
	}	
	#Plistcontainer h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.5em;
	font-variant: small-caps;
	text-align: center;
	font-weight: bold;
	margin-top: 25px;
	color: #666;
		}
	#Plistcontainer p {
		margin-left: 75px;
		margin-top: 25px;
		margin-right: 75px;
		text-align: justify;
	}
		
	#Plistcontainer ul {
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 1.1em;
		list-style: none;
		}

	#Plistcontainer ul li {
	list-style: none;
	line-height: 2em;
		}
	
	#Plistcontainer a:link {
	text-decoration: none;
	color: #861316;
	}
	
	
	#Plistcontainer a:hover {
		background: #ded5b3;
		outline: none;
		text-decoration: underline;
	}
	
	.nolink {
		color: #861316;
		}
	
	#PlistcontainerRight {
	float: right;
	width: 350px;
	margin-right: 50px;
	margin-top: 25px;
	margin-bottom: 200px;
	text-align: left;
		}
		
	#PlistcontainerLeft {
	margin-left: 200px;
	margin-top: 25px;
	margin-bottom: 20px;
	text-align: left;
		}
	#PlistcontainerLeft a:link {
	text-decoration: underline;
	color: #861316;
		}
		
	#PlistcontainerLeft a:hover {
		background: #ded5b3;
		outline: none;
		text-decoration: underline;
		}
		
		#PlistcontainerLeft a:visited {
		color: #4e6625;
		}
		
	.plantlink {
		font-size: .9em;
		font-weight: bold;
		color: #861316;
		}
	
						

/* ---------------------------Artist Thumbs Styles  -------------------------*/	
	
	#thumbnails {
	margin: 0;
	padding: 0;
	}
	
	#thumbnails img{
	margin: 5px auto 5px auto;
		}
	#thumbnails p {
		margin: 0;
		font-style: italic;
		font-size: 1em;
		font-weight: bold;
		color: #861316;
		text-align: center;
		}
	
/* ---------------------------Footer Styles  -------------------------*/	
	footer {
	clear: both;
	background-color: #a9af89;
	height: 100px;
	color: #ece8c5;
		}
	.copyright {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #fff;
	font-size: 1.1em;
	text-align: left;
	padding-top: 5px;
	padding-left: 50px;
	padding-bottom: 5px;
	}
	
	#footerlinks {
	color: #fff;
	font-size: 1.1em;
	text-align: left;
	padding-top: 5px;
	float: right;
	padding-right: 50px;
		
	}
	#footerlinks a {
	color: #fff;
	text-decoration: none;
		}
		
	#footerlinks a:hover {
	background: #d5d2c3;
	color: #861316;
	/* [disabled]text-decoration: underline; */
	}
		
	#footerlinks a:link {
	/* [disabled]color: #ece8c5; */
	}
	
	
/* --------------------------- Duplicated copyright page  -------------------------*/		
	
	#aside p {
	margin:0;
	padding:0;
	font-size: 1em;
	padding-left: 5px;
	padding-right: 5px
	text-color:
; 		color: #333;
	}
	
	.attweb {
	font-style: italic;
	color: #993333;
}
	
/* --------------------------- General Styles  -------------------------*/	
	
	.italic {
		font-style:italic;
	}
	
	
	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;
	}
	
	.center {
		margin-left: auto;
   		margin-right: auto;
	}
	
	.boldul {
		font-weight: bold;
		text-decoration: underline;
	}
	
	.smcaps {
		font-variant: small-caps;
	}
	.bold {
		font-weight: bold;
	}
	.topicheading {
		font-size: .9em;
		font-weight: bold;
	}
	
/*index ribbon for plants index*/

 
	 #alphanav {
	/* [disabled]padding-top: 10px; */
	line-height: 2;
	font-size: 1em;
	/* [disabled]width: 100%; */
	text-align: center;
	}
	.index {
	letter-spacing:0.5em;
	/* [disabled]text-align:center;*/ 
	/*background-color: #d5d2c3;*/
	}

/*test for new Plants Index pagee (codes from OLE Overview Page  */
/* --------------------------- Overview styles  -------------------------*/		 
	 #outline {
		text-align: left 
	 }
	 #outline img {
		float: right;
		margin-right: 150px;
		margin-top: 30px;
	 }
	 #outline h3 {
		float: left;
		font-size: 1em;
		color: #994725;
		font-style: bold;
		letter-spacing: 0.1em;
		margin-left: 75px;
		margin-top: 25px;
		padding-bottom: 10px;
	 } 
	 #outline p {
		font-size: 1em;
		color: #363636;
		margin-left: 130px;
		clear: left;
		padding-top: 10px;
	 }
	 .outlineSmFont {
		 font-size: .9em;
		 margin-left: 28px;
	 }
	#outline h3 a{
		/* [disabled]float: left; */
		font-size: 1em;
		color: #994725;
		font-style: bold;
		letter-spacing: 0.1em;
		/* [disabled]margin-left: 75px; */
		margin-top: 25px;
		padding-bottom: 10px;
	 }
	  	 
	#outline ul {
		padding:0;
		list-style-type: square;
		/* [disabled]text-align: left; */
		clear: left;
		margin: 0;
	}
	#outline ul li {
		list-style-type: none;
		background-image: url(images/arrowgray.gif);
		background-repeat: no-repeat;
		background-position: 0.2em;
		padding-left: 1em;
		margin-left: 130px;
		font-size: 1.5em;
	}

	#outline li{
		/* [disabled]margin:.5em 0; */
	}

	#outline a {
		/* [disabled]display:block; */
		color:#994725;
		/* [disabled]width:9em; */
		padding: 2px 12px 2px 8px;
		text-decoration:none;
		font-weight:bold;
		font-size:0.7em;
	}
	#outline a:hover {
		background-color: #f0efbf;
		color:#544f1d;
	}
	#outlineul ul a{
		color:#586223;
	}
 
/* ---------------------------revised 2 column style for plant list  -------------------------*/
	#Pindexcontainer {
	color: #363636;
	margin: 0;
	padding: 0;
	
	}	
	#Pindexcontainer h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.5em;
	font-variant: small-caps;
	text-align: center;
	font-weight: bold;
	margin-top: 25px;
	color: #666;
		}
		
	/*new for test:	*/
	#Pindexcontainer h3 {
		font-size:  1em;
		font-style: bold;
		letter-spacing: .1em;
		padding-bottom: 5px;
		
		
	}
		
		
		
	/*#Pindexcontainer p {
		margin-left: 75px;
		margin-top: 25px;
		margin-right: 75px;
		text-align: justify;
	}*/
		
	#Pindexcontainer ul {
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 1em;
		list-style: none;
		padding-left: 25px;
		padding-bottom: 25px;
		}

	#Pindexcontainer ul li {
	list-style: none;
	line-height: 1.5em;
		}
	
	#Pindexcontainer a:link {
	text-decoration: none;
	color: #861316;
	}
	
	
	#Pindexcontainer a:hover {
		background: #ded5b3;
		outline: none;
		text-decoration: underline;
	}
	
	.nolink {
		color: #861316;
		}
	
	/*#PindexcontainerRight {
	float: right;
	width: 350px;
	margin-right: 50px;
	margin-top: 25px;
	margin-bottom: 200px;
	text-align: left;
		}*/
		
	#PindexcontainerLeft {
	margin-left: 130px;
	margin-top: 25px;
	margin-bottom: 20px;
	text-align: left;
		}
	#PindexcontainerLeft a:link {
	text-decoration: underline;
	color: #861316;
		}
		
	#PindexcontainerLeft a:hover {
		background: #ded5b3;
		outline: none;
		text-decoration: underline;
		}
		
		#PindexcontainerLeft a:visited {
		color: #4e6625;
		}
		
	.plantlink {
		font-size: .9em;
		font-weight: bold;
		color: #861316;
		}