body {
	background:#111;
	color: #eeeeee;
	font-family: verdana, helvetica, "sans serif";
	margin:0;
/*	
background: #1A1A1A url('../img/content-bg.gif') repeat-x 0 0;
*/
}
	  
#outer {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100px;
}

#inner {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
}

.bgtext1 {
	font-size: 80px;
	position:absolute;
	top:0px;
	left:-500px;
	color:#222;
	font-family: verdana, helvetica, "sans serif";
}

.bgtext2 {
	font-size: 60px;
	position:absolute;
	top:20px;
	padding-left: 20px;
	color:#444;
	font-family:verdana, helvetica, "sans serif";
}

.footertext {
	color:#111;
	font-family:verdana, helvetica, "sans serif";
}
		 
.footertext {
	font-size:12px;
	position:absolute;
	top:320px;
	text-align:center;
	width:500px;
}

div#text1, div#bugs, div#plants, div#article, div#blog, div#fungi, div#text7 {
	color:#111;
	font-family:verdana, helvetica, "sans serif";
	position:absolute;
}

div#bugs {
	font-size:30px;
	top:90px;
	left:-490px;
}
div#fungi {
	font-size:28px;
	top:92px;
	left:-380px;
}
div#plants {
	font-size:26px;
	top: 94px;
	left:-260px;
}

div#article {
	font-size:24px;
	top:96px;
	left:-140px;
}
div#blog {
	font-size:22px;
	top:98px;
	left:-10px;
}
div#text7 {
	font-size:20px;
	top:100px;
	left:80px;
}
div#text1 {
	font-size:18px;
	top:102px;
	left:180px;
}		

div#text1 a:hover span {
	top: 0px; 
	left: 0px; 
}

div#bugs a:hover span {
	top: 0px; 
	left: 0px; 
}

div#plants a:hover span {
	top: 0px; 
	left: 0px; 
}

div#article a:hover span {
	top: 0px; 
	left: 0px; 
}

div#blog a:hover span {
	top: 0px; 
	left: 0px; 
}

div#fungi a:hover span {
	top: 0px; 
	left: 0px; 
}

div#text7 a:hover span {
	top: 0px; 
	left: 0px; 
}

div#inner a:hover, div#inner2 a:hover {
	background: none;
/*
	cursor:crosshair;
*/
}

div#inner a span {
	display: none;
}

div#inner a:visited span {
	display:none;
}

div#inner a {
	text-decoration: none;
	color:#bbb;
}

div#inner a:hover span {
	display: block;
	position:relative;
	background:none;
	font-size:14px
}

div#inner a:link, div#inner a:visited {
	text-decoration:none;
}

div#inner a:hover {
	text-decoration:none
}

div#content {
	position:absolute;
	top:150px;
	left:0%;
	width:95%;
	overflow: auto;
	font-family: verdana, helvetica, "sans serif";
	font-size: 13px;
	color:#bbb;
	text-align:justify;
	margin:3px;
}

div#inner div#content a:hover {
	text-decoration:underline;
}

div#close, div#top {
	width:17px;
	height:17px;
	background:none;
	text-align:center;
	font-family:verdana, helvetica, "sans serif";
	font-weight:bold;
	font-size:12px;
	border: 1px solid #111
}

div#top {
	position:relative;
	left:573px;
	top:319px
}

div#close {
	position:relative;
	left:573px;
	top:-47px;
}

div#inner div#close a:link, div#inner div#top a:link {color:#bbb; cursor:default;}
div#inner div#close a:visited, div#inner div#top a:visited {color:#bbb; cursor:default;}
div#inner div#close a:hover, div#inner div#top a:hover {color:#bbb; cursor:default;}

div#urltext {
	font-family:verdana, helvetica, "sans serif";
	font-size:30px;
	position:absolute;
	top:-87px;
	left:-69px
} 

div#urltext, div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span {
	color:#f2f2f2
}

div#content div#titlebar {
	border: 1px solid #111;
	background: #444;
	font-weight: normal;
	color:  #f2f2f2;
}

div#content {
	margin-left:0;
	padding-right:8px;
}


.titleblock span {color:#f2f2f2}

#urltext a:link {color:#444}
#urltext a:visited {color:#444}
#urltext a:hover {color:#444}
#urltext a:active {color:#444}




/* Footer */

#footer {
padding-left: 0px; 
width: 800px;
height: 80px;
margin: 0 auto;
clear: both; 
}







#content-box {
width: 920px;
margin: 0 auto;
text-align: left;
min-height: 544px;
}

#content-box-in-left {
width: 68%;
float: left;
padding: 0;
}

#content-box-in-left-in {
margin: 1em 1em 3em 1.8em;
}

#content-box-in-right {
width: 31%;
float: right;
}

#content-box-in-right h3 {
color: #bbb;
font-size: 1.2em;
margin-bottom: 13px;
padding: 0;
background: none;
}

#content-box-in-right-in {
margin: 2em 1.4em 5em 2.8em;
}


/* Right column directives */

#content-box-in-right-in ul.sm {
list-style-type: none;
margin: 0 0 30px 4px;
}

#content-box-in-right-in ul.sm li {
color: #bbb;
display: inline;
}

li.how { color: #bbb; padding: 0.5em 0 0.5em 0; }

#content-box-in-right-in ul.sm li a, #content-box-in-right-in ul.sm li a:visited {
color: #bbb;
font-weight: normal;
text-decoration: none;
padding: 4px 0 4px 16px;
line-height: 130%;
border-left: 2px solid #404040;
display: block;
}

#content-box-in-right-in ul.sm li a:hover, #content-box-in-right-in ul.sm li a.active {
	border-left: 2px solid #9CFF31 !important;
	text-decoration: none !important;
	color: white; 
}


/* Block of text with dotted border-bottom */

.block {
padding-bottom: 1px;
margin-bottom: 20px;
/*border-bottom: 1px dotted #606060;*/
}


.small-gallery {
margin: 2em 5em 2em 5em;
width: 80%;
text-align: center;
padding: 1px 0;
}

.small-gallery img {
border: 2px solid #000000;
margin: 0 10px 10px 0;
}

.small-gallery a:hover img {
border: 2px solid #9CFF31;
}

.large-gallery {
margin: 1em 0 2em 0;
width: 100%;
padding: 1px 5px;
}

.large-gallery img {
/*border: 3px solid #434343;*/
border: 2px solid #000000;
margin: 0 10px 0px 0;
}

.large-gallery a:hover img {
border: 2px solid #9CFF31;
}

.large-gallery table { 
	display: inline-block;
	padding: 0;
	margin: 0 0 20px 0;
}

.large-gallery table td.img {
	width: 120px;
	height: 120px;
	padding: 0;
	margin: 0;
}

.large-gallery table td.note {
	font-size: 0.75em;
}

tr { vertical-align: top; }

/* Paragraphs, headings, ... */

p {
line-height: 170%;
margin-bottom: 10px;
color: #bbb;
}

h1 {
font-size: 2.4em;
font-family: verdana, helvetica, "sans serif";
color: #bbb;
text-align: left;
padding: 23px 0 4px 0;
letter-spacing: 1px;
background: url('../img/h1-bg.gif') repeat-x 0 100%;
width: 60%;
}

h1 a:link, h1 a:visited {
font-weight: normal;
text-decoration: none;
color: #bbb;
}

h1 span {
color: #CBFF5C;
}

h2 {
font-size: 1.2em;
font-family: verdana, helvetica, "sans serif";
font-weight: normal;
color: #bbb;
text-align: left;
margin: 3px 0 0 0;
letter-spacing: 1px;
}

h3 {
font-size: 1.4em;
font-family: verdana, helvetica, "sans serif";
font-weight: normal;
color: #bbb;
letter-spacing: 1px;
margin-bottom: 8px;
background: url('../img/h3-bg.gif') no-repeat 0 center;
padding-left: 27px;
}

h4 {
font-size: 1.2em;
font-family: verdana, helvetica, "sans serif";
font-weight: normal;
color: #C7FF50;
letter-spacing: 1px;
margin-bottom: 5px;
background: url('../img/h3-bg.gif') no-repeat 0 center;
padding-left: 27px;
}

h5 {
margin-top: 0px;
font-size: 1em;
font-family: verdana, helvetica, "sans serif";
font-weight: normal;
color: #C7FF50;
letter-spacing: 1px;
margin-bottom: 7px;
background: url('../img/h3-bg.gif') no-repeat 0 center;
padding-left: 27px;
}


address {
}

.note {
/*	color: #C7FF50; */
	color: #888; 
}
.smallnote {
	font-size: .75em;
	color: #888; 
}

a:link, a:visited {
color: #C7FF50;
text-decoration: none;
font-weight: normal;
}

a:hover {
text-decoration: underline;
}

div#inner a.homelink { 
	color: #333;
	border: 0;
}
div#inner a.homelink:hover {
	text-decoration: none;
	color: #555;
}
div#inner a.homelink2 { 
	color: #151515;
	border: 0;
}
div#inner a.homelink2:hover {
	text-decoration: none;
	color: #202020;
}

div#inner a.selectedMenu { color: #C7FF50; }

UL.articleList { list-style-type: none; }
LI.articleList { padding-top: 2px; padding-bottom: 2px; margin-bottom: 20px; }
LI.articleList A { font-size: 110%; }
LI.articleList I { font-size: 85%; }

.small { font-size: .85em; }


.error { color: red; }

.imgComment { padding-left: 20px; font-size: 0.9em; padding-right: 20px; padding-bottom: 10px; }
.smallhr { 
	width: 70%; 
	color: #bbb; 
	text-align: left; /*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}


.formerror {
	background-color: #404040; 
	border-color: #88cc88;
}
.formnormal {
	background-color: #303030; 
	border-color: #555;
}

.formButton { 
	background-color: #303030; 
	border-color: #555;
	color: #bbb
}

.formButtonHilite {
	background-color: #404040; 
	border-color: #88cc88;
	color: #ddd;
}

.datesrow { padding-top: 5px; padding-bottom: 5px; color: #888; font-size: 0.8em; }
.subnotes { padding-top: 5px; padding-bottom: 5px; color: #666; font-size: 0.8em; }
.quote { padding-top: 8px; padding-bottom: 8px; list-style: none; margin-left: -20px; margin-right: 30px; }

.articledatetime { padding-left: 20px; }


/****** comments ********/

#comments {
  padding-top: 0px;
  clear: both;
}

p.commentp {
line-height: 180%;
font-size: 0.85em;
color: #eeeeee;
margin-bottom: 5px;
}

.commentwhowhen { text-align: left; font-size: .85em; }

/* General stuff */




.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }

.hilite { color: #C7FF50; }

.fullImageView { border: 0px; padding: 0px; }
.lpsm { margin-left: 40px; }

.latin { font-size: 0.8em; font-style: italic; }


div.c3 { margin-left: 50px; }










INPUT, SELECT, TEXTAREA { 
	font-family: verdana, helvetica, "sans serif";
	margin-left: 20px; 
	background-color: #303030; 
	color: #bbb; 
	border: solid 1px #555; 
	padding: 3px; 
}
TEXTAREA { font-size: 95%;  overflow: auto; }
LABEL { vertical-align: top;
	color: #eeeeee;
	font-size: 0.9em;	
}


INPUT#subject { 
font-size: 1em;
font-family: verdana, helvetica, "sans serif";
font-weight: normal;
color: #C7FF50;
letter-spacing: 1px;
width: 20em;
}
INPUT#who {
line-height: 180%;
font-size: 0.85em;
color: #eeeeee;
}
INPUT#comment {
line-height: 180%;
font-size: 0.85em;
color: #eeeeee;
}

	
#commentForm  {  
margin: 1.5em 0 0 0;  
padding: 0;  
}  
legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;  
}  
#commentForm  ol {  
padding: 1em 1em 0 1em;  
list-style: none;  
}  
#commentForm  li {  
padding-bottom: 1em;  
}  
#commentForm .submit {  
border-style: none;  
}
label {    
float: left;    
width: 10em;    
margin-right: 1em;    
text-align: right;  
}