/* Template Style Sheet for Webbutcher.net */


body	{
	background:	#f3eab1; /* very near the color of litewood.gif */
	background:	url(images/cover-bg2.jpg)  center center;
	color:				black;   /* all text */
	font-family:		times, serif;
	font-size:			12pt;
	margin-left:		5em;
	margin-right:		5em;
	}

h1, h2, h3	{
	/*font-family:	arial,sans-serif;*/
	font-family: verdana, "trebuchet MS", helvetica, arial, sans-serif;
	text-align:		center;
			}

h1		{
	font-size:		36pt;
		}

h2		{
	font-size:		48pt;
		}

h3		{
	font-size:		18pt;
		}

hr.a {			/* I had grabbed several hr styling codes from another website. this is one of them */
	border: 3px inset #777;
	width: 80%;
	height: 6px;
	margin: 1.5em auto 1.5em;
	text-align: center;
	}	

hr.b {							/* I had grabbed several hr styling codes from another website. */
	border: 3px inset #B6C074;	/* this is one of them. this one does the heavy hr under the header */
	width: 80%;
	height: 6px;
	margin: 1.5em auto 1.5em;
	text-align: center;
	}	

hr.c {			/* I had grabbed several hr styling codes from another website. this is one of them */
	border: 3px ridge #cf0;
	width: 80%;
	height: 6px;
	margin: 1.5em auto 1.5em;
	text-align: center;
	}	

hr.d {			/* I had grabbed several hr styling codes from another website. */
	border: none 0;		/* this is one of them. I was using it until I adapted the 'single' */
	border-top: 3px double #000;	/* code. (the 'k' is for kith) */
	width: 80%;
	height: 3px;
	margin: 1.5em auto 1.5em;
	text-align: center;
	}	

hr.e {			/* I had grabbed several hr styling codes from another website.  */
	border: none 0; 	/* this is one of them and I adapted it for the single line I've been using */
	border-top: 1px solid #000;
	width: 80%;
	height: 3px;
	margin: 1.5em auto 1.5em;
	text-align: center;
	}	

hr.f {			/* I had grabbed several hr styling codes from another website.  */
	border: none 0; 	/* this is one of them and I adapted it for the short version */
	border-top: 1px solid #000;	/* of the single line */
	width: 60%;
	height: 3px;
	margin: 1.5em auto 1.5em;
	text-align: center;
	}	

.foot
		{
/*	font-family:	'times new roman', times, serif;
	font-size:		13pt;*/
		}
.foot li{
	display:block;
}

P		{
	text-indent:		1em;
		}

A		{
	text-decoration:	none;
		} /* takes away underlines on hyper-links */

A:active	{color:		#000000;}
A:link		{color:		#FF0000;}	/* red */
A:visited	{color:		#0000FF;}	/* green */
A:hover		{
	text-decoration: underline;
	font-style:italic  
			}

.num	{
	font-size:		52%;
	font-weight:	550;
	vertical-align:	super;
		}

.den	{
  font-size:		52%;
  font-weight:		550;
  vertical-align:	sub;
		}

.meridian	{		/* makes AM and PM in small caps from lower case--looks cool */
			font-variant:small-caps;
			}

.update	{
		font-size:.8em;
		}

.copyblock	{
	width:300px;
	margin-left:65%;
	font-size:.7em;
	font-weight:normal;
	text-align:right;
	font-family: verdana, "trebuchet MS", helvetica, arial, sans-serif;
						}

/*	following are to create active buttons with the id 'button' */

#button	{
	font-family:	 Arial, Helvetica, sans-serif;	/*	all text in the buttons will be sans serif */
	font-size:		 1.2em;			/*	text will be 30% bigger than base font size */
	font-weight:	 bold;			/*	text will be bold */
		}

#button ul	{				/*	this grouping sets up an unordered list for making buttons */
	display:	block;		/*	sets for vertical display of li boxes */
	display:	inline;		/*	sets for horizontal display of li boxes */
		}

#button li	{
	list-style:	 none;		/*	eleminates leading characters in list items */
	line-height:	1.9;	/*	sets spacing between buttons and eliminates jitter	*/
		}

#button a
		{
	padding:			3px 10px 3px 10px;	/*	in conjunction with line height above sets size and spacing */
	color:				#D1EBD1; /*d5f3d9;*/ /*A62020;*/			/*	sets text color for links */
	background:			#2E4E33; /*2e5a32;*/ /*1c4920; */  /*FCD242;*/			/*	sets background color for links */
	text-decoration:	none;				/*	eliminates underline for links */
		}

#button a:link, 
#button a:visited		{  
/*	display:			block;*/	/* setting block here makes button full width of container */
/*	_height:			1%;	*/		/* may be needed for ie to make the whole tab clickable */

	border-top:		 3px solid #3a8340; /*1e9406;*/  /*FFFFB3;*/		/*	these four paramaters give boxes	*/
	border-left:	 3px solid #3a8340; /*1e9406;*/  /*FFFFB3;*/	/*	a raised medallion appearance */
	border-bottom:	 3px solid #1c311b; /*B28B04;*/
	border-right:	 3px solid #1c311b; /*B28B04;*/
		}

#button a:hover	{
	font-style:		normal;					/*	counteracts italic hover set elsewhere	*/
	border-top:		3px solid #1c311b; /*B28B04;*/		/*	these four paramaters give boxes		*/
	border-left:	3px solid #1c311b; /*B28B04;*/  	/*	a depressed medallion appearance		*/
	border-bottom:	3px solid #3a8340; /*1e9406;*/  /*FFFFB3;*/			/*	when mouse cursor is placed over them	*/
	border-right:	3px solid #3a8340; /*1e9406;*/  /*FFFFB3;*/	
		}


/*	code to identify internet explorer and to execute external behavior file	*/
<!--[if IE]>
/*
<style type="text/css" media="screen">

body		{
behavior: url(csshover.htc);*/	/* call hover behavior file */
/*font-size: 100%;*/				/* enable IE to resize em fonts */
/*			}

#menu ul li	{
float: left;*/		 /* cure IE5.x "whitespace in lists" problem */
/*width: 100%;
background:red;
			}

#menu ul li a	{
height: 1%;*/			/* make links honor display: block; properly */
/*				} 

#menu a, #menu h2	{
font: bold 0.7em/1.4em arial, helvetica, sans-serif; */
					/* if required use em's for IE as it won't resize pixels */
/*					}

</style>*/
<![endif]-->


/* revised 20 July 2008 previous */