/* CSS Document */

body	{
	background-color: #bdd09f;  //medium green
}

.site	{
	max-width: 1280px;
	margin-left: 130px;
}

.bold	{
	font-weight: bold;
}

.italic	{
	font-style: italic;
}

/* borders */
table.box1	{
	background-color: #ffffff;  
}
table.box2	{
	background-color: #4e6172;  //dark blue
}
table.box3	{
	background-color: #83929f;  //medium blue
}


.logo	{
	background-color: #83929f;   //medium blue
}

/* top links */
.linkbox	{
	background-color: #613318;  //dark brown
}

.mainlinkon  {
	font-family: verdana, arial, "ms sans serif", sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #eff1f3;
	background-color: #855723; //medium brown
}
.mainlinkon a,.mainlinkon a:visited,.mainlinkon a:hover {
	color: #eff1f3;
	font-weight: bold;
	text-decoration: none;
}
.mainlinkoff  {
	font-family: verdana, arial, "ms sans serif", sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #eff1f3;
	background-color: #b99c6b; //light brown
 }
.mainlinkoff a:link, .mainlinkoff a:visited, .mainlinkoff a:hover{
 color: #eff1f3;
 font-weight: normal;
 text-decoration: none;
}

.mainlinkblank {
	background-color: #b99c6b;  //light brown
}

/*  vernal pool facts box */
.factsheader	{
	background-color: #4e6172;   //dark blue
	font-family: verdana, arial, "ms sans serif", sans-serif; 
 	font-size: 10px; 
 	font-weight: normal;
 	line-height: 14px;
 	color: #eff1f3;  //very light grey
}
.facttitle	{
 	font-family: verdana, arial, "ms sans serif", sans-serif; 
 	font-size: 10px; 
 	line-height: 10px;
 	padding-left: 5px;
 	color: #000;
 	background: #a3adb8;	// light blue
}
.facttext	{
	color: #000;
	font-weight: normal;
	font-size: 13px;
}

.speakertext	{
	color: #000;
	font-weight: normal;
}

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

p { 
 font-family: verdana, arial, "ms sans serif", sans-serif; 
 font-size: 12px; 
 margin: 10px;
 line-height: 18px;
 padding-left: 8px;
 color: #405062;
 }
.basic  { 
 font-family: verdana, arial, "ms sans serif", sans-serif; 
 font-size: 10px; 
 line-height: 10px;
 padding-left: 5px;
 color: #405062;
 background: #eff1f3;
}
.basic a,.basic a:visited
 {
 color: #405062;
 }
h1 {

	font-family: arial, helvetica, "ms sans serif", sans-serif;
	font-size: 36px;
	margin: 10px;
	line-height: normal;
	padding-left: 5px;
	color: #eff1f3;
	font-weight: bold;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 0px;
 }
 
h4	{
	font-family: verdana, arial, "ms sans serif", sans-serif; 
    font-size: 12px; 
 	margin: 0px;
 	line-height: 18px;
 	color: #405062;
 }
 
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 17px;
}
.header { 
 font-family: verdana, arial, "ms sans serif", sans-serif;
 font-size: medium; 
 font-weight: bold;
 margin: 10px;
 line-height: normal;
 color: #405062;
 }
.small
 { 
 font-family: verdana, arial, "ms sans serif", sans-serif; 
 font-size: 10px; 
 font-weight: normal;
 line-height: 14px;
 color: #eff1f3;
 }
.small a,.small a:visited
{
 color: #eff1f3;
 font-weight: bold;
} 
.smalldark
 {
	font-family: verdana, arial, "ms sans serif", sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	color: #405062;
 }
.smalldark a,.smalldark a:visited
 {
	color: #405062;
	font-weight: bold;
	background-color: #d4dae0;
 }

input, textarea, select {
 background-color: #CCCCCC;
 border-style: solid;
 border-width: 1px;
 font-family: verdana, arial, sans-serif;
 font-size: 10px;
 color: #405062;
 padding: 0px;
}
.indent {
	font-family: verdana, arial, "ms sans serif", sans-serif;
	font-size: 10px;
	line-height: 10px;
	padding-left: 10px;
	/*color: #405062;*/
	padding-bottom: 5px;
	list-style-type: none;
	list-style-position: outside;
}
.vsmalldark {
 font-family: "Times New Roman", Times, serif; 
 font-size: 9px; 
 font-weight: normal;
 color: #405062;
}



.text {
 font-family: verdana, arial, "ms sans serif", sans-serif; 
 font-size: 12px; 
 line-height: 18px;
 padding-left: 8px;
 color: #405062;
}
.caption {
font-size: 9px; color: #000; font-family: "Times New Roman", Times, serif;
}
.dw {
font-family: "Matura MT Script Capitals", cursive
}
li {

 font-family: verdana, arial, "ms sans serif", sans-serif; 
 font-size: 12px; 
 margin: auto;
 line-height: 18px;
 padding-left: 8px;
 color: #405062;
}

td {
 font-family: verdana, arial, "ms sans serif", sans-serif; 
 font-size: 12px; 
 color: #405062;
}
.headerNoMargin {

 font-family: verdana, arial, "ms sans serif", sans-serif;
 font-size: medium; 
 font-weight: bold;
 margin: 0px;
 line-height: normal;
 color: #405062;
}

.imageright	{
	float: right;
	font-size: 9px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 15px;
	padding-bottom: 10px;
	text-align: right;
}

.imageleft	{
	float: left;
	font-size: 9px;
	font-family: "Times New Roman", Times, serif;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}

/* Menu */

#menu {

	// padding-right: 10px;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

#menu ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	line-height: normal;
}

#menu ul li {
	display: inline;
	color: #000000;
}

#menu a {
	display: block;
	// float: left;
	// width: 110px;
	//height: 20px;
	margin: 0;
	padding: 0 0 0 0;
	text-align: center;
	text-transform: uppercase;
	 text-decoration: none;
	 font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 12px;
}

#menu a:hover, #menu .active a {
	color: #855723;
}

.clear	{
	clear: both;
	}
	
.frogid, .invertebrateid { 
 font-family: verdana, arial, "ms sans serif", sans-serif;
 font-size: 16px; 
 font-weight: bold;
 margin: 10px;
 line-height: normal;
 color: #405062;
 }
.frogpic, .invertebratepic	{
	float: left;
	background-color: #b99c6b;
	border: 1px solid #000000;
	padding: 5px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}