/* 2013-05-03(f) - andi tepper - add #sister   rules           */
/* 2013-05-03(f) - andi tepper - add #werehere nav rule        */
/* 2013-04-18(r) - andi tepper - space out nav w/ #nav li rule */

body { 
	background-color:#90C7D3;
	color: #222;
	font-family: Verdana,Arial, sans-serif;
	}

h1	{
	background-color: #000033;       /* background is blue */
	color:#FFF;
	line-height:200%;
	font-family: Georgia, serif;
	background-image:url(../images/froghug72.jpg);
	background-position:99%;
	background-repeat:no-repeat; 
	margin-bottom:0;
	padding-left:20px;
	height:72px;  
	border-radius: 20px 20px 0 0;	                
	}


h2	{
		color:#3399CC;
		font-family: Georgia, serif;
		padding:5px;
		text-align:center;
	}
	
h3 {	
		color:#003;
   }
	
dt	{
		color:#003;
	}
		
#nav 	{
	/*	font-weight:bold;  */
		float:left;
		width:150px;
		padding: 20px 5px 5px 20px;
		}

#nav a, td a, #sister a {						 /* contextual selector */
			text-decoration:none; 
			}

ul#navprodlist a {margin:20px;}

#nav a:link, td a:link, #sister a:link		{color:#000033;}   /* pseudo classes */
#nav a:visited, td a:visited, #sister a:visited  {color:#347348;}   /* order is LVHA  */
#nav a:hover, td a:hover, #sister a:hover     	 {color:red;
				 text-decoration:underline;}
				 
#nav ul	{						/* contextual selector   */
		list-style-type:none;   /* no bullets on list    */
		margin:0;				/* no margins on element */
		padding-left:0;
		}

#nav li	{						/* contextual selector   */
		padding-bottom:5px;
		}
#nav #werehere { color:red;
				font-style:italic;
				}

#footer	  {
			font-size:.70em;
			font-style:italic;
			text-align:center;
			padding:10px;
			}

#footer	a {
			color:#000033;      /* color the mailto blue */
			}

#wrapper  {
			width:80%;
			margin-right:auto;
			margin-left:auto;
			min-width:960px;
			background-color:#90C7E3;
			border-radius:20px;
	/*		box-shadow:10px 10px 5px #888888;   */
			}
		
#content  {
			background-color:#FFFFFF;	
			margin-left:160px;   /* makes space for nav */
			padding-top:1px;
	      	padding-left:20px; 
          	padding-right:20px;
			border-radius: 0 0 20px 0;			
		  	}

#content #figure {
			float:right;
			padding-left:20px;
			margin:0;
			font-size:0.7em;
			text-align:center;
			}
#recycle 	{
			float:left;
			padding-right:20px;
			margin:0;
			}
			
#content ul {list-style-position:inside;}

#environ	{font-size:75%
			}
			
.clear		{clear:both;}			/* clears float */

.greenfrog 	{						/* "Green Frog Software" logo */
			color:#030;
			font-size:1.2em;
			}
			
.col1of2 	{					/* columns */
			float:left;
			width:200px;
			}			

.formitem 	{
			width:110px;
			float:left;
			text-align:right;
			padding-right:5px;
			display:block;
			}

.formlong 	{
			width:150px;
			float:left;
			text-align:right;
			padding-right:5px;
			display:block;
			}
			
.formlonger	{
			padding-right:5px;
			display:block;
			}

label input {display:inline;}

input, textarea {
		display:block;
		margin-bottom:30px;
		}

table 	{
		margin:auto;
		width: 550px;		
		border-spacing: 0;
		}
		
td, th	{
		padding: 10px;
		border: 1px solid #F2EAB7;		
		}

.text	{
		text-align: left;
		}

tr:nth-of-type(odd)  {
		background-color: #90C7E3;
		}