/* Style Sheet for webbutcher.net */

/*
  * { outline: 2px dotted red }
  * * { outline: 2px dotted green }
  * * * { outline: 2px dotted orange }
  * * * * { outline: 2px dotted blue }
  * * * * * { outline: 1px solid red }
  * * * * * * { outline: 1px solid green }
  * * * * * * * { outline: 1px solid orange }
  * * * * * * * * { outline: 1px solid blue }
*/


body		{
		 background-image:	url("images/cleaver-bg.jpg");
		 background-position:	center center;
		 background-repeat:	no-repeat;
		 color:				black;	  /* all text */
		 font-family:		palamino, 'times-new-roman', times, serif;
		 font-size:			12pt;
		 margin-left:		2em;
		 margin-right:		2em;
			 }

h1, h2, h3	{
		font-family:arial,sans-serif;
		text-align:center;
		font-weight:bold;
			}

h1			{
		font-size:5em;
		line-height:.8;
			}

h2			{
		font-size:3.5em;
		line-height:.8;
			}

h3			{
		font-size:2em;
		line-height:.8;
			}

ul			{
		margin-left:		1em;
		margin-right:		0em;
				}

ol			{
		margin-left:		2em;
		margin-right:		2em;
				}

A:active	{color:		#99CCFF;}
A:link		{color:		#0000FF;}
A:visited	{color:		#0000FF;}
A:hover		{}		/*{font-style:		italic;}*/



#div1		{ 
			float:left; 
/*			margin-left:0em;*/
			width:19em;
			background:none;
			text-align:left;
			}

#div2		{ 
			margin-left:35%; 
			width:65%;
			_width:60%;
			background:none;
			text-align:left;
			}

/*	base font specifications for page header */


div.content		{
/*		position:relative;*/
/*		top:5em;
		top*/ /**//*:5em;
		left:-5em;
		left*/ /**//*:-5em;*/
		width:80%;
		margin:	3em 6em 0 9em;
				}


/*	code sets type face and font size for footer data	*/
div.footer		{
		padding-left:13em;
		padding-top:10px;
		font-family:arial;
		font-size:.75em;
		font-weight:normal;
		text-align:center;
		background:none;
				}

/*	style for page date */


.build-date		{
		position:relative;
		top:50px;
		text-align:left;
		font-size:.75em;
		font-weight:normal;
		font-family:arial, sans-serif;
		padding:0 0 0 10px;
		background:none;
				}


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

#button	{
	font-family:	 Arial, Helvetica, sans-serif;	/*	all text in the buttons will be sans serif */
	font-size:		 1em;			/*	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:	2.3;	/*	sets spacing between buttons and eliminates jitter	*/
		}

#button a
		{
	padding:			7px 10px 4px 11px;	/*	in conjunction with line height above sets size and spacing */
	_padding:			6px 9px 4px 9px;	/*	in conjunction with line height above sets size and spacing */
	color:				#E6E9FC;			/*	sets text color for links */
	background:			#4246DE;			/*	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 */

						}
#button a:link, 
#button a:visited	{  
	border-top:			3px solid #DFDFEB;		/*	these four paramaters give boxes		*/
	border-left:		3px solid #DFDFEB;		/*	a raised medallion appearance */
	border-bottom:		3px solid #080B7A;
	border-right:		3px solid #080B7A;
						}

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

.mlogo		{
		top:-7em;
		_top:-5em;
			}


/* Style for W3C buttons in footer */


div.w3c		{
/*		top:2em;
		background:none;
		width:20em;*/
			}

.w3c	{
  background:teal;
  position:relative;
  margin: 1em 0;
  width: 8em;
  font-family: helvetica,arial,sans-serif;
  font-size: 70%;
  font-weight: bold;
		}

.w3c a	{
  display: block;
  width: 100%;
		}

.w3c a:link,
.w3c a:visited,
.w3c a:hover	{
  background: #5090E0; /*#87CEEB;*/ /* #b2cdeo for blue  #ffcc66; for yellow */
  color: #000;
  text-decoration: none;
				}

.w3c a:link,
.w3c a:visited	{
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
				}

.w3c a:hover	{
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
				}

.w3c span.w3c	{
  padding: .3em .4em .15em;
/*  padding: 0 0.4em;*/
  background: #fff;
  color: #0c479d;
				}



/* revised 22 May 2008 previous 1 October 2007  */