/* DIRTY GOAT STYLE SHEET */

body	{ background-image: url('images/background.jpg');
		  font-family: Verdana, sans-serif, Helvetica, Arial;
		  font-size: 11px;
		  line-height: 16px;
		  color: #241703;
		  background-color: #E0D5BD;
	  }
.middle	{ width: 670px; }
.midimg	{ padding-right: 5px; }
.midtop	{ padding-right: 5px; padding-top: 5px;}

a:link		{ color: #93173B; font-weight: bold; text-decoration: none; }
a:visited	{ color: #93173B; font-weight: bold; text-decoration: none; }
a:hover		{ color: #93173B; font-weight: bold; text-decoration: underline; }
a:active	{ color: blue; font-weight: bold; text-decoration: underline; }
	  
/* THESE DIVs DEFINE THE MAIN TEXT AREAS FOR THE WEBSITE */
/* * * * * * * ** * * * * * * * * * * * * * * * * * * * * * * * */
/*	120x190		*					120x704						*/
/*				*												*/
/* * * * * * * ** * * * * * * * * * * * * * * * * * * * * * * * */
/*				*												*/
/*				*												*/
/*	350x190		*					350x704						*/
/*				*												*/
/*				*												*/
/*				*												*/
/* * * * * * * ** * * * * * * * * * * * * * * * * * * * * * * * */
/*				*												*/
/*	174x190		*					174x704						*/
/*				*												*/
/*				*												*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

div#boxframe	{ position: absolute;
				  left: 25px;
				  top: 25px;
				  width: 900px;
				  height: 650px;
				  background-color: #241703;
			  }
div#undercoat	{ position: absolute;
				  left: 28px;
				  top: 28px;
				  width: 894px;
				  height: 644px;
				  background-color: #FFFFFF;
			  }			  
			  
div#boxtop 	{ 	 position: absolute;
				 left: 218px;
				 top: 28px;
				 width: 704px;
				 height: 120px;
			   	 background-color: #E0D5BD;
			 }

div#boxtop2 	{ 	 position: absolute;
					 left: 218px;
					 top: 28px;
					 width: 704px;
					 height: 120px;
				   	 background-color: #E0D5BD;
					 background-image: url('images/tablebackground3.jpg');
			 }

div#backissues-top 	{ 	 position: absolute;  /* This particular DIV uses bg image so we can float other images over it */
						 left: 240px;
						 top: 33px;
						 padding: 0px;
						 margin: 0px;
					 }
		div#backissues-top a {
			display:inline;
			padding:0px;
			margin: 0px;
		}
		div#backissues-top a:hover {
			background:transparent;
		}
		div#backissues-top a span {
			display:none;
		}
		div#backissues-top a:hover span {
			display:inline;
			position:absolute;
			top:122px;
			left:0px;
			width:240px;
			height:300px;
			margin: 0px;
			padding: 0px;
		}
		.cover01 {background:url(images/covers/DG001.jpg) no-repeat top left;}
		.cover02 {background:url(images/covers/DG002.jpg) no-repeat top left;}
		.cover03 {background:url(images/covers/DG003.jpg) no-repeat top left;}
		.cover04 {background:url(images/covers/DG004.jpg) no-repeat top left;}
		.cover05 {background:url(images/covers/DG005.jpg) no-repeat top left;}
		.cover06 {background:url(images/covers/DG006.jpg) no-repeat top left;}
		.cover07 {background:url(images/covers/DG007.jpg) no-repeat top left;}
		.cover08 {background:url(images/covers/DG008.jpg) no-repeat top left;}
		.cover09 {background:url(images/covers/DG009.jpg) no-repeat top left;}
		.cover10 {background:url(images/covers/DG010.jpg) no-repeat top left;}
		.cover11 {background:url(images/covers/DG011.jpg) no-repeat top left;}
		.cover12 {background:url(images/covers/DG012.jpg) no-repeat top left;}
		.cover13 {background:url(images/covers/DG013.jpg) no-repeat top left;}
		.cover14 {background:url(images/covers/DG014.jpg) no-repeat top left;}
		.cover15 {background:url(images/covers/DG015.jpg) no-repeat top left;}
		.cover16 {background:url(images/covers/DG016.jpg) no-repeat top left;}
		.cover17 {background:url(images/covers/DG017.jpg) no-repeat top left;}
		.cover18 {background:url(images/covers/DG018.jpg) no-repeat top left;}
		.cover19 {background:url(images/covers/DG019.jpg) no-repeat top left;}
		.cover20 {background:url(images/covers/DG020.jpg) no-repeat top left;}
		.cover21 {background:url(images/covers/DG021.jpg) no-repeat top left;}
		.cover22 {background:url(images/covers/DG022.jpg) no-repeat top left;}

div#backissues-bottom 	{ 	 position: absolute;  /* This particular DIV uses bg image so we can float other images over it */
							 left: 240px;
							 top: 478px;
					 }
		div#backissues-bottom a {
			display:inline;
			padding:0px;
		}
		div#backissues-bottom a:hover {
			background:transparent;
		}
		div#backissues-bottom a span {
			display:none;
		}
		div#backissues-bottom a:hover span {
			display:inline;
			position:absolute;
			top:-323px;
			left:0px;
			width:240px;
			height:300px;
		}

div#boxmiddle	{ position: absolute;
				  left: 218px;
				  top: 148px;
				  width: 704px;
				  height: 350px;
				  background-image: url('images/tablebackground.jpg');
				  background-color: #E0D5BD;
			  }
	
div#boxbottom	{ position: absolute;
				  left: 218px;
				  top: 498px;
				  width: 704px;
				  height: 174px;
				  background-image: url('images/tablebackground2.jpg');
				  background-color: #E0D5BD;
				  text-align: right;
				  font-size: 10px;
			  }

div#excerpts	{ position: absolute;
				  left: 218px;
				  top: 475px;
				  width: 704px;
				  height: 23px;
				  background-color: #E0D5BD;
			  }
			  
/* THESE DIVs DEFINE THE LEFT-HAND NAVIGATION BAR FOR ALL PAGES */			  			 
div#mainlogo	{ position: absolute;
				  left: 28px;
				  top: 28px;
				  width: 190px;
				  height: 120px;
				  background-color: #E0D5BD;
			  }

div#links	{ position: absolute;
			  left: 28px;
			  top: 148px;
			  width: 190px;
			  height: 350px;
			  background-image: url('images/linksback.jpg');
			  padding-top: 30px;
			  background-color: #E0D5BD;
		  }
/* BELOW ARE THE MAIN NAVIGATION LINK ON THE LEFT OF EVERY PAGE */
	.navlinks	{ width: 170px; 
				  font-family: Verdana, sans-serif, Helvetica, Arial;
				  font-size: 12px;
				  color: #241703;
				  font-weight: bold;
				  text-align: right;
				  line-height: 32px;
				}
	div#links a:link	{ color: #241703; font-weight: bold; text-decoration: none; }
	div#links a:visited	{ color: #241703; font-weight: bold; text-decoration: none; }
	div#links a:hover	{ color: #93173B; font-weight: bold; text-decoration: none; }
	div#links a:active	{ color: #93173B; font-weight: bold; text-decoration: none; }

div#hostlogo	{ position: absolute;
				  left: 28px;
				  top: 498px;
				  width: 190px;
				  height: 174px;
			  }
		  
div#mainimg		{ position: absolute;
				  left: 240px;
				  top: 155px;
				  margin: 0px;
				  padding: 0px;
			  }
div#subscribe		{	position: absolute;
						left: 240px;
						top: 465px;
						margin: 0px;
						padding: 0px;
						width: 240px;
						height: 50px;
						text-align: center;
						font-family: Verdana, sans-serif, Helvetica, Arial;
				  		font-size: 19px;
			  		}
	div#subscribe a:link		{ color: #93173B; font-weight: bold; text-decoration: none; }
	div#subscribe a:visited		{ color: #93173B; text-decoration: none; }
	div#subscribe a:hover		{ color: #241703; text-decoration: none; }
	div#subscribe a:active		{ color: red; text-decoration: none; }
			  
div#bodycopy	{ position: absolute;
				  left: 492px;
				  top: 153px;
				  width: 410px;
				  height: 350px;
				  font-family: Verdana, sans-serif, Helvetica, Arial;
				  font-size: 11px;
				  line-height: 16px;
				  color: #241703;
			  }

div#webinfo		{ position: absolute;
				  left: 755px;
				  top: 650px;
				  text-align: left;
				  font-family: Garamond,Times New Roman,Times, serif;
				  font-size: 12px;
				  color: #241703;
			  }
			  
/* BELOW ARE THE EXCERPT CLASSES/DIVS FOR THE BOTTOM OF BACK ISSUE PAGES */

div#toc		{ position: absolute;
			  left: 218px;
			  top: 503px;
			  text-align: center;
			  width: 704px;
			  height: 16px;
			  font-family: Verdana, sans-serif, Helvetica, Arial;
			  font-size: 11px;
			  line-height: 12px;
			  color: #241703;
		  }

div#sect1	{ position: absolute;
			  left: 218px;
			  top: 519px;
			  text-align: center;
			  width: 230px;
			  height: 153px;
			  font-family: Verdana, sans-serif, Helvetica, Arial;
			  font-size: 10px;
			  line-height: 12px;
			  color: #241703;
		  }

div#sect2	{ position: absolute;
			  left: 454px;
			  top: 519px;
			  text-align: center;
			  width: 230px;
			  height: 153px;
			  font-family: Verdana, sans-serif, Helvetica, Arial;
			  font-size: 10px;
			  line-height: 12px;
			  color: #241703;
		  }

div#sect3	{ position: absolute;
			  left: 687px;
			  top: 519px;
			  text-align: center;
			  width: 230px;
			  height: 153px;
			  font-family: Verdana, sans-serif, Helvetica, Arial;
			  font-size: 10px;
			  line-height: 12px;
			  color: #241703;
		  }

div#sectA	{ position: absolute;
			  left: 218px;
			  top: 519px;
			  text-align: center;
			  width: 140px;
			  height: 153px;
			  font-family: Verdana, sans-serif, Helvetica, Arial;
			  font-size: 10px;
			  line-height: 12px;
			  color: #241703;
		  }

div#sectB	{ position: absolute;
			  left: 358px;
			  top: 519px;
			  text-align: center;
			  width: 141px;
			  height: 153px;
			  font-family: Verdana, sans-serif, Helvetica, Arial;
			  font-size: 10px;
			  line-height: 12px;
			  color: #241703;
		  }

div#sectC	{ position: absolute;
			  left: 499px;
			  top: 519px;
			  text-align: center;
			  width: 141px;
			  height: 153px;
			  font-family: Verdana, sans-serif, Helvetica, Arial;
			  font-size: 10px;
			  line-height: 12px;
			  color: #241703;
		  }

div#sectD	{ position: absolute;
			  left: 640px;
			  top: 519px;
			  text-align: center;
			  width: 141px;
			  height: 153px;
			  font-family: Verdana, sans-serif, Helvetica, Arial;
			  font-size: 10px;
			  line-height: 12px;
			  color: #241703;
		  }

div#sectE	{ position: absolute;
			  left: 781px;
			  top: 519px;
			  text-align: center;
			  width: 141px;
			  height: 153px;
			  font-family: Verdana, sans-serif, Helvetica, Arial;
			  font-size: 10px;
			  line-height: 12px;
			  color: #241703;
		  }

