body {font : normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:white; text-align:center;
	margin:0px; padding:0px; background-image:url('phloxBG2.jpg')}
@media screen and (max-width:480px) {
	background-image: none
}

	
#content {width:1000px; margin:0px auto;text-align:left; background-color:white; padding:10px}
@media screen and (max-width:999px){
	#content {width:100%;}
}

h3 {color:darkgreen; font-weight:bold; font-size:13pt; text-align:left; margin:5px 2px 2px 2px}
h4 {color: #A75490; font-weight:normal; font-size:11pt; text-align:left; margin:5px 2px 2px 2px}

/*general content styling*/
img {border:none}
p {margin:5px 0px 0px 0px}
a {color:darkgreen; text-decoration:underline}
a:hover {color:seagreen}
.footnote {font-style:italic; margin-top:10px}
.helplink {color:lemonchiffon; text-decoration:underline; cursor:pointer}
.warn {color:magenta; font-style:italic; width:100%; margin-top:50px; margin-bottom:100px; text-align:center;}
.warntext {color:magenta; font-style:italic;}
.warn a {color:#A75490}
.info{font-style:italic; margin:10px 5px 5px 5px; border-bottom:double 3px darkgreen}

/*#tl {float:right; color:darkgreen; height:36px; padding:10px 5px 0px 10px; margin:0px;}
#tl a {color:darkgreen; text-decoration:none}
#tl a:hover{color:seagreen}
#current {color: #A75490}*/

/* menubar */
#socialx {margin:0px; margin-right:3%; float:right}
.topnav { overflow:hidden; clear:both }
.topnav a {float: left; display: block; color: darkgreen; text-align: center; padding: 8px 16px;
  		text-decoration: none; font-size: 14px;}

.topnav a:hover {background-color: lemonchiffon; color: seagreen;}
.topnav .icon {display: none;}
@media screen and (max-width:480px) {
	#logo { width:50% }
	.topnav { background-color:azure}
 }

/*banner on homepage*/
#tagline {width:95%; padding:3px 15px 3px 3px; font-style:italic; text-align:right;
	color:#A75490; background-color:lavenderblush; clear:left }

/* search box */
#sform {margin: 0px 15px; padding:0px;}
@media screen and (max-width:480px) {
	#sform { display:none }
}
#suggestions { position:absolute; z-index: 5; width:100px; width:150px; overflow: scroll; height: 200px;
	border: solid 1px black; background-color:lemonchiffon; }
.tinybutton {font-size:10px; padding:2px; background-color: darkgreen; border-color: darkgreen; color:white;
	margin:0px; border-radius: 4px}
.btn {font-size:12px; padding:1px; background-color: darkgreen; border-color: darkgreen; color:white;
	margin:0px; border-radius: 4px; margin:3px}
@media screen and (max-width:999px) {
	.btn { border-radius:7px; font-size:14px; padding:3px; font-weight:bold }
}

/*breadcrumbs*/
.crumbs {background-color:darkgreen; color:honeydew; padding:3px 3px 3px 15px; clear:both}
.crumb1 {font-size:12pt; font-weight:bold}
.crumb1 a {color:lime}
.crumbs a {color:lime}
@media screen and (max-width:480px) {
	.crumbs { background-color:transparent; color:darkgreen; font-style:italic; font-size: 10pt }
	.crumb1 { font-size:11pt }
}

/*page navigation*/
.pagelinks {text-align:center; margin:5px; color:darkcyan}
.pagelinks a {color: #2CBEE1}

/*footer*/
#footer{clear:both; text-align:center; font-size:9pt; margin:20px 3px 20px 3px; color:cyan}
#footer a {color:#A75490}
@media screen and (max-width:480px) {
	#footer {background-color:cyan; padding:5px; margin: 40px 0px 0px 0px}
	#footer a { display:block }
}

/*
#sform {margin:0px;padding:10px 5px 5px 5px; height:40px}
#sform input {font-size:9pt; padding:2px; margin:0px}
*/


.greenbanner {color:white; border-radius: 5px; border:solid 1px darkgreen; font-size:11pt; font-weight:bold;
	padding:2px; margin:5px 5px 2px 5px; width:90%; float:none; clear:both;
	background: darkgreen; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(darkgreen, #00B800); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(darkgreen, #00B800); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(darkgreen, #00B800); /* For Firefox 3.6 to 15 */
    background: linear-gradient(darkgreen, #00B800); /* Standard syntax */}

.purplebanner {color:white;  border-radius: 5px; border:solid 1px #A75490; font-size:11pt; font-weight:bold;
	padding:2px; margin:5px 5px 2px 5px; width:90%; float:none; clear:both;
	background: #A75490; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#A75490, #D4AAC8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#A75490, #D4AAC8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#A75490, #D4AAC8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#A75490, #D4AAC8); /* Standard syntax */}

.aquabanner {color:white; border-radius: 5px; border:solid 1px #2CBEE1; font-size:11pt; font-weight:bold;
	padding:2px; margin:5px 5px 2px 5px; width:90%; float:none; clear:both;
	background: #2CBEE1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#2CBEE1, #AAE4F3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2CBEE1, #AAE4F3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2CBEE1, #AAE4F3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2CBEE1, #AAE4F3); /* Standard syntax */}

.brownbanner {color:white; border-radius: 5px; border:solid 1px sienna; font-size:11pt; font-weight:bold;
	padding:2px; margin:5px 5px 2px 5px; width:90%; float:none; clear:both;
	background: sienna; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(sienna, #D48A68); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(sienna, #D48A68); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(sienna, #D48A68); /* For Firefox 3.6 to 15 */
    background: linear-gradient(sienna, #D48A68); /* Standard syntax */	}

.flore {margin-top:15px; border-top: solid 2px #2CBEE1; clear:both}
.flore div {
    margin-left: 30px
}

/* site colors
greens > honeydew; #206100; darkgreen
purples > lavenderblush;  #A75490;
aquas >	azure; #2CBEE1; */

/* search autolist */
/* Big box with list of options */
#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:175px;	/* Width of box */
	height:200px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #206100;	/* Dark green border */
	background-color:white;	/* White background color */
	text-align:left;
	font-size:0.9em;
	z-index:100;
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;
	font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#317082;
	color:#FFF;
}
#ajax_listOfOptions_iframe{background-color:#F00;position:absolute;z-index:99;}