/*
Wood Text Theme Style Sheet

by

Copyright © 2005 by James E. Pettis

June 3, 2005

*/

/* default raised border */
div.RuleH1, div.RuleH2, div.RuleH3, table.ExpInset
	{
	border-style: solid;
	border-color: #CC9900 #663300 #663300 #CC9900;
	}	

/* Note:  in IE CSS2 does not affect properties of HR, 
/* so using DIV (with a &nbsp content) and adjusting 
/* borders and size as done here allow an 
/* automatically resizing inline horizontal rule which 
/* will fill a table cell of variable width. 
/* It works in both IE and Netscape and looks similar
/* in both browsers */
div.RuleH1, div.RuleH2, div.RuleH3
	{
	background-color: #996600;

	font-size: .08em; 
	}
	
div.RuleH1
	{
	border-width: 3em;
	}
	
div.RuleH2
	{
	border-width: 2em;
	}
	
div.RuleH3
	{
	border-width: 1.5em;
	}

body
	{
	color: #000000;
	background-color: #FFCC99;
	
	background-image: url('backgrn2.gif');
	
	font-family: 'times new roman', serif;
	
	list-style-image: url('bullet2.gif');
	list-style-type: disc;
	
	margin-left: 4%;
	margin-right: 4%;
	}

a.Img
	{
	text-decoration: none;	/* prevents Netscape from underlining images that are links */
	}	

a:link
	{
	color: #000099;
	}
	
a:visited
	{
	color: #990099;
	}

img
	{
	border: none;
	}
	
li
	{
	margin-bottom: .5ex;
	}

ul
	{	/* an attempt to make li flush with left margin */
	/* Netscape and IE consider the bullets to be "outside" 
	of the block, which is as it shoud be
	/* but Netscape allows space for the bullet by using padding 
	/* while IE	allows space using a margin
	/* so, the nearest I can get to identical operation without 
	using a table is the following, 
	which causes Netscape to be flush 
	but IE to retain an 8 pixel indent*/
	margin-left: 17px;	/* width of bullet ???*/
	padding-left: 8px;
	margin-top: auto;
 	}	
	
table
	{
	margin:auto;
	}	
	
td.Border
	{
	border: ridge; /* dotted dashed solid double groove ridge inset outset */
	border-width: thick;
	border-color: #996600;
	
	padding: 1ex; 

	text-align: center;
	}
	
table.CenterPage
	{
	padding: 0;
	border: 0;
	width:100%;
	}

span.H1, span.H2, span.H3
	{
	color: #996600;
	font-weight: bold; 
	}

span.H1
	{
	font-size: xx-large;
	}
	
span.H2
	{
	font-size: x-large;
	}

span.H3
	{
	font-size: large;
	}
	
span.Company
	{
	color: #000000;
	font-weight: bold; 
	font-size: large;
	}
	
/* Here, using the same technique to create a leader which sticks to the baseline , though slightly above in IE*/
div.Leader 
	{
	font-size: .53em; 
	
	border-top-width: 0em; 
	border-bottom-style: dotted; 
	border-bottom-width: .1em;
	}

div.JobDescription
	{
	margin-left: 4.4%;
	margin-right: 4.4%;
	}
	
span.JobTitle
	{
	font-variant: small-caps;
	font-weight: bold;
	color: #996600;
	}

div.Separator
	{
	background-color: white;
	text-align: center;
	}
	
div.ColumnHeading
	{
	color: #996600;
	font-size: large;
	font-weight: bold; 
	
	margin-bottom: .5ex;
	}

span.ColumnHeading
	{
	color: #996600;
	font-size: large;
	font-weight: bold; 
	
	margin-bottom: .5ex;
	}