/* FoxDog's Style Sheet */
/* now in php variety */

/* <?php header("Content-type: text/css"); ?> */

/* basic styles, colors, fonts etc */
body {
   font-family: arial, helvetica, serif; 
	font-size: 1.0em;
	color: #706866;
	background-color: #fff;
}

a {
   text-decoration: none;
}


a:link {
   color: #cec3c3;
}

a:visited {
   color: #a6a09e;
}

a:active {
   color: #2c3947;
}

a:hover {
	text-decoration: underline;
}

img
{
	border-style: none;
}

addr {
   font-style: italic;
}
/* Basic page layout, a header, then two columns, one a navpanel which rides
   on the right.  The content is in the main part to the left.  Look ma, no
   frames! */
	#topcontent {	  
	  background-color: #cec3c3/* silver*/;
	  padding-left: 0.2em;  
	}
	
	#topcontent h1 {
	  font-style: oblique;
     font-size: 3em;
	  color: #2c3947;	
	}
	
	#topcontent2 {	  
	  background:url(goat_banner1.jpg) left no-repeat; 
	  padding-left: 0.2em; 
	  padding-bottom: 9em; 
	  display:block;
	  position:relative;
	}	
	
	#content {
	   float:left;
	   width:70%;
	   background:#fff;
      border-right:2px solid #2c3947;
      border-bottom:2px solid #2c3947;
      padding-left: 0.2em;
      padding-right: 0.5em;
      padding-bottom:3em;
      /* this actually moves the right content over away from the border */
      margin-right:1em;
		}

	#navpanel {
	   font-size: 1em;
	   margin-left: 0em;
		}
		
	#navpanel ul {
		list-style: none;
	}
	
	#navpanel li ul {
	   list_style: none;
	}
	
	#navpanel li ul li {
	   text-indent: 1em;
	}
	
	#navpanel li ul li ul li {	  
	   text-indent: 2em;
	} 
	
	#navpanel li ul li ul li ul li {
	text-indent:  3em;
	}
	   
/* this goes below everything and spans the whole page */
	#bottomcontent {
	   clear: both;
	}
	
/* this is to create 'tables' of images amongst the main text */
/* see http://www.realworldstyle.com/thumb_float.html for where I got the idea */
div.floatimg {
  float: left;
  width: 175px;
  height: 200px;
  padding: 10px;
  border: 10px;
  }
  
div.floattext {
float: left;
width: 350px;
height: 200px;
padding: 10px;
border: 10px;
  }
  
div.floattextimg {
  float: left;
  width: 175px;
  height: 400px;
  padding: 10px;
  border: 10px;
}

div.imgcontainer {
  background-color: #fff;
  }
  
div.imgspacer {
  clear: both;
  }