/*
Resume Style Sheet

Copyright © 2005 by James E. Pettis

June 8, 2005

*/

/* default text color */
body, span.Company, td.ExpFirst, td.ExpMiddle, 
td.ExpLast
	{
	color: #330033;
	}

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

/* default lowered border */
td.ExpFirst, td.ExpMiddle, td.ExpLast
	{
	border-style: solid;
	border-color: #660000 #CC6666 #CC6666 #660000;
	}	

/* highlight text color */
span.H1, span.H2, span.H3, span.H4
	{
	color: #990000;
	}
	
body
	{
	background-color: #CCCCCC;
	background-image: url('backgrn2.gif');
	
	font-family: 'times new roman', serif;
	
	list-style-image: url('bullet2.gif');
	list-style-type: disc;
	
	margin: 0;
	}

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

img
	{
	border: none;
	}	

li	/*extra space between li lines but not within li */
	{
	margin-top: .5ex;
	}

table	/* centers tables */
	{
	margin:auto;
	}	
	
/* 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 */
ul
	{	
	margin-left: 17px;
	padding-left: 8px;

	/* removes excessive top margin */
	margin-top: auto;	
 	}	
	
a.Footnote
	{
	font-size: x-small;
	vertical-align: top;
	font-weight: normal;
	}
	
a.Img
	{
	text-decoration: none;	/* prevents Netscape from underlining images that are links */
	}	

a.LeftMargin
	{	
	position: absolute;
	left: 5px;
	top: 5px;
	}

a.RightMargin
	{	
	position: absolute;
	right: 5px;
	top: 5px;
	}

/* IE requires re-specification of :visited */
a.SkillLevel, a.SkillLevel:visited
	{
	color: #FFFFCC;
	}

div.Job
	{
	margin-bottom: 1em;
	}	
	
div.JobDescription
	{
	margin-left: 5ex;
	margin-right: 5ex;
	}
	
/* Here, using the same technique as in div.Rule 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.MainBody	/* center of 2-border margin */
	{
	background-image: url('borderlt.gif');
	background-repeat: repeat-y;

	margin-left: 0;
	margin-right: 51px;

	padding-left: 56px;
	padding-right: 5px;
	}
	
div.RightBorder
	{
	background-image: url('borderrt.gif');
	background-repeat: repeat-y;
	background-position: right;
	}

/* 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: #990000;

	font-size: .08em; 
	}
	
div.RuleH1
	{
	border-width: 3em;
	}
	
div.RuleH2
	{
	border-width: 2em;
	}
	
div.RuleH3
	{
	border-width: 1.5em;
	}
	
/* prevents comma after company links from being
/* the highlight color */
span.Company
	{
	font-weight: bold; 
	font-size: large;
	}
	
span.H1, span.H2, span.H3, span.H4
	{
	font-weight: bold; 
	}

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

span.H3
	{
	font-size: large;
	}
	
span.H4
	{
	font-variant: small-caps;
	}

table.CenterPage
	{
	padding: 0;
	border: 0;
	width: 100%;
	}

table.ExpBorder
	{
	background-image: url('backgrn2.gif'); 
	
	margin-top: .5ex;
	}

table.Experience
	{
	color: #FFFFCC;
	background-color: #990000;
	
	background-image: url('redback.gif');
	
	margin: 0 5px 5px 5px;
	}
	
table.SkillKey
	{
	border-style: solid;
	border-width: .5ex;
	border-color: #990000;
	}
	
td.ExpFirst, td.ExpMiddle, td.ExpLast
	{
	padding: 0 5px 2px 5px;	/*2px on bottom for Netscape acronym underline*/
	
	background-color: #CCCCCC;

	background-image: url('backgrn2.gif');
	}
	
td.ExpFirst
	{
	border-width: 5px 0 5px 5px; 
	}
	
td.ExpMiddle
	{
	border-width: 5px 0; 
	}
	
td.ExpLast
	{
	border-width: 5px 5px 5px 0; 
	}

td.ExpHeadFirst, td.ExpHeadLast
	{
	font-weight: bold;
	}
	
td.ExpHeadFirst
	{
	padding: 0 5px 4px 10px;
	}
	
td.ExpHeadMiddle
	{
	padding: 0 5px 4px 5px;
	}
	
td.ExpHeadLast
	{
	padding: 0 10px 4px 5px;
	}
	
td.ExpNW
	{
	background-image: url('tbnw.gif');
	}
	
td.ExpN
	{
	background-image: url('tbn.gif');
	}
	
td.ExpNE
	{
	background-image: url('tbne.gif');
	}
	
td.ExpW
	{
	background-image: url('tbw.gif');
	
	width: 5px;
	}
	
td.ExpE
	{
	background-image: url('tbe.gif');

	width: 5px;
	}
	
td.ExpSW
	{
	background-image: url('tbsw.gif');
	}
	
td.ExpS
	{
	background-image: url('tbS.gif');
	}
	
td.ExpSE
	{
	background-image: url('tbse.gif');
	}
	
td.HSpace
	{
	width: 5px;
	}
	
td.SkillKey
	{
	vertical-align: top;
	}

td.VRule
	{
	width: .26ex;
	background-color: #CC6666;
	}

tr.Space
	{
	height: 5px;
	}
	
/*	
img.Button
	{
	border-color: #CCCCCC;
	border-style: inset;
	border-width: 5px;
	}

/* border for headings */
/*
td.Border	
	{
	border: ridge;
	border-width: thick;
	
	padding: 1ex; 

	text-align: center;
	}
	
div.Separator
	{
	background-color: white;
	text-align: center;
	}
	
*/	
/* use H3 instead
div.ColumnHeading
	{
	color: #990000;
	font-size: large;
	font-weight: bold; 
	
	margin-bottom: .5ex;
	}

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

TD.HorSpace
	{
	font-size: .6ex;
	}
	
*/