/* CSS Document */

/* External Style Sheet for two dog island */


html, body {
	
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 100.01%;
	font-color: #300; /* I moved much of the font information here, removing it from other spots */
	background: #fff url(images/bg_tile.gif);
}

/* several elements have had IDs added in the HTML and I have written various rulesets based on 
that */

#wrapper { /* replaced the centering table */
	margin: 0 auto;
	width: 700px;
	padding-bottom: 1em;
}

#logo {margin-bottom: 1em;}

#navigation img, #content img, art img, {
	vertical-align: bottom; /* this is the declaration that gets rid of the space */
	border: none;
}

#content {background: #fffaea;}

#footer img {
	border: none;
	vertical-align: baseline;
	display: inline-block;
	
}

#header {
	border-left: thin solid #330000;
	border-right: thin solid #330000;
	
	}

#art {
	border-left: thin solid #330000;
	border-right: thin solid #330000;
	border bottom: thin dashed #330000;
	}

#reps {
	border-left: thin solid #330000;
	border-right: thin solid #330000;
	

	}
td.content {
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 0.5cm;
	padding-right: 0.5cm;
	font-size: 14px;
	line-height:18px; 
	font-family:Times New Roman, Times, serif; 
	font-weight: 400;
	color: #330000;
	background-color:#FFFFFF;		}	


td.contentleft {
	padding-top: 0.5cm; 
	padding-bottom: 0.5cm; 
	padding-left: 0.5cm;
	padding-right: 0.5cm;
	font-size: 12px; 
	font-family:Times New Roman, Times, serif; 
	font-weight: 400;
	color: #330000; 
	border-left: thin solid #330000;

		}	

td.contentright {
	padding-top: 0.5cm; 
	padding-bottom: 0.5cm; 
	padding-left: 0.5cm;
	padding-right: 0.5cm;
	font-size: 12px;
	line-height:16px; 
	font-family:Times New Roman, Times, serif; 
	font-weight: 500;
	color: #330000; 
	border-right: thin solid #330000;

		}	

td.looseleft {
	padding-top: 0.5cm; 
	padding-bottom: 0.5cm; 
	padding-left: 1cm;
	padding-right: 0.5cm;
	
	font-size: 12px; 
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: 500;
	color: #3333333;
	background-image:url(loose/images/texture_left.gif); 
	border-left: thin solid #330000;

		}	

td.looseright {
	padding-top: 0.5cm; 
	padding-bottom: 0.5cm; 
	padding-left: 0.5cm;
	padding-right: 0.5cm;
	font-size: 12px;
	line-height: 18px; 
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: 400;
	color: #333333; 
	background-image:url(loose/images/texture_right.gif); 
	border-right: thin solid #330000;

		}	
td.space {
	padding-left: 1cm;
	padding-right: 1cm;
	}

p    {

	font-size: 14px; 

	font-family:Times New Roman, Times, serif; 

	font-weight: 500;

	color: #330000; 

	text-indent: 1cm;

	line-height: 18px;

	}




li {

	font-size: 11px; 

	font-family: Helvetica, Arial, sans-serif; 

	font-weight: 400;

	color: #330000; 

	text-indent: 1cm;

	line-height: 12px;

	}

td.form {
	font-size: 12px; 

	font-family:Times New Roman, Times, serif; 

	font-weight: 400;

	color: #330000; 
	}	

td.list  {

	padding-top: 0.5cm; 

	padding-left: 1cm;

	padding-right: ;
 
	font-size: 10px; 

	font-family: Helvetica, Arial, sans-serif;
	
	font-weight: 400;

	color: #330000;
	
	line-height: 12px;
 
	}	
td.order  {

	padding-top: 0.5cm; 

	padding-left: 1cm;

	padding-right: ;
 
	font-size: 12px; 

	font-family: Helvetica, Arial, sans-serif;
	
	font-weight: 500;

	color: #330000;
	
	line-height: 14px;
 
	}	
blockquote{
	font-size: 16px; 
	font-family:Times New Roman, Times, serif; 
	font-weight: 200;
	font-style:italic;
	color: #666666; 
	line-height: 18px;
	
	}


td.credit {	
	font-size: 10px; 
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: 400;
	color: #333333;
	vertical-align: bottom;
	}

td.header {	
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 1cm;
	padding-right: 10px;
	
	}

td.footer {	
	padding: 10px; 
	border: 1px solid #330000;
	background: #fff;
	text-align: center;
	}	

font.smcaps {

	font-size: 16px; 

	font-family: Tahoma, Helvetica, Arial, sans-serif; 

	font-variant: small-caps;

	font-weight: 400;
	
	line-height: 18px;

	color: #330000;

	}


font.blue {

	font-size: 16px; 

	font-family: Tahoma, Helvetica, Arial, sans-serif; 

	font-variant: small-caps;

	font-weight: 400;
	
	line-height: 18px;

	color: #6699ff;

	}

font.smcaps2 {

	font-size: 13px; 

	font-family:  Tahoma, Helvetica, Arial, sans-serif; 

	font-variant: small-caps;

	font-weight: 500;
	
	line-height: 14px;

	color: #330000;

	}
	
font.loose {
	font-size: 16px;
	 
	font-family:  Helvetica, Arial, sans-serif; 
	font-weight: 700;
	color:#333333;

	}


font.caption {
	font-size: 10px;
	line-height: 10px 
	font-family:  Helvetica, Arial, sans-serif; 
	font-weight: 400;
	color: #330000;
	}

font.captionsm {
	font-size: 9px; 
	font-family:  Helvetica, Arial, sans-serif; 
	font-weight: 400;
	color: #330000;
	line-height: 9px 
	}	


font.red {

	font-size: 12px; 
	font-family:  Tahoma, Helvetica, Arial, sans-serif; 
	font-variant: small-caps;
	font-weight: 600;
	color: #FF3333;

	}
	
font.crossout {
	
	 text-decoration: line-through}
	}	
	
font.small {

	font-size: 10px; 
	font-family: Times New Roman, Times, serif; 
	font-weight: 500;
	color: #330000;	

	}

a  {	

	font-family:  Helvetica, Arial, sans-serif; 
	font-size: 10px;  
	font-weight: 500;
	color: #330000;

	}

	

	a:visited { color: #333333 }



	a:hover {

	color: #ff3333;

	background: #ffffcc;

	text-decoration: none

	}
	
	u.small {
	font-size: 11px;
	line-height: 14px 
	font-family:  Helvetica, Arial, sans-serif; 
	font-weight: 500;
	color: #330000;
	}