@charset "iso-8859-1";

* {
	padding: 	0;
	margin: 	0;
}
body { 
	font: 	11px/1.3em Arial,Helvetica,sans-serif; 	
	margin:3px 0px; 
	padding:0px;
	text-align:center;
	}

p { 
	color: 			#444;
	line-height: 	1.5em;
	}
a{
	text-decoration: none;
	background: 	transparent url(dotlink.gif) repeat-x left bottom;
}
a:link ,a:visited {
	color: 			#5785A4;
}
a:hover {
	color: 			#1D8FDB;
}
acronym {
	background: 	transparent;  
	cursor: 		help;
}
h3 {
	font: 			bold 10pt Arial,Helvetica,sans-serif;
	text-transform: uppercase;	
	color: 			#444;
}

em {
	color: 	red;
	font-weight: normal;
}
 
#body {
	background: #666666;
	background-image: url("http://www.shirleydenton.com/img/SRDmisc/neutralbackground.jpg") ;	
	margin: 0 auto;
}

#wrapper {
	width: 800px;	
	margin: 0 auto;
	text-align: left;
	padding:0px;
	border:1px solid #cc9966;
	background-color:#cc9966;
}

#header { 
	margin-top: 0px; margin-right: 0px;
	padding:0px;
	height: 170px;
	background: #666;
	text-align: right;
}

#headertext { 
	margin-top: 0px; 
	padding-top: 100px;
	margin-right: 10px;
	text-align: right;
}

#headertext h1 {font-size: 35px; font-weight: bold; color:#fff;padding: 10px;}
#headertext h2 {font-size: 27px; font-weight: bold; color:#fff;padding: 10px;}

#navlist {
	margin: 0px auto;
	width: 800px;
	padding-top: 5px;
	padding-bottom: 0px;
	display: block;
	height: 2.8em;
	border: solid #cc9966;
	border-width: 0px 0px 2px;
}	
  
#nav, #nav ul {
	float: left;
	width: 800px;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0px;
	border: solid #eda;
	border-width: 0px 0px;
	margin: 0 0 2px 0;
	height: 100%;
}

#nav a {
	display: block;
	width: 10em;
	w\idth: 6em;
	color: #7C6240;
	text-decoration: none;
	padding: 0.25em 2em;
}

#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 10em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #eda;
}



#content {	
	margin: 0 auto;
	clear: both;
	background: #FFFBD5;
	text-align: center;	
	width: 800px;
}


#contenttitle {	
	background: #FFFBD5;	
	padding-top: 20px;
	width: 800px;
	text-align: center;	
}

#contenttitle h1 {size: 14pt; font-weight: bold; color:#444;padding: 10px; font-style: italic;}
#contenttitle h2 {size: 14pt; font-weight: bold; color:#444;padding: 10px;}

/* intended as the left column to be used with content 2 */
#content1 { 	
	float: left;
	background: #FFFBD5;
	width: 282px;	
	padding-top: 20px; 
	text-align: left;
}
 
#content1 img {padding-right: 10px;	   
	padding-bottom: 10 px;
	filter:shadow(color:gray, strength:10, direction:135);
}

/* intended for use when there is only one column and it should be left aligned */
#content1a {
	background: #FFFBD5;
	width: 500px;	  
	margin: 0px;
	padding-top: 0px;
	border-top: 10px #444;
  margin-left: 0px;
  margin-right:300px;
}  
/* #content1a img {padding: 10px;} */
   
/* indended as the left column, but wider than content 1 */
#content1b { 	
	float: left;
	background: #FFFBD5;
	width: 400px;	
	padding-top: 20px; 
	text-align: left;
}

#content1subtitle { 
	background: white;
	width: 500px;	
	padding-top: 5px;
	padding-bottom: 10px;
	border-top-width: 3px;
	border-bottom-width: 3px;	
	border-right-width: 0px;
	border-left-width: 0px;
	border-color: #cc9966;
	border-style: solid;
	color: #cc9966;
}

 
div.content1group {	
	text-align: left;
	padding-left: 10px;
	padding-bottom: 10px;
}
h3.content1group {text-transform: uppercase;	color:#444;}
p.content1group {margin-left: 5px;}

div.content1list {
	text-align: left;
	padding-top:15px;
	padding-left: 50px;
	padding-bottom: 10px;
}

div.content1listhead { 
	background: #FFFBD5;
	width: 500px;	
	height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top-width: 3px;
	border-bottom-width: 0px;	
	border-right-width: 0px;
	border-left-width: 0px;
	border-color: #cc9966;
	border-style: solid;
	color: #cc9966;
}
span.listedBy {color: #336600; font-weight:bold;}
span.listedAs {color: #444; font-weight:normal;}
span.indexCommon {color:#336600;}
span.indexScientific {font-style: italic;}

#content2 {		 
	float: right; 
	text-align: right;
	background-color: #FFFBD5;	
	width: 499px;
	padding-right: 10px;	
	padding-top: 10px; 
}

#content2b {		 
	float: right; 
	text-align: right;
	background: #FFFBD5;
	width: 399px;	 
}
#content2b img {padding: 10px;
}

div.content2group {
	padding-right: 10px;
	padding-bottom: 10px;  
	margin: 0 auto;
}
h3.content2group {text-transform: uppercase;	color:#444;}

#content2 img {
	border-style: double;
	border-color: 	#cc9966;	
}
 
#photo_outer {
	padding:10px;
	filter:shadow(color:gray, strength:10, direction:135);
}
#photo_inner {
	text-align:left;
	padding:10px;
	background-color: #FFFBD5;
	border:1px 	solid black;
} 
 
#content3 {		 
	background: #FFFBD5;
	width: 800px;	
	clear: both; 
} 

div.content3group {
	text-align: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
h3.content3group {text-transform: uppercase;	color:#444;}

div.spacer {
  clear: both;
  }
div.thumbnail {
  float: left;
  padding: 5px;
  }
  
div.thumbnail p {
   text-align: center;
   }

#navigation { 
	background: white;
	padding-top: 5px;
	padding-bottom: 10px;
	border-top-width: 3px;
	border-bottom-width: 3px;	
	border-right-width: 0px;
	border-left-width: 0px;
	border-color: #cc9966;
	border-style: solid;
	color: #cc9966;
}  
  
#footer {  
	clear: both;
	background: #d7dabd;
	text-align: center;
}
  
.editnav {
   background: white;
   color: black;
   text-align: center;
   padding: 25px;
}

.editnav a { padding: 10px; }
   
.editform {
   text-align: left;
   font-size: 12pt;
   margin: 0 auto;
}