body {font-family: Arial, "MS Trebuchet", sans-serif; font-size: 75%; background-color: #CDD7BF;} 


html, body {
	text-align: center;
}

div#page {
position: relative;
margin: auto;
padding-top: 0;
text-align:left;
}


#page {width: 750px;}
#header {width: 750px; height: 98px;}
#navbar {padding-left: 0px; margin:5px 0 5px 0; padding-top: 5px; background-image: url(/img/nav_bground.jpg); height:30px;}
#navbar li {list-style-type: none; display:inline; margin-right: 15px;}
#navbar ul{ padding-left:23px; height:23px; margin:0; float:left; width:400px;}  
#navbar form{ padding:0; float:right; font-size:.9em; padding-right:10px; }
#navbar form option { font-size:1em;}

#emailbox {margin: 20px 0 25px 0; clear:both;}
#brightstorm {float:right; margin-bottom: 7px; margin-top: 15px;}
#copyright {margin-left: 0px; float:left; margin-top: 25px;}
h2 {margin-left: 23px; margin-top: 58px;}
p {margin-left: 23px; padding-right: 23px;}  

img {border:0px;}  

.admin #navbar a { color:#FFF;}

a:hover { text-decoration: underline;}
a{ text-decoration: none; color:#000;}

.admin #navbar { padding-bottom: 5px;}

.admin table {width:750px; margin-left:0px;}
.admin table th {padding-bottom: 20px; text-align: left;}
.admin table td {padding-bottom: 6px;}

.admin label, fieldset label {width:100px; display:block; float:left;}
.admin input[type="text"], .admin textarea { border:1px solid #000; width:640px; padding:2px;}
.admin textarea {font-family: Arial, "MS Trebuchet", sans-serif; font-size: 100%; }
.admin select { border:1px solid #000;}
.admin h2 { margin:0 0 10px 0;} 

fieldset { margin-bottom:20px;}
fieldset input[type="text"], fieldset input[type="password"] { width: 200px; border:1px solid #000;} 

.selectMultiple { height: 80px;}
 
/* plants view */  

.heading td h2 {margin:20px 0 5px 0; text-transform: uppercase; color: #5e8700; }
.heading td { padding:5px 5px 14px 10px; background-color: #A4BD9F;}
.heading td p { margin-left:0;}


table { margin-bottom:20px; margin-left:60px;} 
table td { vertical-align: top; border-bottom: 1px dashed #4c5c22; padding:6px 0 6px 0;}
table img { margin-right:6px; } 
table h2 { margin:5px 0 0 0;}
table h3, table h3 a {margin:0 0 6px 0; color: #5e8700; text-transform: uppercase;}
.latin_name { font-style: italic; font-weight: bold; display:inline; padding:0 10px 0 0;} 
.description { padding: 6px 0 6px 0;}
table .key { padding-left:6px; font-size: 120%; width: 20px; text-align:center;}
table .category { font-size: .9em;}
table .description {margin-left: 0px;}
table .description p {margin-left: 0; padding-left: 0;}
table .key img {padding-bottom:4px;} 

.title {display:inline; font-weight: bold;} 
.title a {color:#000; text-transform: uppercase;}

#key { border: 2px solid #000;border-bottom: 4px solid #000; padding:0; margin-left:0px; margin-top:0px; height:178px; font-size:.95em; background-color: #FFF;}
#key p {border:0; padding:0;}
#key h2 {margin:0; color: #000; padding:5px; font-size: 1.2em;}      
#key dl { padding: 0 5px 5px 5px;}
#key dt {float:left; border-top:3px solid #FFF; clear:both; width:50px; font-weight: bold; padding:0; margin:0; text-align:center;}
#key dd {float:left; border-top:3px solid #FFF; width:650px; padding:0; margin:0; font-style: italic;}  

#pager {margin-bottom:5px; width: 750px; }
#pager img {margin-right:4px;}
#pager img#last {margin-right:0px;}
                              
.plant #image img { width:280px;}
.plant #image { width: 300px; float:left; margin: 0 20px 30px 23px;}
.plant #details {float:left; width:400px;} 
.plant #details h3 a {color: #5e8700; text-transform: uppercase; }
.plant .category {font-size:.9em; }
.plant div {margin-bottom:15px;}

.related h3 {margin-left:23px;}
.related table h3 {margin-left:0px;}